@jetbrains/ring-ui-built 7.0.0-beta.2 → 7.0.0-beta.4

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 (336) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +1 -504
  2. package/components/_helpers/anchor.js +7 -10
  3. package/components/_helpers/button__classes.js +15 -13
  4. package/components/_helpers/caption.js +11 -21
  5. package/components/_helpers/card.js +91 -123
  6. package/components/_helpers/dialog__body-scroll-preventer.js +10 -17
  7. package/components/_helpers/icon__svg.js +27 -29
  8. package/components/_helpers/input.js +150 -192
  9. package/components/_helpers/query-assist__suggestions.js +78 -93
  10. package/components/_helpers/select__filter.js +56 -75
  11. package/components/_helpers/services-link.js +23 -39
  12. package/components/_helpers/sidebar.js +91 -102
  13. package/components/_helpers/tab-link.js +8 -12
  14. package/components/_helpers/theme.js +42 -51
  15. package/components/_helpers/title.js +59 -84
  16. package/components/alert/alert.d.ts +7 -24
  17. package/components/alert/alert.js +111 -179
  18. package/components/alert/container.d.ts +0 -5
  19. package/components/alert/container.js +32 -44
  20. package/components/alert-service/alert-service.js +104 -162
  21. package/components/analytics/analytics.js +12 -20
  22. package/components/analytics/analytics__custom-plugin.js +52 -68
  23. package/components/auth/auth.js +2 -28
  24. package/components/auth/auth__core.d.ts +4 -4
  25. package/components/auth/auth__core.js +753 -1431
  26. package/components/auth/background-flow.js +84 -121
  27. package/components/auth/down-notification.js +31 -78
  28. package/components/auth/iframe-flow.js +70 -124
  29. package/components/auth/request-builder.js +46 -77
  30. package/components/auth/response-parser.js +84 -112
  31. package/components/auth/storage.js +160 -319
  32. package/components/auth/token-validator.js +132 -227
  33. package/components/auth/window-flow.js +84 -121
  34. package/components/auth-dialog/auth-dialog.d.ts +0 -18
  35. package/components/auth-dialog/auth-dialog.js +106 -175
  36. package/components/auth-dialog-service/auth-dialog-service.js +10 -31
  37. package/components/avatar/avatar-example-datauri.js +1 -1
  38. package/components/avatar/avatar.d.ts +0 -13
  39. package/components/avatar/avatar.js +94 -136
  40. package/components/avatar/fallback-avatar.d.ts +1 -10
  41. package/components/avatar/fallback-avatar.js +20 -40
  42. package/components/badge/badge.d.ts +0 -10
  43. package/components/badge/badge.js +32 -48
  44. package/components/breadcrumbs/breadcrumbs.js +13 -17
  45. package/components/button/button.d.ts +0 -21
  46. package/components/button/button.js +67 -101
  47. package/components/button-group/button-group.d.ts +0 -5
  48. package/components/button-group/button-group.js +27 -41
  49. package/components/button-group/caption.d.ts +0 -4
  50. package/components/button-group/caption.js +0 -1
  51. package/components/button-set/button-set.d.ts +0 -6
  52. package/components/button-set/button-set.js +19 -33
  53. package/components/button-toolbar/button-toolbar.d.ts +0 -6
  54. package/components/button-toolbar/button-toolbar.js +17 -31
  55. package/components/caret/caret.js +184 -211
  56. package/components/checkbox/checkbox.d.ts +0 -19
  57. package/components/checkbox/checkbox.js +69 -104
  58. package/components/clipboard/clipboard-fallback.js +7 -7
  59. package/components/clipboard/clipboard.js +36 -129
  60. package/components/code/code.d.ts +0 -12
  61. package/components/code/code.js +83 -163
  62. package/components/collapse/collapse-content.js +42 -60
  63. package/components/collapse/collapse-context.js +2 -2
  64. package/components/collapse/collapse-control.js +12 -12
  65. package/components/collapse/collapse.js +12 -17
  66. package/components/collapse/consts.js +4 -4
  67. package/components/collapse/utils.js +1 -3
  68. package/components/confirm/confirm.d.ts +0 -14
  69. package/components/confirm/confirm.js +67 -111
  70. package/components/confirm-service/confirm-service.js +23 -45
  71. package/components/content-layout/content-layout.d.ts +0 -7
  72. package/components/content-layout/content-layout.js +41 -63
  73. package/components/content-layout/sidebar.d.ts +0 -9
  74. package/components/content-layout/sidebar.js +1 -2
  75. package/components/contenteditable/contenteditable.d.ts +1 -22
  76. package/components/contenteditable/contenteditable.js +37 -60
  77. package/components/control-help/control-help.js +5 -3
  78. package/components/control-label/control-label.js +9 -14
  79. package/components/data-list/data-list.d.ts +0 -2
  80. package/components/data-list/data-list.js +115 -179
  81. package/components/data-list/data-list.mock.js +3 -6
  82. package/components/data-list/item.js +118 -164
  83. package/components/data-list/selection.js +77 -135
  84. package/components/data-list/title.d.ts +2 -2
  85. package/components/data-list/title.js +2 -12
  86. package/components/date-picker/consts.d.ts +0 -2
  87. package/components/date-picker/consts.js +16 -24
  88. package/components/date-picker/date-input.d.ts +0 -20
  89. package/components/date-picker/date-input.js +99 -147
  90. package/components/date-picker/date-picker.d.ts +0 -29
  91. package/components/date-picker/date-picker.js +143 -224
  92. package/components/date-picker/date-popup.d.ts +0 -22
  93. package/components/date-picker/date-popup.js +281 -351
  94. package/components/date-picker/day.d.ts +0 -14
  95. package/components/date-picker/day.js +72 -109
  96. package/components/date-picker/month-names.d.ts +1 -11
  97. package/components/date-picker/month-names.js +42 -72
  98. package/components/date-picker/month-slider.d.ts +0 -9
  99. package/components/date-picker/month-slider.js +43 -71
  100. package/components/date-picker/month.d.ts +1 -9
  101. package/components/date-picker/month.js +18 -30
  102. package/components/date-picker/months.d.ts +1 -9
  103. package/components/date-picker/months.js +45 -55
  104. package/components/date-picker/weekdays.d.ts +2 -8
  105. package/components/date-picker/weekdays.js +12 -25
  106. package/components/date-picker/years.d.ts +0 -6
  107. package/components/date-picker/years.js +77 -104
  108. package/components/dialog/dialog.d.ts +0 -20
  109. package/components/dialog/dialog.js +152 -210
  110. package/components/dialog/dialog__body-scroll-preventer.js +0 -3
  111. package/components/dropdown/anchor.d.ts +1 -8
  112. package/components/dropdown/anchor.js +0 -7
  113. package/components/dropdown/dropdown.d.ts +4 -22
  114. package/components/dropdown/dropdown.js +134 -176
  115. package/components/dropdown-menu/dropdown-menu.js +51 -103
  116. package/components/editable-heading/editable-heading.js +69 -118
  117. package/components/error-bubble/error-bubble.d.ts +0 -6
  118. package/components/error-bubble/error-bubble.js +29 -60
  119. package/components/error-message/error-message.d.ts +0 -10
  120. package/components/error-message/error-message.js +34 -59
  121. package/components/footer/footer.js +27 -43
  122. package/components/global/compose.js +1 -8
  123. package/components/global/composeRefs.d.ts +0 -3
  124. package/components/global/composeRefs.js +8 -15
  125. package/components/global/controls-height.js +2 -2
  126. package/components/global/create-stateful-context.d.ts +0 -4
  127. package/components/global/create-stateful-context.js +14 -17
  128. package/components/global/data-tests.js +7 -12
  129. package/components/global/dom.js +49 -82
  130. package/components/global/focus-sensor-hoc.js +95 -122
  131. package/components/global/fuzzy-highlight.js +23 -34
  132. package/components/global/get-event-key.js +8 -8
  133. package/components/global/get-uid.js +3 -7
  134. package/components/global/inject-styles.js +7 -14
  135. package/components/global/listeners.js +28 -47
  136. package/components/global/memoize.js +6 -10
  137. package/components/global/normalize-indent.js +19 -46
  138. package/components/global/promise-with-timeout.js +6 -8
  139. package/components/global/react-dom-renderer.d.ts +0 -5
  140. package/components/global/react-dom-renderer.js +29 -45
  141. package/components/global/rerender-hoc.js +16 -32
  142. package/components/global/schedule-raf.js +4 -4
  143. package/components/global/sniffer.js +1 -1
  144. package/components/global/theme.d.ts +1 -0
  145. package/components/global/theme.js +2 -20
  146. package/components/global/trivial-template-tag.js +4 -9
  147. package/components/global/typescript-utils.js +2 -6
  148. package/components/global/url.js +20 -23
  149. package/components/global/use-event-callback.js +7 -4
  150. package/components/grid/col.d.ts +0 -14
  151. package/components/grid/col.js +26 -53
  152. package/components/grid/grid.d.ts +0 -5
  153. package/components/grid/grid.js +18 -32
  154. package/components/grid/row.d.ts +0 -18
  155. package/components/grid/row.js +22 -47
  156. package/components/group/group.d.ts +0 -5
  157. package/components/group/group.js +16 -27
  158. package/components/header/header-icon.d.ts +0 -22
  159. package/components/header/header-icon.js +19 -36
  160. package/components/header/header.d.ts +0 -7
  161. package/components/header/header.js +30 -71
  162. package/components/header/links.js +6 -3
  163. package/components/header/logo.d.ts +0 -4
  164. package/components/header/logo.js +15 -30
  165. package/components/header/profile.d.ts +1 -39
  166. package/components/header/profile.js +125 -190
  167. package/components/header/services-link.d.ts +0 -10
  168. package/components/header/services-link.js +1 -4
  169. package/components/header/services.d.ts +0 -14
  170. package/components/header/services.js +65 -110
  171. package/components/header/smart-profile.d.ts +0 -9
  172. package/components/header/smart-profile.js +119 -205
  173. package/components/header/smart-services.d.ts +0 -4
  174. package/components/header/smart-services.js +72 -141
  175. package/components/header/tray.d.ts +0 -5
  176. package/components/header/tray.js +21 -35
  177. package/components/heading/heading.js +21 -26
  178. package/components/http/http.js +162 -319
  179. package/components/http/http.mock.js +50 -98
  180. package/components/hub-source/hub-source.js +77 -182
  181. package/components/hub-source/hub-source__user.js +9 -37
  182. package/components/hub-source/hub-source__users-groups.js +34 -60
  183. package/components/i18n/i18n-context.js +7 -8
  184. package/components/i18n/i18n.js +3 -6
  185. package/components/icon/icon.d.ts +0 -11
  186. package/components/icon/icon.js +60 -85
  187. package/components/icon/icon__svg.d.ts +0 -8
  188. package/components/icon/icon__svg.js +0 -6
  189. package/components/icon/index.js +0 -6
  190. package/components/input/input.js +1 -13
  191. package/components/island/adaptive-island-hoc.d.ts +0 -1
  192. package/components/island/adaptive-island-hoc.js +30 -39
  193. package/components/island/content.d.ts +0 -10
  194. package/components/island/content.js +99 -119
  195. package/components/island/header.js +55 -73
  196. package/components/island/island.d.ts +0 -9
  197. package/components/island/island.js +25 -41
  198. package/components/island-legacy/content-legacy.d.ts +0 -5
  199. package/components/island-legacy/content-legacy.js +16 -27
  200. package/components/island-legacy/header-legacy.d.ts +0 -5
  201. package/components/island-legacy/header-legacy.js +19 -30
  202. package/components/island-legacy/island-legacy.d.ts +0 -5
  203. package/components/island-legacy/island-legacy.js +16 -27
  204. package/components/link/clickableLink.d.ts +0 -9
  205. package/components/link/clickableLink.js +33 -51
  206. package/components/link/link.d.ts +0 -25
  207. package/components/link/link.js +47 -68
  208. package/components/list/consts.js +2 -2
  209. package/components/list/list.d.ts +0 -32
  210. package/components/list/list.js +399 -516
  211. package/components/list/list__custom.js +51 -78
  212. package/components/list/list__hint.d.ts +0 -4
  213. package/components/list/list__hint.js +8 -21
  214. package/components/list/list__item.js +147 -211
  215. package/components/list/list__link.js +39 -59
  216. package/components/list/list__separator.js +15 -30
  217. package/components/list/list__title.js +25 -41
  218. package/components/list/list__users-groups-source.js +55 -123
  219. package/components/loader/loader.d.ts +0 -10
  220. package/components/loader/loader.js +38 -70
  221. package/components/loader/loader__core.js +123 -184
  222. package/components/loader-inline/loader-inline.d.ts +0 -6
  223. package/components/loader-inline/loader-inline.js +24 -38
  224. package/components/loader-screen/loader-screen.d.ts +0 -6
  225. package/components/loader-screen/loader-screen.js +24 -46
  226. package/components/login-dialog/login-dialog.d.ts +0 -11
  227. package/components/login-dialog/login-dialog.js +93 -144
  228. package/components/login-dialog/service.js +9 -31
  229. package/components/markdown/markdown.js +16 -29
  230. package/components/message/message.js +170 -217
  231. package/components/old-browsers-message/old-browsers-message.js +11 -14
  232. package/components/old-browsers-message/old-browsers-message__stop.js +1 -4
  233. package/components/old-browsers-message/white-list.js +8 -13
  234. package/components/pager/pager.js +212 -277
  235. package/components/panel/panel.d.ts +0 -5
  236. package/components/panel/panel.js +16 -27
  237. package/components/permissions/permissions.js +118 -161
  238. package/components/permissions/permissions__cache.js +191 -218
  239. package/components/popup/popup.consts.js +1 -1
  240. package/components/popup/popup.js +237 -329
  241. package/components/popup/popup.target.js +9 -12
  242. package/components/popup/position.js +94 -101
  243. package/components/popup-menu/popup-menu.js +31 -76
  244. package/components/progress-bar/progress-bar.d.ts +19 -33
  245. package/components/progress-bar/progress-bar.js +55 -99
  246. package/components/query-assist/query-assist.d.ts +63 -93
  247. package/components/query-assist/query-assist.js +583 -746
  248. package/components/query-assist/query-assist__suggestions.js +2 -28
  249. package/components/radio/radio.d.ts +0 -8
  250. package/components/radio/radio.js +15 -35
  251. package/components/radio/radio__item.d.ts +0 -9
  252. package/components/radio/radio__item.js +52 -72
  253. package/components/scrollable-section/scrollable-section.js +22 -32
  254. package/components/select/select.js +693 -858
  255. package/components/select/select__filter.js +1 -28
  256. package/components/select/select__popup.js +317 -465
  257. package/components/shortcuts/core.js +147 -195
  258. package/components/shortcuts/shortcut-title.js +6 -10
  259. package/components/shortcuts/shortcuts-hoc.d.ts +0 -5
  260. package/components/shortcuts/shortcuts-hoc.js +23 -46
  261. package/components/shortcuts/shortcuts.d.ts +0 -8
  262. package/components/shortcuts/shortcuts.js +41 -72
  263. package/components/slider/slider.js +93 -113
  264. package/components/slider/slider.utils.js +16 -23
  265. package/components/storage/storage.js +3 -28
  266. package/components/storage/storage__fallback.js +137 -210
  267. package/components/storage/storage__local.js +89 -148
  268. package/components/style.css +1 -1
  269. package/components/tab-trap/tab-trap.js +35 -61
  270. package/components/table/cell.d.ts +0 -6
  271. package/components/table/cell.js +11 -27
  272. package/components/table/disable-hover-hoc.d.ts +0 -1
  273. package/components/table/disable-hover-hoc.js +27 -42
  274. package/components/table/header-cell.d.ts +0 -10
  275. package/components/table/header-cell.js +59 -85
  276. package/components/table/header.d.ts +0 -15
  277. package/components/table/header.js +89 -126
  278. package/components/table/multitable.d.ts +0 -4
  279. package/components/table/multitable.js +83 -93
  280. package/components/table/row-with-focus-sensor.d.ts +2 -2
  281. package/components/table/row-with-focus-sensor.js +25 -60
  282. package/components/table/row.js +169 -235
  283. package/components/table/selection-adapter.js +2 -2
  284. package/components/table/selection-shortcuts-hoc.js +102 -126
  285. package/components/table/selection.js +150 -217
  286. package/components/table/simple-table.d.ts +0 -44
  287. package/components/table/simple-table.js +17 -59
  288. package/components/table/smart-table.d.ts +0 -48
  289. package/components/table/smart-table.js +40 -83
  290. package/components/table/table.d.ts +0 -2
  291. package/components/table/table.js +268 -377
  292. package/components/tabs/collapsible-more.d.ts +1 -9
  293. package/components/tabs/collapsible-more.js +47 -97
  294. package/components/tabs/collapsible-tab.js +32 -44
  295. package/components/tabs/collapsible-tabs.d.ts +2 -29
  296. package/components/tabs/collapsible-tabs.js +89 -161
  297. package/components/tabs/custom-item.d.ts +1 -7
  298. package/components/tabs/custom-item.js +4 -7
  299. package/components/tabs/dumb-tabs.d.ts +0 -11
  300. package/components/tabs/dumb-tabs.js +60 -104
  301. package/components/tabs/smart-tabs.d.ts +0 -6
  302. package/components/tabs/smart-tabs.js +29 -68
  303. package/components/tabs/tab-link.d.ts +0 -8
  304. package/components/tabs/tab-link.js +1 -4
  305. package/components/tabs/tab.d.ts +0 -8
  306. package/components/tabs/tab.js +14 -32
  307. package/components/tabs/tabs.js +1 -28
  308. package/components/tag/tag.d.ts +0 -19
  309. package/components/tag/tag.js +120 -179
  310. package/components/tags-input/tags-input.d.ts +7 -33
  311. package/components/tags-input/tags-input.js +223 -338
  312. package/components/tags-list/tags-list.d.ts +0 -13
  313. package/components/tags-list/tags-list.js +45 -74
  314. package/components/text/text.d.ts +0 -7
  315. package/components/text/text.js +27 -43
  316. package/components/toggle/toggle.d.ts +0 -15
  317. package/components/toggle/toggle.js +51 -76
  318. package/components/tooltip/tooltip.d.ts +0 -9
  319. package/components/tooltip/tooltip.js +109 -150
  320. package/components/user-agreement/service.js +259 -401
  321. package/components/user-agreement/user-agreement.d.ts +0 -18
  322. package/components/user-agreement/user-agreement.js +91 -137
  323. package/components/user-card/card.d.ts +0 -35
  324. package/components/user-card/card.js +1 -26
  325. package/components/user-card/smart-user-card-tooltip.d.ts +0 -5
  326. package/components/user-card/smart-user-card-tooltip.js +52 -108
  327. package/components/user-card/tooltip.d.ts +0 -9
  328. package/components/user-card/tooltip.js +35 -74
  329. package/components/user-card/user-card.js +1 -26
  330. package/package.json +1 -2
  331. package/components/global/prop-types.d.ts +0 -4
  332. package/components/global/prop-types.js +0 -9
  333. package/components/global/react-render-adapter.d.ts +0 -1
  334. package/components/global/react-render-adapter.js +0 -6
  335. package/components/header/tray-icon.d.ts +0 -1
  336. package/components/header/tray-icon.js +0 -26
