@jetbrains/ring-ui-built 6.0.31 → 6.0.32

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 (225) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +1 -567
  2. package/components/_helpers/anchor.js +7 -6
  3. package/components/_helpers/button__classes.js +16 -14
  4. package/components/_helpers/caption.js +14 -20
  5. package/components/_helpers/card.js +95 -105
  6. package/components/_helpers/dialog__body-scroll-preventer.js +11 -19
  7. package/components/_helpers/icon__svg.js +22 -25
  8. package/components/_helpers/input.js +146 -177
  9. package/components/_helpers/query-assist__suggestions.js +74 -90
  10. package/components/_helpers/select__filter.js +48 -69
  11. package/components/_helpers/services-link.js +29 -37
  12. package/components/_helpers/sidebar.js +99 -107
  13. package/components/_helpers/tab-link.js +7 -7
  14. package/components/_helpers/theme.js +31 -40
  15. package/components/_helpers/title.js +57 -72
  16. package/components/alert/alert.js +150 -202
  17. package/components/alert/container.js +32 -41
  18. package/components/alert-service/alert-service.js +105 -170
  19. package/components/analytics/analytics.js +12 -22
  20. package/components/analytics/analytics__custom-plugin.js +54 -75
  21. package/components/auth/auth.js +4 -36
  22. package/components/auth/auth__core.js +746 -1471
  23. package/components/auth/background-flow.js +87 -127
  24. package/components/auth/down-notification.js +30 -73
  25. package/components/auth/iframe-flow.js +75 -133
  26. package/components/auth/request-builder.js +46 -82
  27. package/components/auth/response-parser.js +86 -116
  28. package/components/auth/storage.js +171 -334
  29. package/components/auth/token-validator.js +137 -242
  30. package/components/auth/window-flow.js +92 -134
  31. package/components/auth-dialog/auth-dialog.js +114 -172
  32. package/components/auth-dialog-service/auth-dialog-service.js +8 -31
  33. package/components/avatar/avatar-example-datauri.js +23 -1
  34. package/components/avatar/avatar.js +119 -152
  35. package/components/avatar/fallback-avatar.js +22 -38
  36. package/components/badge/badge.js +35 -45
  37. package/components/button/button.js +86 -107
  38. package/components/button-group/button-group.js +19 -33
  39. package/components/button-set/button-set.js +20 -32
  40. package/components/button-toolbar/button-toolbar.js +19 -31
  41. package/components/caret/caret.js +186 -220
  42. package/components/checkbox/checkbox.js +76 -101
  43. package/components/clipboard/clipboard-fallback.js +10 -10
  44. package/components/clipboard/clipboard.js +35 -132
  45. package/components/code/code.js +92 -166
  46. package/components/collapse/collapse-content.js +42 -64
  47. package/components/collapse/collapse-context.js +2 -2
  48. package/components/collapse/collapse-control.js +12 -14
  49. package/components/collapse/collapse.js +11 -17
  50. package/components/collapse/consts.js +4 -4
  51. package/components/collapse/utils.js +1 -3
  52. package/components/confirm/confirm.js +66 -104
  53. package/components/confirm-service/confirm-service.js +37 -59
  54. package/components/content-layout/content-layout.js +43 -64
  55. package/components/content-layout/sidebar.js +0 -1
  56. package/components/contenteditable/contenteditable.js +50 -59
  57. package/components/control-label/control-label.js +9 -9
  58. package/components/data-list/data-list.js +129 -182
  59. package/components/data-list/data-list.mock.js +2 -6
  60. package/components/data-list/item.js +143 -170
  61. package/components/data-list/selection.js +76 -136
  62. package/components/data-list/title.js +1 -12
  63. package/components/date-picker/consts.js +19 -26
  64. package/components/date-picker/date-input.js +113 -144
  65. package/components/date-picker/date-picker.js +227 -282
  66. package/components/date-picker/date-popup.js +350 -395
  67. package/components/date-picker/day.js +87 -116
  68. package/components/date-picker/month-names.js +43 -66
  69. package/components/date-picker/month-slider.js +51 -76
  70. package/components/date-picker/month.js +16 -25
  71. package/components/date-picker/months.js +43 -50
  72. package/components/date-picker/weekdays.js +12 -22
  73. package/components/date-picker/years.js +83 -110
  74. package/components/dialog/dialog.js +142 -190
  75. package/components/dialog/dialog__body-scroll-preventer.js +0 -4
  76. package/components/dropdown/anchor.js +0 -9
  77. package/components/dropdown/dropdown.js +182 -213
  78. package/components/dropdown-menu/dropdown-menu.js +71 -97
  79. package/components/editable-heading/editable-heading.js +75 -127
  80. package/components/error-bubble/error-bubble.js +31 -60
  81. package/components/error-message/error-message.js +39 -59
  82. package/components/footer/footer.js +27 -30
  83. package/components/global/compose.js +1 -10
  84. package/components/global/composeRefs.js +7 -12
  85. package/components/global/controls-height.js +2 -2
  86. package/components/global/create-stateful-context.js +15 -15
  87. package/components/global/data-tests.js +6 -14
  88. package/components/global/dom.js +47 -86
  89. package/components/global/focus-sensor-hoc.js +122 -132
  90. package/components/global/fuzzy-highlight.js +22 -36
  91. package/components/global/get-event-key.js +8 -8
  92. package/components/global/get-uid.js +4 -8
  93. package/components/global/inject-styles.js +10 -15
  94. package/components/global/listeners.js +27 -51
  95. package/components/global/memoize.js +6 -12
  96. package/components/global/normalize-indent.js +19 -50
  97. package/components/global/promise-with-timeout.js +6 -8
  98. package/components/global/prop-types.js +3 -5
  99. package/components/global/react-dom-renderer.js +28 -44
  100. package/components/global/react-render-adapter.js +1 -1
  101. package/components/global/rerender-hoc.js +12 -30
  102. package/components/global/schedule-raf.js +5 -6
  103. package/components/global/sniffer.js +1 -1
  104. package/components/global/theme.js +0 -22
  105. package/components/global/trivial-template-tag.js +3 -10
  106. package/components/global/typescript-utils.js +2 -6
  107. package/components/global/url.js +20 -26
  108. package/components/global/use-event-callback.js +6 -4
  109. package/components/grid/col.js +35 -52
  110. package/components/grid/grid.js +17 -31
  111. package/components/grid/row.js +35 -47
  112. package/components/group/group.js +17 -25
  113. package/components/header/header.js +33 -78
  114. package/components/header/logo.js +20 -36
  115. package/components/header/profile.js +166 -199
  116. package/components/header/services-link.js +0 -4
  117. package/components/header/services.js +73 -116
  118. package/components/header/smart-profile.js +111 -203
  119. package/components/header/smart-services.js +62 -113
  120. package/components/header/tray-icon.js +21 -37
  121. package/components/header/tray.js +21 -32
  122. package/components/heading/heading.js +24 -25
  123. package/components/http/http.d.ts +1 -3
  124. package/components/http/http.js +203 -353
  125. package/components/http/http.mock.js +49 -101
  126. package/components/hub-source/hub-source.js +83 -190
  127. package/components/hub-source/hub-source__user.js +11 -44
  128. package/components/hub-source/hub-source__users-groups.js +37 -65
  129. package/components/i18n/i18n-context.js +7 -10
  130. package/components/i18n/i18n.js +7 -10
  131. package/components/icon/icon.js +76 -93
  132. package/components/icon/icon__svg.js +0 -8
  133. package/components/icon/index.js +0 -8
  134. package/components/input/input.js +0 -13
  135. package/components/island/adaptive-island-hoc.js +30 -43
  136. package/components/island/content.js +115 -132
  137. package/components/island/header.js +57 -70
  138. package/components/island/island.js +28 -40
  139. package/components/island-legacy/content-legacy.js +17 -25
  140. package/components/island-legacy/header-legacy.js +19 -27
  141. package/components/island-legacy/island-legacy.js +17 -25
  142. package/components/link/clickableLink.js +44 -59
  143. package/components/link/link.js +57 -68
  144. package/components/list/consts.js +2 -2
  145. package/components/list/list.js +611 -698
  146. package/components/list/list__custom.js +44 -62
  147. package/components/list/list__hint.js +10 -19
  148. package/components/list/list__item.js +133 -174
  149. package/components/list/list__link.js +37 -50
  150. package/components/list/list__separator.js +14 -24
  151. package/components/list/list__title.js +22 -32
  152. package/components/list/list__users-groups-source.js +54 -126
  153. package/components/loader/loader.js +43 -74
  154. package/components/loader/loader__core.js +198 -263
  155. package/components/loader-inline/loader-inline.js +23 -35
  156. package/components/loader-screen/loader-screen.js +25 -46
  157. package/components/login-dialog/login-dialog.js +111 -158
  158. package/components/login-dialog/service.js +8 -34
  159. package/components/markdown/markdown.js +15 -23
  160. package/components/message/message.js +161 -203
  161. package/components/old-browsers-message/old-browsers-message.js +11 -18
  162. package/components/old-browsers-message/old-browsers-message__stop.js +0 -7
  163. package/components/old-browsers-message/white-list.js +8 -16
  164. package/components/pager/pager.js +212 -271
  165. package/components/panel/panel.js +17 -25
  166. package/components/permissions/permissions.js +127 -172
  167. package/components/permissions/permissions__cache.js +194 -224
  168. package/components/popup/popup.consts.js +1 -1
  169. package/components/popup/popup.js +284 -343
  170. package/components/popup/popup.target.js +9 -8
  171. package/components/popup/position.js +96 -106
  172. package/components/popup-menu/popup-menu.js +44 -80
  173. package/components/progress-bar/progress-bar.js +87 -104
  174. package/components/query-assist/query-assist.js +838 -916
  175. package/components/query-assist/query-assist__suggestions.js +1 -30
  176. package/components/radio/radio.js +19 -34
  177. package/components/radio/radio__item.js +52 -69
  178. package/components/select/select.js +852 -957
  179. package/components/select/select__filter.js +0 -30
  180. package/components/select/select__popup.js +373 -487
  181. package/components/shortcuts/core.js +166 -217
  182. package/components/shortcuts/shortcut-title.js +6 -11
  183. package/components/shortcuts/shortcuts-hoc.js +19 -45
  184. package/components/shortcuts/shortcuts.js +50 -75
  185. package/components/slider/slider.js +99 -122
  186. package/components/slider/slider.utils.js +14 -24
  187. package/components/storage/storage.js +4 -33
  188. package/components/storage/storage__fallback.js +149 -224
  189. package/components/storage/storage__local.js +90 -153
  190. package/components/tab-trap/tab-trap.js +122 -153
  191. package/components/table/cell.js +14 -26
  192. package/components/table/disable-hover-hoc.js +33 -51
  193. package/components/table/header-cell.js +64 -89
  194. package/components/table/header.js +104 -132
  195. package/components/table/multitable.js +107 -125
  196. package/components/table/row-with-focus-sensor.js +25 -69
  197. package/components/table/row.js +175 -216
  198. package/components/table/selection-adapter.js +1 -3
  199. package/components/table/selection-shortcuts-hoc.js +180 -181
  200. package/components/table/selection.js +156 -226
  201. package/components/table/smart-table.js +50 -88
  202. package/components/table/table.js +289 -358
  203. package/components/tabs/collapsible-more.js +46 -79
  204. package/components/tabs/collapsible-tab.js +31 -38
  205. package/components/tabs/collapsible-tabs.js +88 -153
  206. package/components/tabs/custom-item.js +4 -2
  207. package/components/tabs/dumb-tabs.js +74 -117
  208. package/components/tabs/smart-tabs.js +29 -69
  209. package/components/tabs/tab-link.js +1 -5
  210. package/components/tabs/tab.js +19 -31
  211. package/components/tabs/tabs.js +0 -31
  212. package/components/tag/tag.js +133 -173
  213. package/components/tags-input/tags-input.js +329 -427
  214. package/components/tags-list/tags-list.js +57 -78
  215. package/components/text/text.js +28 -39
  216. package/components/toggle/toggle.js +56 -70
  217. package/components/tooltip/tooltip.js +146 -190
  218. package/components/user-agreement/service.js +228 -371
  219. package/components/user-agreement/toolbox.eula.js +160 -1
  220. package/components/user-agreement/user-agreement.js +85 -120
  221. package/components/user-card/card.js +0 -29
  222. package/components/user-card/smart-user-card-tooltip.js +51 -111
  223. package/components/user-card/tooltip.js +47 -84
  224. package/components/user-card/user-card.js +0 -29
  225. package/package.json +1 -1
