@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,5 +1,6 @@
1
- import { c as _objectWithoutProperties, i as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
2
  import 'core-js/modules/es.string.trim.js';
3
+ import 'core-js/modules/web.dom-collections.iterator.js';
3
4
  import * as React from 'react';
4
5
  import { useCallback, useEffect } from 'react';
5
6
  import classNames from 'classnames';
@@ -9,130 +10,79 @@ import { S as Size, m as modules_88cfaf40 } from '../_helpers/input.js';
9
10
  import getUID from '../global/get-uid.js';
10
11
  import Shortcuts from '../shortcuts/shortcuts.js';
11
12
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
12
- import 'prop-types';
13
13
  import 'util-deprecate';
14
14
  import '../_helpers/heading.js';
15
- import 'core-js/modules/es.array.concat.js';
16
15
  import '@jetbrains/icons/chevron-down';
17
16
  import '../icon/icon.js';
18
17
  import '../icon/icon__constants.js';
19
18
  import '../_helpers/icon__svg.js';
20
19
  import 'core-js/modules/es.regexp.exec.js';
21
20
  import 'core-js/modules/es.string.replace.js';
22
- import 'core-js/modules/es.string.starts-with.js';
23
21
  import '../global/memoize.js';
24
- import 'core-js/modules/es.array.iterator.js';
25
- import 'core-js/modules/es.map.js';
26
- import 'core-js/modules/es.object.to-string.js';
27
- import 'core-js/modules/es.weak-map.js';
28
- import 'core-js/modules/web.dom-collections.iterator.js';
29
22
  import '../link/clickableLink.js';
30
23
  import '../global/controls-height.js';
31
24
  import '../_helpers/button__classes.js';
32
- import 'core-js/modules/es.object.values.js';
33
25
  import '@jetbrains/icons/close-12px';
34
- import '../global/prop-types.js';
35
26
  import '../i18n/i18n-context.js';
36
27
  import '../i18n/i18n.js';
37
- import 'core-js/modules/es.set.js';
38
28
  import '../global/composeRefs.js';
39
- import 'core-js/modules/web.dom-collections.for-each.js';
40
29
  import 'memoize-one';
41
30
  import '../control-label/control-label.js';
42
31
  import '../control-help/control-help.js';
43
- import 'core-js/modules/es.regexp.to-string.js';
44
- import 'core-js/modules/es.array.map.js';
45
32
  import '../shortcuts/core.js';
46
- import 'core-js/modules/es.array.find-index.js';
47
- import 'core-js/modules/es.array.includes.js';
48
- import 'core-js/modules/es.array.slice.js';
49
- import 'core-js/modules/es.array.splice.js';
50
- import 'core-js/modules/es.object.assign.js';
51
- import 'core-js/modules/es.string.includes.js';
52
- import 'core-js/modules/es.string.match.js';
53
33
  import 'combokeys';
54
34
  import '../global/sniffer.js';
55
35
  import 'sniffr';
56
36
 
57
37
  var modules_6e69b0fe = {"editableHeading":"editableHeading_rui_0f5a","fullSize":"fullSize_rui_0f5a","isEditing":"isEditing_rui_0f5a","headingWrapperButton":"headingWrapperButton_rui_0f5a","disabled":"disabled_rui_0f5a","selectionMode":"selectionMode_rui_0f5a","heading":"heading_rui_0f5a","multiline":"multiline_rui_0f5a","input":"input_rui_0f5a","error":"error_rui_0f5a","textarea":"textarea_rui_0f5a","textareaNotOverflow":"textareaNotOverflow_rui_0f5a","textareaFade":"textareaFade_rui_0f5a","textareaWrapper":"textareaWrapper_rui_0f5a","button":"button_rui_0f5a","errorText":"errorText_rui_0f5a","level1":"level1_rui_0f5a","level2":"level2_rui_0f5a","level3":"level3_rui_0f5a","sizeS":"sizeS_rui_0f5a","sizeM":"sizeM_rui_0f5a","sizeL":"sizeL_rui_0f5a","sizeFULL":"sizeFULL_rui_0f5a"};
58
38
 
59
- var _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "onChange", "onScroll", "maxInputRows", "translations"];
39
+ const _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "onChange", "onScroll", "maxInputRows", "translations"];
60
40
  function noop() {}