@@ -1,113 +1,69 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.array.concat.js';
1
+ import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/web.dom-collections.iterator.js';
3
3
  import { PureComponent } from 'react';
4
- import PropTypes from 'prop-types';
5
4
  import classNames from 'classnames';
6
5
  import { jsx } from 'react/jsx-runtime';
7
6
 
8
7
  var modules_fb7af416 = {"dark":"dark_rui_f090","light":"light_rui_2ac4","progressBar":"progressBar_rui_7662","globalMode":"globalMode_rui_7662","line":"line_rui_7662","progress-bar":"progress-bar_rui_7662","staticLineColor":"staticLineColor_rui_7662"};
9
8
 
10
- var _excluded = ["className", "global", "max", "value", "label", "staticColor"];
11
- var ProgressBar = /*#__PURE__*/function (_PureComponent) {
12
- function ProgressBar() {
13
- var _this;
14
- _classCallCheck(this, ProgressBar);
15
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
16
- args[_key] = arguments[_key];
17
- }
18
- _this = _callSuper(this, ProgressBar, [].concat(args));
19
- _defineProperty(_this, "progressbarWrapper", void 0);
20
- _defineProperty(_this, "progressbarWrapperRef", function (el) {
21
- _this.progressbarWrapper = el;
9
+ const _excluded = ["className", "global", "max", "value", "label", "staticColor"];
10
+ class ProgressBar extends PureComponent {
11
+ constructor() {
12
+ super(...arguments);
13
+ _defineProperty(this, "progressbarWrapper", void 0);
14
+ _defineProperty(this, "progressbarWrapperRef", el => {
15
+ this.progressbarWrapper = el;
22
16
  });
23
- _defineProperty(_this, "progressbar", void 0);
24
- _defineProperty(_this, "progressbarRef", function (el) {
25
- _this.progressbar = el;
17
+ _defineProperty(this, "progressbar", void 0);
18
+ _defineProperty(this, "progressbarRef", el => {
19
+ this.progressbar = el;
26
20
  });
27
- return _this;
28
21
  }
29
- _inherits(ProgressBar, _PureComponent);
30
- return _createClass(ProgressBar, [{
31
- key: "render",
32
- value: function render() {
33
- var _this$props = this.props,
34
- className = _this$props.className,
35
- global = _this$props.global,
36
- max = _this$props.max,
37
- value = _this$props.value,
38
- label = _this$props.label,
39
- staticColor = _this$props.staticColor,
40
- otherProps = _objectWithoutProperties(_this$props, _excluded);
41
- var width = value ? "".concat(ProgressBar.toPercent(value, max), "%") : undefined;
42
- var classes = classNames(modules_fb7af416.progressBar, className, {
43
- [modules_fb7af416.globalMode]: global,
44
- [modules_fb7af416.staticLineColor]: staticColor
45
- });
46
- return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, otherProps), {}, {
47
- className: classes,
48
- ref: this.progressbarWrapperRef,
49
- children: /*#__PURE__*/jsx("div", {
50
- className: modules_fb7af416.line,
51
- ref: this.progressbarRef,
52
- role: "progressbar",
53
- "aria-label": label,
54
- "aria-valuenow": value,
55
- "aria-valuemin": 0,
56
- "aria-valuemax": max,
57
- style: {
58
- width
59
- }
60
- })
61
- }));
62
- }
63
- }], [{
64
- key: "toPercent",
65
- value:
66
- /**
67
- * @param {number} value The progress task value
68
- * @param {number} max The maximum value
69
- * @return {number} The progress task value in percents
70
- * @private
71
- */
72
- function toPercent(value, max) {
73
- var HUNDRED_PERCENT = 100;
74
- var percents = value * HUNDRED_PERCENT / max;
75
- return percents > HUNDRED_PERCENT ? HUNDRED_PERCENT : percents;
76
- }
77
- }]);
78
- }(PureComponent);
79
- _defineProperty(ProgressBar, "propTypes", {
80
- label: PropTypes.string,
81
22
  /**
82
- * Sets the ring-progress-bar_global class to position the progress bar on top of the screen.
83
- * Should be placed directly inside body, will be positioned right below .ring-header
84
- * if placed adjacent to it.
85
- * @type {boolean}
23
+ * @param {number} value The progress task value
24
+ * @param {number} max The maximum value
25
+ * @return {number} The progress task value in percents
26
+ * @private
86
27
  */
87
- global: PropTypes.bool,
88
- /**
89
- * Custom class
90
- * @type {string}
91
- */
92
- className: PropTypes.string,
93
- style: PropTypes.object,
94
- /**
95
- * A floating point number that specifies minimum completion rate for a task to be considered
96
- * complete. Default value is 1.0.
97
- * @type {number}
98
- */
99
- max: PropTypes.number,
100
- /**
101
- * A floating point number that specifies current task completion rate.
102
- * @type {number}
103
- */
104
- value: PropTypes.number,
105
- /**
106
- * Disables Disabled progress bar color animation and sets it to static color.
107
- * @type {boolean}
108
- */
109
- staticColor: PropTypes.bool
110
- });
28
+ static toPercent(value, max) {
29
+ const HUNDRED_PERCENT = 100;
30
+ const percents = value * HUNDRED_PERCENT / max;
31
+ return percents > HUNDRED_PERCENT ? HUNDRED_PERCENT : percents;
32
+ }
33
+ render() {
34
+ const _this$props = this.props,
35
+ {
36
+ className,
37
+ global,
38
+ max,
39
+ value,
40
+ label,
41
+ staticColor
42
+ } = _this$props,
43
+ otherProps = _objectWithoutProperties(_this$props, _excluded);
44
+ const width = value ? "".concat(ProgressBar.toPercent(value, max), "%") : undefined;
45
+ const classes = classNames(modules_fb7af416.progressBar, className, {
46
+ [modules_fb7af416.globalMode]: global,
47
+ [modules_fb7af416.staticLineColor]: staticColor
48
+ });
49
+ return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, otherProps), {}, {
50
+ className: classes,
51
+ ref: this.progressbarWrapperRef,
52
+ children: /*#__PURE__*/jsx("div", {
53
+ className: modules_fb7af416.line,
54
+ ref: this.progressbarRef,
55
+ role: "progressbar",
56
+ "aria-label": label,
57
+ "aria-valuenow": value,
58
+ "aria-valuemin": 0,
59
+ "aria-valuemax": max,
60
+ style: {
61
+ width
62
+ }
63
+ })
64
+ }));
65
+ }
66
+ }
111
67
  _defineProperty(ProgressBar, "defaultProps", {
112
68
  max: 1.0,
113
69
  value: 0,
@@ -1,6 +1,5 @@
1
1
  import { Component, ComponentRef, ReactNode, SyntheticEvent } from 'react';
2
2
  import * as React from 'react';
3
- import PropTypes from 'prop-types';
4
3
  import Caret, { Position } from '../caret/caret';
5
4
  import PopupMenu from '../popup-menu/popup-menu';
6
5
  import Button from '../button/button';
@@ -37,27 +36,90 @@ export interface QueryAssistRequestParams {
37
36
  omitSuggestions?: boolean;
38
37
  }
39
38
  export interface QueryAssistProps {
39
+ /**
40
+ * Called when the query is applied. An object with fields `caret`, `focus` and `query` is passed as an argument
41
+ */
40
42
  onApply: (change: QueryAssistChange) => void;
43
+ /**
44
+ * Called when the query is changed. An object with fields `caret` and `query` is passed as an argument
45
+ */
41
46
  onChange: (change: QueryAssistChange) => void;
47
+ /**
48
+ * Called when the suggestion is applied
49
+ */
42
50
  onApplySuggestion: (suggestion: QueryAssistSuggestion, change: QueryAssistChange) => void;
51
+ /**
52
+ * Called when the query is cleared. Called without arguments
53
+ */
43
54
  onClear: () => void;
55
+ /**
56
+ * Called when the focus status is changed. An object with fields `focus` is passed as an argument
57
+ */
44
58
  onFocusChange: (change: FocusChange) => void;
45
59
  translations?: QueryAssistTranslations | null | undefined;
60
+ /**
61
+ * Open suggestions popup during the initial render
62
+ */
46
63
  autoOpen?: boolean | null | undefined | 'force';
64
+ /**
65
+ * Initial caret position
66
+ */
47
67
  caret?: number | null | undefined;
68
+ /**
69
+ * Show clickable "cross" icon on the right which clears the query
70
+ */
48
71
  clear?: boolean | null | undefined;
72
+ /**
73
+ * Additional class for the component
74
+ */
49
75
  className?: string | null | undefined;
76
+ /**
77
+ * Additional class for the popup
78
+ */
50
79
  popupClassName?: string | null | undefined;
80
+ /**
81
+ * Additional class for the input
82
+ */
51
83
  inputClassName?: string | null | undefined;
84
+ /**
85
+ * Data source function
86
+ */
52
87
  dataSource: (params: QueryAssistRequestParams) => Promise<QueryAssistResponse> | QueryAssistResponse;
88
+ /**
89
+ * Input debounce delay
90
+ */
53
91
  delay?: number | null | undefined;
92
+ /**
93
+ * Disable the component
94
+ */
54
95
  disabled?: boolean | undefined;
96
+ /**
97
+ * Initial focus
98
+ */
55
99
  focus?: boolean | null | undefined;
100
+ /**
101
+ * Hint under the suggestions list
102
+ */
56
103
  hint?: string | null | undefined;
104
+ /**
105
+ * Hint under the suggestions list visible when a suggestion is selected
106
+ */
57
107
  hintOnSelection?: string | null | undefined;
108
+ /**
109
+ * Show clickable "glass" icon on the right which applies the query
110
+ */
58
111
  glass?: boolean | null | undefined;
112
+ /**
113
+ * Show loader when a data request is in process
114
+ */
59
115
  loader?: boolean | null | undefined;
116
+ /**
117
+ * Field placeholder value
118
+ */
60
119
  placeholder?: string | null | undefined;
120
+ /**
121
+ * Initial query
122
+ */
61
123
  query?: string | null | undefined;
62
124
  useCustomItemRender?: boolean | null | undefined;
63
125
  actions?: ReactNode[] | null | undefined;
@@ -129,98 +191,6 @@ interface HistoryEntry {
129
191
  + __icon__ \`string=\` Icon URI, Data URI is possible
130
192
  */
131
193
  export default class QueryAssist extends Component<QueryAssistProps> {
132
- static propTypes: {
133
- /**
134
- * Open suggestions popup during the initial render
135
- */
136
- autoOpen: PropTypes.Requireable<string | boolean>;
137
- /**
138
- * Initial caret position
139
- */
140
- caret: PropTypes.Requireable<number>;
141
- /**
142
- * Show clickable "cross" icon on the right which clears the query
143
- */
144
- clear: PropTypes.Requireable<boolean>;
145
- /**
146
- * Additional class for the component
147
- */
148
- className: PropTypes.Requireable<string>;
149
- /**
150
- * Additional class for the popup
151
- */
152
- popupClassName: PropTypes.Requireable<string>;
153
- /**
154
- * Additional class for the input
155
- */
156
- inputClassName: PropTypes.Requireable<string>;
157
- /**
158
- * Data source function
159
- */
160
- dataSource: PropTypes.Validator<(...args: any[]) => any>;
161
- /**
162
- * Input debounce delay
163
- */
164
- delay: PropTypes.Requireable<number>;
165
- /**
166
- * Disable the component
167
- */
168
- disabled: PropTypes.Requireable<boolean>;
169
- /**
170
- * Initial focus
171
- */
172
- focus: PropTypes.Requireable<boolean>;
173
- /**
174
- * Hint under the suggestions list
175
- */
176
- hint: PropTypes.Requireable<string>;
177
- /**
178
- * Hint under the suggestions list visible when a suggestion is selected
179
- */
180
- hintOnSelection: PropTypes.Requireable<string>;
181
- /**
182
- * Show clickable "glass" icon on the right which applies the query
183
- */
184
- glass: PropTypes.Requireable<boolean>;
185
- /**
186
- * Show loader when a data request is in process
187
- */
188
- loader: PropTypes.Requireable<boolean>;
189
- /**
190
- * Field placeholder value
191
- */
192
- placeholder: PropTypes.Requireable<string>;
193
- /**
194
- * Called when the query is applied. An object with fields `caret`, `focus` and `query` is passed as an argument
195
- */
196
- onApply: PropTypes.Requireable<(...args: any[]) => any>;
197
- /**
198
- * Called when the query is changed. An object with fields `caret` and `query` is passed as an argument
199
- */
200
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
201
- /**
202
- * Called when the query is cleared. Called without arguments
203
- */
204
- onClear: PropTypes.Requireable<(...args: any[]) => any>;
205
- /**
206
- * Called when the suggestion is applied
207
- */
208
- onApplySuggestion: PropTypes.Requireable<(...args: any[]) => any>;
209
- /**
210
- * Called when the focus status is changed. An object with fields `focus` is passed as an argument
211
- */
212
- onFocusChange: PropTypes.Requireable<(...args: any[]) => any>;
213
- /**
214
- * Initial query
215
- */
216
- query: PropTypes.Requireable<string>;
217
- useCustomItemRender: PropTypes.Requireable<boolean>;
218
- translations: PropTypes.Requireable<object>;
219
- actions: PropTypes.Requireable<any[]>;
220
- 'data-test': PropTypes.Requireable<string>;
221
- huge: PropTypes.Requireable<boolean>;
222
- size: PropTypes.Requireable<string>;
223
- };
224
194
  static defaultProps: {
225
195
  onApply: typeof noop;
226
196
  onChange: typeof noop;