@@ -1,5 +1,4 @@
1
- import { c as _objectWithoutProperties, j as _slicedToArray, e as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.string.trim.js';
1
+ import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
3
2
  import React, { useCallback, useEffect } from 'react';
4
3
  import classNames from 'classnames';
5
4
  import Heading, { Levels } from '../heading/heading.js';
@@ -10,125 +9,73 @@ import Shortcuts from '../shortcuts/shortcuts.js';
10
9
  import 'prop-types';
11
10
  import 'util-deprecate';
12
11
  import '../_helpers/heading.js';
13
- import 'core-js/modules/es.array.concat.js';
14
12
  import '@jetbrains/icons/chevron-10px';
15
13
  import '../icon/icon.js';
16
14
  import '../icon/icon__constants.js';
17
15
  import '../_helpers/icon__svg.js';
18
- import 'core-js/modules/es.regexp.exec.js';
19
- import 'core-js/modules/es.string.replace.js';
20
- import 'core-js/modules/es.string.starts-with.js';
21
16
  import '../global/memoize.js';
22
- import 'core-js/modules/es.array.iterator.js';
23
- import 'core-js/modules/es.map.js';
24
- import 'core-js/modules/es.object.to-string.js';
25
- import 'core-js/modules/es.weak-map.js';
26
- import 'core-js/modules/web.dom-collections.iterator.js';
27
17
  import '../link/clickableLink.js';
28
18
  import '../global/controls-height.js';
29
19
  import '../_helpers/button__classes.js';
30
- import 'core-js/modules/es.object.values.js';
31
20
  import '@jetbrains/icons/close-12px';
32
21
  import '../global/prop-types.js';
33
22
  import '../i18n/i18n-context.js';
34
23
  import '../i18n/i18n.js';
35
- import 'core-js/modules/es.set.js';
36
24
  import '../global/composeRefs.js';
37
- import 'core-js/modules/web.dom-collections.for-each.js';
38
25
  import '../control-label/control-label.js';
39
- import 'core-js/modules/es.regexp.to-string.js';
40
- import 'core-js/modules/es.array.map.js';
41
26
  import '../shortcuts/core.js';
42
- import 'core-js/modules/es.array.find-index.js';
43
- import 'core-js/modules/es.array.includes.js';
44
- import 'core-js/modules/es.array.slice.js';
45
- import 'core-js/modules/es.array.splice.js';
46
- import 'core-js/modules/es.object.assign.js';
47
- import 'core-js/modules/es.string.includes.js';
48
- import 'core-js/modules/es.string.match.js';
49
27
  import 'combokeys';
50
28
  import '../global/sniffer.js';
51
29
  import 'sniffr';
52
30
 
53
31
  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"};
54
32
 
55
- 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"];
56
33
  function noop() {}
57
- var EditableHeading = function EditableHeading(props) {
58
- var _props$level = props.level,
59
- level = _props$level === void 0 ? Levels.H1 : _props$level,
60
- className = props.className,
61
- headingClassName = props.headingClassName,
62
- inputClassName = props.inputClassName,
63
- children = props.children,
64
- _props$isEditing = props.isEditing,
65
- isEditing = _props$isEditing === void 0 ? false : _props$isEditing,
66
- _props$isSavingPossib = props.isSavingPossible,
67
- isSavingPossible = _props$isSavingPossib === void 0 ? false : _props$isSavingPossib,
68
- _props$isSaving = props.isSaving,
69
- isSaving = _props$isSaving === void 0 ? false : _props$isSaving,
70
- _props$embedded = props.embedded,
71
- embedded = _props$embedded === void 0 ? false : _props$embedded,
72
- _props$size = props.size,
73
- size = _props$size === void 0 ? Size.L : _props$size,
74
- _props$onEdit = props.onEdit,
75
- onEdit = _props$onEdit === void 0 ? noop : _props$onEdit,
76
- _props$onSave = props.onSave,
77
- onSave = _props$onSave === void 0 ? noop : _props$onSave,
78
- _props$onCancel = props.onCancel,
79
- onCancel = _props$onCancel === void 0 ? noop : _props$onCancel,
80
- _props$autoFocus = props.autoFocus,
81
- autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
82
- dataTest = props['data-test'],
83
- error = props.error,
84
- disabled = props.disabled,
85
- _props$multiline = props.multiline,
86
- multiline = _props$multiline === void 0 ? false : _props$multiline,
87
- _props$renderMenu = props.renderMenu,
88
- renderMenu = _props$renderMenu === void 0 ? function () {
89
- return null;
90
- } : _props$renderMenu,
91
- onFocus = props.onFocus,
92
- onBlur = props.onBlur,
93
- onChange = props.onChange,
94
- onScroll = props.onScroll,
95
- maxInputRows = props.maxInputRows,
96
- _props$translations = props.translations,
97
- translations = _props$translations === void 0 ? {
34
+ const EditableHeading = props => {
35
+ const {
36
+ level = Levels.H1,
37
+ className,
38
+ headingClassName,
39
+ inputClassName,
40
+ children,
41
+ isEditing = false,
42
+ isSavingPossible = false,
43
+ isSaving = false,
44
+ embedded = false,
45
+ size = Size.L,
46
+ onEdit = noop,
47
+ onSave = noop,
48
+ onCancel = noop,
49
+ autoFocus = true,
50
+ 'data-test': dataTest,
51
+ error,
52
+ disabled,
53
+ multiline = false,
54
+ renderMenu = () => null,
55
+ onFocus,
56
+ onBlur,
57
+ onChange,
58
+ onScroll,
59
+ maxInputRows,
60
+ translations = {
98
61
  save: 'Save',
99
62
  cancel: 'Cancel'
100
- } : _props$translations,
101
- restProps = _objectWithoutProperties(props, _excluded);
102
- var _React$useState = React.useState(getUID('ring-editable-heading-')),
103
- _React$useState2 = _slicedToArray(_React$useState, 1),
104
- shortcutsScope = _React$useState2[0];
105
- var _React$useState3 = React.useState(false),
106
- _React$useState4 = _slicedToArray(_React$useState3, 2),
107
- isInFocus = _React$useState4[0],
108
- setIsInFocus = _React$useState4[1];
109
- var _React$useState5 = React.useState(false),
110
- _React$useState6 = _slicedToArray(_React$useState5, 2),
111
- isMouseDown = _React$useState6[0],
112
- setIsMouseDown = _React$useState6[1];
113
- var _React$useState7 = React.useState(false),
114
- _React$useState8 = _slicedToArray(_React$useState7, 2),
115
- isInSelectionMode = _React$useState8[0],
116
- setIsInSelectionMode = _React$useState8[1];
117
- var textAreaRef = React.useRef(null);
118
- var _React$useState9 = React.useState(false),
119
- _React$useState10 = _slicedToArray(_React$useState9, 2),
120
- isScrolledToBottom = _React$useState10[0],
121
- setIsScrolledToBottom = _React$useState10[1];
122
- var _React$useState11 = React.useState(false),
123
- _React$useState12 = _slicedToArray(_React$useState11, 2),
124
- isOverflow = _React$useState12[0],
125
- setIsOverflow = _React$useState12[1];
126
- var hasError = error !== undefined;
127
- var isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
128
- var isCancelDisabled = isSaving;
129
- var isShortcutsDisabled = !isInFocus || isSaving;
130
- var shortcutsMap = React.useMemo(function () {
131
- var map = {};
63
+ },
64
+ ...restProps
65
+ } = props;
66
+ const [shortcutsScope] = React.useState(getUID('ring-editable-heading-'));
67
+ const [isInFocus, setIsInFocus] = React.useState(false);
68
+ const [isMouseDown, setIsMouseDown] = React.useState(false);
69
+ const [isInSelectionMode, setIsInSelectionMode] = React.useState(false);
70
+ const textAreaRef = React.useRef(null);
71
+ const [isScrolledToBottom, setIsScrolledToBottom] = React.useState(false);
72
+ const [isOverflow, setIsOverflow] = React.useState(false);
73
+ const hasError = error !== undefined;
74
+ const isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
75
+ const isCancelDisabled = isSaving;
76
+ const isShortcutsDisabled = !isInFocus || isSaving;
77
+ const shortcutsMap = React.useMemo(() => {
78
+ const map = {};
132
79
  if (!isSaveDisabled) {
133
80
  map.enter = onSave;
134
81
  }
@@ -137,7 +84,7 @@ var EditableHeading = function EditableHeading(props) {
137
84
  }
138
85
  return map;
139
86
  }, [isSaveDisabled, isCancelDisabled, onSave, onCancel]);
140
- var classes = classNames(modules_6e69b0fe.editableHeading, className, {
87
+ const classes = classNames(modules_6e69b0fe.editableHeading, className, {
141
88
  [modules_6e69b0fe.fullSize]: isEditing && size === Size.FULL,
142
89
  [modules_6e69b0fe.isEditing]: isEditing,
143
90
  [modules_6e69b0fe.error]: hasError,
@@ -145,71 +92,72 @@ var EditableHeading = function EditableHeading(props) {
145
92
  [modules_6e69b0fe.multiline]: multiline,
146
93
  [modules_6e69b0fe.selectionMode]: isInSelectionMode
147
94
  });
148
- var headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe["size".concat(size)]);
149
- var inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, {
95
+ const headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe[`size${size}`]);
96
+ const inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, {
150
97
  [modules_6e69b0fe.textareaNotOverflow]: !isOverflow
151
- }, modules_88cfaf40["size".concat(size)], modules_6e69b0fe["level".concat(level)], inputClassName);
152
- var stretch = useCallback(function (el) {
98
+ }, modules_88cfaf40[`size${size}`], modules_6e69b0fe[`level${level}`], inputClassName);
99
+ const stretch = useCallback(el => {
153
100
  if (!el || !el.style) {
154
101
  return;
155
102
  }
156
103
  el.style.height = '0';
157
- var _window$getComputedSt = window.getComputedStyle(el),
158
- paddingTop = _window$getComputedSt.paddingTop,
159
- paddingBottom = _window$getComputedSt.paddingBottom;
160
- el.style.height = "".concat(el.scrollHeight - parseFloat(paddingTop) - parseFloat(paddingBottom), "px");
104
+ const {
105
+ paddingTop,
106
+ paddingBottom
107
+ } = window.getComputedStyle(el);
108
+ el.style.height = `${el.scrollHeight - parseFloat(paddingTop) - parseFloat(paddingBottom)}px`;
161
109
  }, []);
162
- var checkValue = useCallback(function (el) {
110
+ const checkValue = useCallback(el => {
163
111
  if (multiline && el != null && el.scrollHeight >= el.clientHeight) {
164
112
  stretch(el);
165
113
  }
166
114
  }, [stretch, multiline]);
167
- var checkOverflow = useCallback(function (el) {
168
- var scrollHeight = el.scrollHeight || 0;
169
- var clientHeight = el.clientHeight || 0;
170
- var scrollTop = el.scrollTop || 0;
115
+ const checkOverflow = useCallback(el => {
116
+ const scrollHeight = el.scrollHeight || 0;
117
+ const clientHeight = el.clientHeight || 0;
118
+ const scrollTop = el.scrollTop || 0;
171
119
  setIsScrolledToBottom(scrollHeight - clientHeight <= scrollTop);
172
120
  setIsOverflow(scrollHeight > clientHeight);
173
121
  }, [setIsScrolledToBottom]);
174
- var onHeadingMouseDown = React.useCallback(function () {
122
+ const onHeadingMouseDown = React.useCallback(() => {
175
123
  setIsMouseDown(true);
176
124
  }, []);
177
- var onMouseMove = React.useCallback(function () {
125
+ const onMouseMove = React.useCallback(() => {
178
126
  if (!isMouseDown) {
179
127
  return;
180
128
  }
181
129
  setIsInSelectionMode(true);
182
130
  }, [isMouseDown]);
183
- var onMouseUp = React.useCallback(function () {
131
+ const onMouseUp = React.useCallback(() => {
184
132
  if (isMouseDown && !isInSelectionMode && !disabled) {
185
133
  onEdit();
186
134
  }
187
135
  setIsMouseDown(false);
188
136
  setIsInSelectionMode(false);
189
137
  }, [isMouseDown, isInSelectionMode, disabled, onEdit]);
190
- var onInputFocus = React.useCallback(function (e) {
138
+ const onInputFocus = React.useCallback(e => {
191
139
  setIsInFocus(true);
192
140
  checkValue(e.target);
193
141
  checkOverflow(e.target);
194
- onFocus === null || onFocus === void 0 || onFocus(e);
142
+ onFocus?.(e);
195
143
  }, [onFocus, checkOverflow, checkValue]);
196
- var onInputChange = React.useCallback(function (e) {
144
+ const onInputChange = React.useCallback(e => {
197
145
  checkValue(e.target);
198
146
  checkOverflow(e.target);
199
- onChange === null || onChange === void 0 || onChange(e);
147
+ onChange?.(e);
200
148
  }, [onChange, checkOverflow, checkValue]);
201
- var onInputScroll = React.useCallback(function (e) {
149
+ const onInputScroll = React.useCallback(e => {
202
150
  checkOverflow(e.target);
203
- onScroll === null || onScroll === void 0 || onScroll(e);
151
+ onScroll?.(e);
204
152
  }, [onScroll, checkOverflow]);
205
- var onInputBlur = React.useCallback(function (e) {
153
+ const onInputBlur = React.useCallback(e => {
206
154
  setIsInFocus(false);
207
- onBlur === null || onBlur === void 0 || onBlur(e);
155
+ onBlur?.(e);
208
156
  }, [onBlur]);
209
- useEffect(function () {
157
+ useEffect(() => {
210
158
  window.addEventListener('mousemove', onMouseMove);
211
159
  window.addEventListener('mouseup', onMouseUp);
212
- return function () {
160
+ return () => {
213
161
  window.removeEventListener('mousemove', onMouseMove);
214
162
  window.removeEventListener('mouseup', onMouseUp);
215
163
  };
@@ -231,7 +179,7 @@ var EditableHeading = function EditableHeading(props) {
231
179
  onFocus: onInputFocus,
232
180
  onBlur: onInputBlur
233
181
  })) : /*#__PURE__*/React.createElement("div", {
234
- className: classNames(modules_6e69b0fe.textareaWrapper, modules_88cfaf40["size".concat(size)])
182
+ className: classNames(modules_6e69b0fe.textareaWrapper, modules_88cfaf40[`size${size}`])
235
183
  }, /*#__PURE__*/React.createElement("textarea", _extends({
236
184
  ref: textAreaRef,
237
185
  className: inputClasses,
@@ -245,7 +193,7 @@ var EditableHeading = function EditableHeading(props) {
245
193
  onBlur: onInputBlur,
246
194
  onScroll: onInputScroll,
247
195
  style: {
248
- maxHeight: maxInputRows ? "".concat(maxInputRows, "lh") : ''
196
+ maxHeight: maxInputRows ? `${maxInputRows}lh` : ''
249
197
  }
250
198
  })), !isScrolledToBottom && /*#__PURE__*/React.createElement("div", {
251
199
  className: modules_6e69b0fe.textareaFade
@@ -268,7 +216,7 @@ var EditableHeading = function EditableHeading(props) {
268
216
  disabled: isCancelDisabled,
269
217
  onClick: onCancel
270
218
  }, translations.cancel))), isEditing && error && /*#__PURE__*/React.createElement("div", {
271
- className: classNames(modules_6e69b0fe.errorText, modules_88cfaf40["size".concat(size)])
219
+ className: classNames(modules_6e69b0fe.errorText, modules_88cfaf40[`size${size}`])
272
220
  }, error));
273
221
  };
274
222
  var editableHeading = /*#__PURE__*/React.memo(EditableHeading);
@@ -1,86 +1,57 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.array.map.js';
3
- import React, { Children, cloneElement, PureComponent } from 'react';
1
+ import React, { PureComponent, Children, cloneElement } from 'react';
4
2
  import PropTypes from 'prop-types';
5
3
  import classNames from 'classnames';
6
4
  import Popup from '../popup/popup.js';
7
5
  import { Directions } from '../popup/popup.consts.js';
8
- import 'core-js/modules/es.array.concat.js';
9
- import 'core-js/modules/es.object.entries.js';
10
- import 'core-js/modules/es.object.to-string.js';
11
- import 'core-js/modules/es.regexp.exec.js';
12
- import 'core-js/modules/es.regexp.to-string.js';
13
- import 'core-js/modules/es.string.replace.js';
14
- import 'core-js/modules/web.dom-collections.for-each.js';
15
6
  import 'react-dom';
16
7
  import '../global/get-uid.js';
17
8
  import '../global/schedule-raf.js';
18
9
  import '../global/dom.js';
19
- import 'core-js/modules/es.array.filter.js';
20
- import 'core-js/modules/es.array.iterator.js';
21
- import 'core-js/modules/es.object.assign.js';
22
- import 'core-js/modules/es.set.js';
23
- import 'core-js/modules/es.string.split.js';
24
- import 'core-js/modules/web.dom-collections.iterator.js';
25
10
  import '../shortcuts/shortcuts.js';
26
11
  import '../shortcuts/core.js';
27
- import 'core-js/modules/es.array.find-index.js';
28
- import 'core-js/modules/es.array.includes.js';
29
- import 'core-js/modules/es.array.slice.js';
30
- import 'core-js/modules/es.array.splice.js';
31
- import 'core-js/modules/es.string.includes.js';
32
- import 'core-js/modules/es.string.match.js';
33
12
  import 'combokeys';
34
13
  import '../global/sniffer.js';
35
14
  import 'sniffr';
36
15
  import '../global/data-tests.js';
37
- import 'core-js/modules/es.array.reduce.js';
38
16
  import '../tab-trap/tab-trap.js';
17
+ import '../_helpers/_rollupPluginBabelHelpers.js';
39
18
  import '../popup/position.js';
40
- import 'core-js/modules/es.array.sort.js';
41
19
  import '../popup/popup.target.js';
42
20
 
43
21
  var modules_ee284100 = {"light":"light_rui_2ac4","errorBubblePopup":"errorBubblePopup_rui_7233","errorBubbleWrapper":"errorBubbleWrapper_rui_7233","errorBubble":"errorBubble_rui_7233"};
44
22
 
45
- var _excluded = ["children", "className"];
46
23
  /**
47
24
  * @name Error Bubble
48
25
  */
49
- var ErrorBubble = /*#__PURE__*/function (_PureComponent) {
50
- function ErrorBubble() {
51
- _classCallCheck(this, ErrorBubble);
52
- return _callSuper(this, ErrorBubble, arguments);
26
+ class ErrorBubble extends PureComponent {
27
+ static propTypes = {
28
+ error: PropTypes.string,
29
+ className: PropTypes.string,
30
+ children: PropTypes.node
31
+ };
32
+ render() {
33
+ const {
34
+ children,
35
+ className,
36
+ ...restProps
37
+ } = this.props;
38
+ const errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
39
+ return /*#__PURE__*/React.createElement("div", {
40
+ className: modules_ee284100.errorBubbleWrapper
41
+ }, Children.map(children, child => /*#__PURE__*/cloneElement(child, {
42
+ ...child.props,
43
+ ...restProps
44
+ })), restProps.error && /*#__PURE__*/React.createElement(Popup, {
45
+ trapFocus: false,
46
+ className: modules_ee284100.errorBubblePopup,
47
+ hidden: false,
48
+ attached: false,
49
+ directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP]
50
+ }, /*#__PURE__*/React.createElement("div", {
51
+ className: errorBubbleClasses,
52
+ "data-test": "ring-error-bubble"
53
+ }, restProps.error)));
53
54
  }
54
- _inherits(ErrorBubble, _PureComponent);
55
- return _createClass(ErrorBubble, [{
56
- key: "render",
57
- value: function render() {
58
- var _this$props = this.props,
59
- children = _this$props.children,
60
- className = _this$props.className,
61
- restProps = _objectWithoutProperties(_this$props, _excluded);
62
- var errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
63
- return /*#__PURE__*/React.createElement("div", {
64
- className: modules_ee284100.errorBubbleWrapper
65
- }, Children.map(children, function (child) {
66
- return /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps));
67
- }), restProps.error && /*#__PURE__*/React.createElement(Popup, {
68
- trapFocus: false,
69
- className: modules_ee284100.errorBubblePopup,
70
- hidden: false,
71
- attached: false,
72
- directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP]
73
- }, /*#__PURE__*/React.createElement("div", {
74
- className: errorBubbleClasses,
75
- "data-test": "ring-error-bubble"
76
- }, restProps.error)));
77
- }
78
- }]);
79
- }(PureComponent);
80
- _defineProperty(ErrorBubble, "propTypes", {
81
- error: PropTypes.string,
82
- className: PropTypes.string,
83
- children: PropTypes.node
84
- });
55
+ }
85
56
 
86
57
  export { ErrorBubble as default };
@@ -1,77 +1,57 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.symbol.js';
3
- import 'core-js/modules/es.symbol.description.js';
4
1
  import React, { Component } from 'react';
5
2
  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';
7
+ import '../_helpers/_rollupPluginBabelHelpers.js';
10
8
  import 'util-deprecate';
11
9
  import '../_helpers/icon__svg.js';
12
- import 'core-js/modules/es.regexp.exec.js';
13
- import 'core-js/modules/es.string.replace.js';
14
- import 'core-js/modules/es.string.starts-with.js';
15
10
  import '../global/memoize.js';
16
- import 'core-js/modules/es.array.iterator.js';
17
- import 'core-js/modules/es.map.js';
18
- import 'core-js/modules/es.object.to-string.js';
19
- import 'core-js/modules/es.weak-map.js';
20
- import 'core-js/modules/web.dom-collections.iterator.js';
21
- import 'core-js/modules/es.array.concat.js';
22
- import 'core-js/modules/es.array.reduce.js';
23
- import 'core-js/modules/es.object.entries.js';
24
11
 
25
12
  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"};
26
13
 
27
14
  /**
28
15
  * @name Error Message
29
16
  */
30
- var ErrorMessage = /*#__PURE__*/function (_Component) {
31
- function ErrorMessage() {
32
- _classCallCheck(this, ErrorMessage);
33
- return _callSuper(this, ErrorMessage, arguments);
17
+ class ErrorMessage extends Component {
18
+ static propTypes = {
19
+ icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
20
+ code: PropTypes.string,
21
+ message: PropTypes.string,
22
+ description: PropTypes.string,
23
+ children: PropTypes.node,
24
+ className: PropTypes.string,
25
+ 'data-test': PropTypes.string
26
+ };
27
+ render() {
28
+ const {
29
+ className,
30
+ icon,
31
+ code,
32
+ message,
33
+ description,
34
+ children,
35
+ 'data-test': dataTest
36
+ } = this.props;
37
+ const classes = classNames(modules_2c5e8509.errorMessage, className);
38
+ return /*#__PURE__*/React.createElement("div", {
39
+ className: classes,
40
+ "data-test": joinDataTestAttributes('ring-error-message', dataTest)
41
+ }, icon && /*#__PURE__*/React.createElement(Icon, {
42
+ className: modules_2c5e8509.icon,
43
+ glyph: icon,
44
+ size: Size.Size64,
45
+ suppressSizeWarning: true
46
+ }), /*#__PURE__*/React.createElement("div", {
47
+ className: modules_2c5e8509.content
48
+ }, /*#__PURE__*/React.createElement("div", {
49
+ className: modules_2c5e8509.title,
50
+ "data-test": "ring-error-message-title"
51
+ }, code && `${code}:`, " ", message), description && /*#__PURE__*/React.createElement("div", {
52
+ className: modules_2c5e8509.description
53
+ }, description), children));
34
54
  }
35
- _inherits(ErrorMessage, _Component);
36
- return _createClass(ErrorMessage, [{
37
- key: "render",
38
- value: function render() {
39
- var _this$props = this.props,
40
- className = _this$props.className,
41
- icon = _this$props.icon,
42
- code = _this$props.code,
43
- message = _this$props.message,
44
- description = _this$props.description,
45
- children = _this$props.children,
46
- dataTest = _this$props['data-test'];
47
- var classes = classNames(modules_2c5e8509.errorMessage, className);
48
- return /*#__PURE__*/React.createElement("div", {
49
- className: classes,
50
- "data-test": joinDataTestAttributes('ring-error-message', dataTest)
51
- }, icon && /*#__PURE__*/React.createElement(Icon, {
52
- className: modules_2c5e8509.icon,
53
- glyph: icon,
54
- size: Size.Size64,
55
- suppressSizeWarning: true
56
- }), /*#__PURE__*/React.createElement("div", {
57
- className: modules_2c5e8509.content
58
- }, /*#__PURE__*/React.createElement("div", {
59
- className: modules_2c5e8509.title,
60
- "data-test": "ring-error-message-title"
61
- }, code && "".concat(code, ":"), " ", message), description && /*#__PURE__*/React.createElement("div", {
62
- className: modules_2c5e8509.description
63
- }, description), children));
64
- }
65
- }]);
66
- }(Component);
67
- _defineProperty(ErrorMessage, "propTypes", {
68
- icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
69
- code: PropTypes.string,
70
- message: PropTypes.string,
71
- description: PropTypes.string,
72
- children: PropTypes.node,
73
- className: PropTypes.string,
74
- 'data-test': PropTypes.string
75
- });
55
+ }
76
56
 
77
57
  export { ErrorMessage as default };
@@ -1,23 +1,20 @@
1
- import 'core-js/modules/es.array.map.js';
2
1
  import React, { memo, isValidElement } from 'react';
3
2
  import PropTypes from 'prop-types';
4
3
  import classNames from 'classnames';
5
4
  import Link from '../link/link.js';
6
5
  import '../_helpers/_rollupPluginBabelHelpers.js';
7
6
  import '../global/data-tests.js';
8
- import 'core-js/modules/es.array.concat.js';
9
- import 'core-js/modules/es.array.reduce.js';
10
- import 'core-js/modules/es.object.entries.js';
11
- import 'core-js/modules/es.object.to-string.js';
12
7
  import '../link/clickableLink.js';
13
8
  import '../_helpers/link.js';
14
9
 
15
10
  var modules_7385b3fd = {"light":"light_rui_2ac4","footer":"footer_rui_b622 font_rui_f295","footerFloating":"footerFloating_rui_b622 footer_rui_b622 font_rui_f295","column":"column_rui_b622","columnItem":"columnItem_rui_b622","columnLeft":"columnLeft_rui_b622 column_rui_b622","columnCenter":"columnCenter_rui_b622 column_rui_b622","line":"line_rui_b622","columnRight":"columnRight_rui_b622 column_rui_b622","lineCenter":"lineCenter_rui_b622"};
16
11
 
17
- var FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
18
- var position = _ref.position,
19
- children = _ref.children;
20
- var classes = classNames({
12
+ const FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
13
+ let {
14
+ position,
15
+ children
16
+ } = _ref;
17
+ const classes = classNames({
21
18
  [modules_7385b3fd.columnLeft]: position === 'left',
22
19
  [modules_7385b3fd.columnCenter]: position === 'center',
23
20
  [modules_7385b3fd.columnRight]: position === 'right'
@@ -38,9 +35,9 @@ FooterColumn.propTypes = {
38
35
  * @returns {string}
39
36
  */
40
37
  function copyright(year) {
41
- var currentYear = new Date().getUTCFullYear();
42
- var ndash = '–';
43
- var ret = 'Copyright © ';
38
+ const currentYear = new Date().getUTCFullYear();
39
+ const ndash = '–';
40
+ let ret = 'Copyright © ';
44
41
  if (year >= currentYear) {
45
42
  ret += year;
46
43
  } else {
@@ -52,14 +49,14 @@ function copyright(year) {
52
49
  * @constructor
53
50
  * @extends {ReactComponent}
54
51
  */
55
- var FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
56
- var items = Array.isArray(props.item) ? props.item : [props.item];
52
+ const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
53
+ const items = Array.isArray(props.item) ? props.item : [props.item];
57
54
  function renderItem(item) {
58
55
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
59
56
  if ( /*#__PURE__*/isValidElement(item) || typeof item !== 'object') {
60
57
  return item;
61
58
  }
62
- var element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
59
+ const element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
63
60
  if (item.url) {
64
61
  return /*#__PURE__*/React.createElement(Link, {
65
62
  href: item.url,
@@ -77,12 +74,14 @@ var FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
77
74
  FooterLine.propTypes = {
78
75
  item: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.string])
79
76
  };
80
- var Footer = /*#__PURE__*/memo(function Footer(_ref2) {
81
- var floating = _ref2.floating,
82
- className = _ref2.className,
83
- left = _ref2.left,
84
- center = _ref2.center,
85
- right = _ref2.right;
77
+ const Footer = /*#__PURE__*/memo(function Footer(_ref2) {
78
+ let {
79
+ floating,
80
+ className,
81
+ left,
82
+ center,
83
+ right
84
+ } = _ref2;
86
85
  function content(elements, position) {
87
86
  if (!elements) {
88
87
  return false;
@@ -90,16 +89,14 @@ var Footer = /*#__PURE__*/memo(function Footer(_ref2) {
90
89
  return /*#__PURE__*/React.createElement(FooterColumn, {
91
90
  key: position,
92
91
  position: position
93
- }, elements.map(function (item, idx) {
94
- return /*#__PURE__*/React.createElement(FooterLine
95
- // eslint-disable-next-line react/no-array-index-key
96
- , {
97
- key: idx,
98
- item: item
99
- });
100
- }));
92
+ }, elements.map((item, idx) => /*#__PURE__*/React.createElement(FooterLine
93
+ // eslint-disable-next-line react/no-array-index-key
94
+ , {
95
+ key: idx,
96
+ item: item
97
+ })));
101
98
  }
102
- var classes = classNames(modules_7385b3fd.footer, className, {
99
+ const classes = classNames(modules_7385b3fd.footer, className, {
103
100
  [modules_7385b3fd.footerFloating]: floating
104
101
  });
105
102
  return /*#__PURE__*/React.createElement("footer", {