61
- var EditableHeading = function EditableHeading(props) {
62
- var _props$level = props.level,
63
- level = _props$level === void 0 ? Levels.H1 : _props$level,
64
- className = props.className,
65
- headingClassName = props.headingClassName,
66
- inputClassName = props.inputClassName,
67
- children = props.children,
68
- _props$isEditing = props.isEditing,
69
- isEditing = _props$isEditing === void 0 ? false : _props$isEditing,
70
- _props$isSavingPossib = props.isSavingPossible,
71
- isSavingPossible = _props$isSavingPossib === void 0 ? false : _props$isSavingPossib,
72
- _props$isSaving = props.isSaving,
73
- isSaving = _props$isSaving === void 0 ? false : _props$isSaving,
74
- _props$embedded = props.embedded,
75
- embedded = _props$embedded === void 0 ? false : _props$embedded,
76
- _props$size = props.size,
77
- size = _props$size === void 0 ? Size.L : _props$size,
78
- _props$onEdit = props.onEdit,
79
- onEdit = _props$onEdit === void 0 ? noop : _props$onEdit,
80
- _props$onSave = props.onSave,
81
- onSave = _props$onSave === void 0 ? noop : _props$onSave,
82
- _props$onCancel = props.onCancel,
83
- onCancel = _props$onCancel === void 0 ? noop : _props$onCancel,
84
- _props$autoFocus = props.autoFocus,
85
- autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
86
- dataTest = props['data-test'],
87
- error = props.error,
88
- disabled = props.disabled,
89
- _props$multiline = props.multiline,
90
- multiline = _props$multiline === void 0 ? false : _props$multiline,
91
- _props$renderMenu = props.renderMenu,
92
- renderMenu = _props$renderMenu === void 0 ? function () {
93
- return null;
94
- } : _props$renderMenu,
95
- onFocus = props.onFocus,
96
- onBlur = props.onBlur,
97
- onChange = props.onChange,
98
- onScroll = props.onScroll,
99
- maxInputRows = props.maxInputRows,
100
- _props$translations = props.translations,
101
- translations = _props$translations === void 0 ? {
102
- save: 'Save',
103
- cancel: 'Cancel'
104
- } : _props$translations,
41
+ const EditableHeading = props => {
42
+ const {
43
+ level = Levels.H1,
44
+ className,
45
+ headingClassName,
46
+ inputClassName,
47
+ children,
48
+ isEditing = false,
49
+ isSavingPossible = false,
50
+ isSaving = false,
51
+ embedded = false,
52
+ size = Size.L,
53
+ onEdit = noop,
54
+ onSave = noop,
55
+ onCancel = noop,
56
+ autoFocus = true,
57
+ 'data-test': dataTest,
58
+ error,
59
+ disabled,
60
+ multiline = false,
61
+ renderMenu = () => null,
62
+ onFocus,
63
+ onBlur,
64
+ onChange,
65
+ onScroll,
66
+ maxInputRows,
67
+ translations = {
68
+ save: 'Save',
69
+ cancel: 'Cancel'
70
+ }
71
+ } = props,
105
72
  restProps = _objectWithoutProperties(props, _excluded);
106
- var _React$useState = React.useState(getUID('ring-editable-heading-')),
107
- _React$useState2 = _slicedToArray(_React$useState, 1),
108
- shortcutsScope = _React$useState2[0];
109
- var _React$useState3 = React.useState(false),
110
- _React$useState4 = _slicedToArray(_React$useState3, 2),
111
- isInFocus = _React$useState4[0],
112
- setIsInFocus = _React$useState4[1];
113
- var _React$useState5 = React.useState(false),
114
- _React$useState6 = _slicedToArray(_React$useState5, 2),
115
- isMouseDown = _React$useState6[0],
116
- setIsMouseDown = _React$useState6[1];
117
- var _React$useState7 = React.useState(false),
118
- _React$useState8 = _slicedToArray(_React$useState7, 2),
119
- isInSelectionMode = _React$useState8[0],
120
- setIsInSelectionMode = _React$useState8[1];
121
- var textAreaRef = React.useRef(null);
122
- var _React$useState9 = React.useState(false),
123
- _React$useState10 = _slicedToArray(_React$useState9, 2),
124
- isScrolledToBottom = _React$useState10[0],
125
- setIsScrolledToBottom = _React$useState10[1];
126
- var _React$useState11 = React.useState(false),
127
- _React$useState12 = _slicedToArray(_React$useState11, 2),
128
- isOverflow = _React$useState12[0],
129
- setIsOverflow = _React$useState12[1];
130
- var hasError = error !== undefined;
131
- var isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
132
- var isCancelDisabled = isSaving;
133
- var isShortcutsDisabled = !isInFocus || isSaving;
134
- var shortcutsMap = React.useMemo(function () {
135
- var map = {};
73
+ const [shortcutsScope] = React.useState(getUID('ring-editable-heading-'));
74
+ const [isInFocus, setIsInFocus] = React.useState(false);
75
+ const [isMouseDown, setIsMouseDown] = React.useState(false);
76
+ const [isInSelectionMode, setIsInSelectionMode] = React.useState(false);
77
+ const textAreaRef = React.useRef(null);
78
+ const [isScrolledToBottom, setIsScrolledToBottom] = React.useState(false);
79
+ const [isOverflow, setIsOverflow] = React.useState(false);
80
+ const hasError = error !== undefined;
81
+ const isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
82
+ const isCancelDisabled = isSaving;
83
+ const isShortcutsDisabled = !isInFocus || isSaving;
84
+ const shortcutsMap = React.useMemo(() => {
85
+ const map = {};
136
86
  if (!isSaveDisabled) {
137
87
  map.enter = onSave;
138
88
  }
@@ -141,7 +91,7 @@ var EditableHeading = function EditableHeading(props) {
141
91
  }
142
92
  return map;
143
93
  }, [isSaveDisabled, isCancelDisabled, onSave, onCancel]);
144
- var classes = classNames(modules_6e69b0fe.editableHeading, className, {
94
+ const classes = classNames(modules_6e69b0fe.editableHeading, className, {
145
95
  [modules_6e69b0fe.fullSize]: isEditing && size === Size.FULL,
146
96
  [modules_6e69b0fe.isEditing]: isEditing,
147
97
  [modules_6e69b0fe.error]: hasError,
@@ -149,71 +99,72 @@ var EditableHeading = function EditableHeading(props) {
149
99
  [modules_6e69b0fe.multiline]: multiline,
150
100
  [modules_6e69b0fe.selectionMode]: isInSelectionMode
151
101
  });
152
- var headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe["size".concat(size)]);
153
- var inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, {
102
+ const headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe["size".concat(size)]);
103
+ const inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, {
154
104
  [modules_6e69b0fe.textareaNotOverflow]: !isOverflow
155
105
  }, modules_88cfaf40["size".concat(size)], modules_6e69b0fe["level".concat(level)], inputClassName);
156
- var stretch = useCallback(function (el) {
106
+ const stretch = useCallback(el => {
157
107
  if (!el || !el.style) {
158
108
  return;
159
109
  }
160
110
  el.style.height = '0';
161
- var _window$getComputedSt = window.getComputedStyle(el),
162
- paddingTop = _window$getComputedSt.paddingTop,
163
- paddingBottom = _window$getComputedSt.paddingBottom;
111
+ const {
112
+ paddingTop,
113
+ paddingBottom
114
+ } = window.getComputedStyle(el);
164
115
  el.style.height = "".concat(el.scrollHeight - parseFloat(paddingTop) - parseFloat(paddingBottom), "px");
165
116
  }, []);
166
- var checkValue = useCallback(function (el) {
117
+ const checkValue = useCallback(el => {
167
118
  if (multiline && el != null && el.scrollHeight >= el.clientHeight) {
168
119
  stretch(el);
169
120
  }
170
121
  }, [stretch, multiline]);
171
- var checkOverflow = useCallback(function (el) {
172
- var scrollHeight = el.scrollHeight || 0;
173
- var clientHeight = el.clientHeight || 0;
174
- var scrollTop = el.scrollTop || 0;
122
+ const checkOverflow = useCallback(el => {
123
+ const scrollHeight = el.scrollHeight || 0;
124
+ const clientHeight = el.clientHeight || 0;
125
+ const scrollTop = el.scrollTop || 0;
175
126
  setIsScrolledToBottom(scrollHeight - clientHeight <= scrollTop);
176
127
  setIsOverflow(scrollHeight > clientHeight);
177
128
  }, [setIsScrolledToBottom]);
178
- var onHeadingMouseDown = React.useCallback(function () {
129
+ const onHeadingMouseDown = React.useCallback(() => {
179
130
  setIsMouseDown(true);
180
131
  }, []);
181
- var onMouseMove = React.useCallback(function () {
132
+ const onMouseMove = React.useCallback(() => {
182
133
  if (!isMouseDown) {
183
134
  return;
184
135
  }
185
136
  setIsInSelectionMode(true);
186
137
  }, [isMouseDown]);
187
- var onMouseUp = React.useCallback(function () {
138
+ const onMouseUp = React.useCallback(() => {
188
139
  if (isMouseDown && !isInSelectionMode && !disabled) {
189
140
  onEdit();
190
141
  }
191
142
  setIsMouseDown(false);
192
143
  setIsInSelectionMode(false);
193
144
  }, [isMouseDown, isInSelectionMode, disabled, onEdit]);
194
- var onInputFocus = React.useCallback(function (e) {
145
+ const onInputFocus = React.useCallback(e => {
195
146
  setIsInFocus(true);
196
147
  checkValue(e.target);
197
148
  checkOverflow(e.target);
198
149
  onFocus === null || onFocus === void 0 || onFocus(e);
199
150
  }, [onFocus, checkOverflow, checkValue]);
200
- var onInputChange = React.useCallback(function (e) {
151
+ const onInputChange = React.useCallback(e => {
201
152
  checkValue(e.target);
202
153
  checkOverflow(e.target);
203
154
  onChange === null || onChange === void 0 || onChange(e);
204
155
  }, [onChange, checkOverflow, checkValue]);
205
- var onInputScroll = React.useCallback(function (e) {
156
+ const onInputScroll = React.useCallback(e => {
206
157
  checkOverflow(e.target);
207
158
  onScroll === null || onScroll === void 0 || onScroll(e);
208
159
  }, [onScroll, checkOverflow]);
209
- var onInputBlur = React.useCallback(function (e) {
160
+ const onInputBlur = React.useCallback(e => {
210
161
  setIsInFocus(false);
211
162
  onBlur === null || onBlur === void 0 || onBlur(e);
212
163
  }, [onBlur]);
213
- useEffect(function () {
164
+ useEffect(() => {
214
165
  window.addEventListener('mousemove', onMouseMove);
215
166
  window.addEventListener('mouseup', onMouseUp);
216
- return function () {
167
+ return () => {
217
168
  window.removeEventListener('mousemove', onMouseMove);
218
169
  window.removeEventListener('mouseup', onMouseUp);
219
170
  };
@@ -1,5 +1,4 @@
1
1
  import { PureComponent, ReactElement } from 'react';
2
- import PropTypes from 'prop-types';
3
2
  export type ErrorBubbleProps<P> = Partial<P> & {
4
3
  className?: string | null | undefined;
5
4
  children: ReactElement<P> | ReactElement<P>[];
@@ -9,10 +8,5 @@ export type ErrorBubbleProps<P> = Partial<P> & {
9
8
  * @name Error Bubble
10
9
  */
11
10
  export default class ErrorBubble<P> extends PureComponent<ErrorBubbleProps<P>> {
12
- static propTypes: {
13
- error: PropTypes.Requireable<string>;
14
- className: PropTypes.Requireable<string>;
15
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
16
- };
17
11
  render(): import("react").JSX.Element;
18
12
  }
@@ -1,36 +1,18 @@
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.map.js';
3
- import { Children, cloneElement, PureComponent } from 'react';
4
- import PropTypes from 'prop-types';
1
+ import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import { PureComponent, Children, cloneElement } from 'react';
5
3
  import classNames from 'classnames';
6
4
  import Popup from '../popup/popup.js';
7
5
  import { Directions } from '../popup/popup.consts.js';
8
6
  import { jsxs, jsx } from 'react/jsx-runtime';
9
- import 'core-js/modules/es.array.concat.js';
10
- import 'core-js/modules/es.object.entries.js';
11
- import 'core-js/modules/es.object.to-string.js';
12
7
  import 'core-js/modules/es.regexp.exec.js';
13
- import 'core-js/modules/es.regexp.to-string.js';
14
8
  import 'core-js/modules/es.string.replace.js';
15
- import 'core-js/modules/web.dom-collections.for-each.js';
9
+ import 'core-js/modules/web.dom-collections.iterator.js';
16
10
  import 'react-dom';
17
11
  import '../global/get-uid.js';
18
12
  import '../global/schedule-raf.js';
19
13
  import '../global/dom.js';
20
- import 'core-js/modules/es.array.filter.js';
21
- import 'core-js/modules/es.array.iterator.js';
22
- import 'core-js/modules/es.object.assign.js';
23
- import 'core-js/modules/es.set.js';
24
- import 'core-js/modules/es.string.split.js';
25
- import 'core-js/modules/web.dom-collections.iterator.js';
26
14
  import '../shortcuts/shortcuts.js';
27
15
  import '../shortcuts/core.js';
28
- import 'core-js/modules/es.array.find-index.js';
29
- import 'core-js/modules/es.array.includes.js';
30
- import 'core-js/modules/es.array.slice.js';
31
- import 'core-js/modules/es.array.splice.js';
32
- import 'core-js/modules/es.string.includes.js';
33
- import 'core-js/modules/es.string.match.js';
34
16
  import 'combokeys';
35
17
  import '../global/sniffer.js';
36
18
  import 'sniffr';
@@ -43,45 +25,32 @@ import '../popup/popup.target.js';
43
25
 
44
26
  var modules_ee284100 = {"light":"light_rui_2ac4","errorBubblePopup":"errorBubblePopup_rui_7233","errorBubbleWrapper":"errorBubbleWrapper_rui_7233","errorBubble":"errorBubble_rui_7233"};
45
27
 
46
- var _excluded = ["children", "className"];
47
- var ErrorBubble = /*#__PURE__*/function (_PureComponent) {
48
- function ErrorBubble() {
49
- _classCallCheck(this, ErrorBubble);
50
- return _callSuper(this, ErrorBubble, arguments);
28
+ const _excluded = ["children", "className"];
29
+ class ErrorBubble extends PureComponent {
30
+ render() {
31
+ const _this$props = this.props,
32
+ {
33
+ children,
34
+ className
35
+ } = _this$props,
36
+ restProps = _objectWithoutProperties(_this$props, _excluded);
37
+ const errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
38
+ return /*#__PURE__*/jsxs("div", {
39
+ className: modules_ee284100.errorBubbleWrapper,
40
+ children: [Children.map(children, child => /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps))), restProps.error && /*#__PURE__*/jsx(Popup, {
41
+ trapFocus: false,
42
+ className: modules_ee284100.errorBubblePopup,
43
+ hidden: false,
44
+ attached: false,
45
+ directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP],
46
+ children: /*#__PURE__*/jsx("div", {
47
+ className: errorBubbleClasses,
48
+ "data-test": "ring-error-bubble",
49
+ children: restProps.error
50
+ })
51
+ })]
52
+ });
51
53
  }
52
- _inherits(ErrorBubble, _PureComponent);
53
- return _createClass(ErrorBubble, [{
54
- key: "render",
55
- value: function render() {
56
- var _this$props = this.props,
57
- children = _this$props.children,
58
- className = _this$props.className,
59
- restProps = _objectWithoutProperties(_this$props, _excluded);
60
- var errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
61
- return /*#__PURE__*/jsxs("div", {
62
- className: modules_ee284100.errorBubbleWrapper,
63
- children: [Children.map(children, function (child) {
64
- return /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps));
65
- }), restProps.error && /*#__PURE__*/jsx(Popup, {
66
- trapFocus: false,
67
- className: modules_ee284100.errorBubblePopup,
68
- hidden: false,
69
- attached: false,
70
- directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP],
71
- children: /*#__PURE__*/jsx("div", {
72
- className: errorBubbleClasses,
73
- "data-test": "ring-error-bubble",
74
- children: restProps.error
75
- })
76
- })]
77
- });
78
- }
79
- }]);
80
- }(PureComponent);
81
- _defineProperty(ErrorBubble, "propTypes", {
82
- error: PropTypes.string,
83
- className: PropTypes.string,
84
- children: PropTypes.node
85
- });
54
+ }
86
55
 
87
56
  export { ErrorBubble as default };
@@ -1,5 +1,4 @@
1
1
  import { Component, ReactNode } from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import { IconType } from '../icon/icon';
4
3
  export interface ErrorMessageProps {
5
4
  children?: ReactNode;
@@ -14,14 +13,5 @@ export interface ErrorMessageProps {
14
13
  * @name Error Message
15
14
  */
16
15
  export default class ErrorMessage extends Component<ErrorMessageProps> {
17
- static propTypes: {
18
- icon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
19
- code: PropTypes.Requireable<string>;
20
- message: PropTypes.Requireable<string>;
21
- description: PropTypes.Requireable<string>;
22
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
23
- className: PropTypes.Requireable<string>;
24
- 'data-test': PropTypes.Requireable<string>;
25
- };
26
16
  render(): import("react").JSX.Element;
27
17
  }
@@ -1,79 +1,54 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.symbol.js';
3
1
  import 'core-js/modules/es.symbol.description.js';
4
2
  import { Component } from 'react';
5
- import PropTypes from 'prop-types';
6
3
  import classNames from 'classnames';
7
4
  import Icon from '../icon/icon.js';
8
5
  import { Size } from '../icon/icon__constants.js';
9
6
  import joinDataTestAttributes from '../global/data-tests.js';
10
7
  import { jsxs, jsx } from 'react/jsx-runtime';
8
+ import '../_helpers/_rollupPluginBabelHelpers.js';
11
9
  import 'util-deprecate';
12
10
  import '../_helpers/icon__svg.js';
13
11
  import 'core-js/modules/es.regexp.exec.js';
14
12
  import 'core-js/modules/es.string.replace.js';
15
- import 'core-js/modules/es.string.starts-with.js';
16
13
  import '../global/memoize.js';
17
- import 'core-js/modules/es.array.iterator.js';
18
- import 'core-js/modules/es.map.js';
19
- import 'core-js/modules/es.object.to-string.js';
20
- import 'core-js/modules/es.weak-map.js';
21
14
  import 'core-js/modules/web.dom-collections.iterator.js';
22
- import 'core-js/modules/es.array.concat.js';
23
15
  import 'core-js/modules/es.array.reduce.js';
24
- import 'core-js/modules/es.object.entries.js';
25
16
 
26
17
  var modules_2c5e8509 = {"light":"light_rui_2ac4","errorMessage":"errorMessage_rui_94a5","title":"title_rui_94a5","description":"description_rui_94a5","content":"content_rui_94a5","icon":"icon_rui_94a5"};
27
18
 
28
- var ErrorMessage = /*#__PURE__*/function (_Component) {
29
- function ErrorMessage() {
30
- _classCallCheck(this, ErrorMessage);
31
- return _callSuper(this, ErrorMessage, arguments);
19
+ class ErrorMessage extends Component {
20
+ render() {
21
+ const {
22
+ className,
23
+ icon,
24
+ code,
25
+ message,
26
+ description,
27
+ children,
28
+ 'data-test': dataTest
29
+ } = this.props;
30
+ const classes = classNames(modules_2c5e8509.errorMessage, className);
31
+ return /*#__PURE__*/jsxs("div", {
32
+ className: classes,
33
+ "data-test": joinDataTestAttributes('ring-error-message', dataTest),
34
+ children: [icon && /*#__PURE__*/jsx(Icon, {
35
+ className: modules_2c5e8509.icon,
36
+ glyph: icon,
37
+ size: Size.Size64,
38
+ suppressSizeWarning: true
39
+ }), /*#__PURE__*/jsxs("div", {
40
+ className: modules_2c5e8509.content,
41
+ children: [/*#__PURE__*/jsxs("div", {
42
+ className: modules_2c5e8509.title,
43
+ "data-test": "ring-error-message-title",
44
+ children: [code && "".concat(code, ":"), " ", message]
45
+ }), description && /*#__PURE__*/jsx("div", {
46
+ className: modules_2c5e8509.description,
47
+ children: description
48
+ }), children]
49
+ })]
50
+ });
32
51
  }
33
- _inherits(ErrorMessage, _Component);
34
- return _createClass(ErrorMessage, [{
35
- key: "render",
36
- value: function render() {
37
- var _this$props = this.props,
38
- className = _this$props.className,
39
- icon = _this$props.icon,
40
- code = _this$props.code,
41
- message = _this$props.message,
42
- description = _this$props.description,
43
- children = _this$props.children,
44
- dataTest = _this$props['data-test'];
45
- var classes = classNames(modules_2c5e8509.errorMessage, className);
46
- return /*#__PURE__*/jsxs("div", {
47
- className: classes,
48
- "data-test": joinDataTestAttributes('ring-error-message', dataTest),
49
- children: [icon && /*#__PURE__*/jsx(Icon, {
50
- className: modules_2c5e8509.icon,
51
- glyph: icon,
52
- size: Size.Size64,
53
- suppressSizeWarning: true
54
- }), /*#__PURE__*/jsxs("div", {
55
- className: modules_2c5e8509.content,
56
- children: [/*#__PURE__*/jsxs("div", {
57
- className: modules_2c5e8509.title,
58
- "data-test": "ring-error-message-title",
59
- children: [code && "".concat(code, ":"), " ", message]
60
- }), description && /*#__PURE__*/jsx("div", {
61
- className: modules_2c5e8509.description,
62
- children: description
63
- }), children]
64
- })]
65
- });
66
- }
67
- }]);
68
- }(Component);
69
- _defineProperty(ErrorMessage, "propTypes", {
70
- icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
71
- code: PropTypes.string,
72
- message: PropTypes.string,
73
- description: PropTypes.string,
74
- children: PropTypes.node,
75
- className: PropTypes.string,
76
- 'data-test': PropTypes.string
77
- });
52
+ }
78
53
 
79
54
  export { ErrorMessage as default };