@jetbrains/ring-ui-built 6.0.32 → 6.0.34

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 (226) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +567 -1
  2. package/components/_helpers/anchor.js +6 -7
  3. package/components/_helpers/button__classes.js +14 -16
  4. package/components/_helpers/caption.js +20 -14
  5. package/components/_helpers/card.js +105 -95
  6. package/components/_helpers/dialog__body-scroll-preventer.js +19 -11
  7. package/components/_helpers/icon__svg.js +25 -22
  8. package/components/_helpers/input.js +176 -146
  9. package/components/_helpers/query-assist__suggestions.js +90 -74
  10. package/components/_helpers/select__filter.js +69 -48
  11. package/components/_helpers/services-link.js +37 -29
  12. package/components/_helpers/sidebar.js +107 -99
  13. package/components/_helpers/tab-link.js +7 -7
  14. package/components/_helpers/theme.js +40 -31
  15. package/components/_helpers/title.js +72 -57
  16. package/components/alert/alert.js +202 -150
  17. package/components/alert/container.js +41 -32
  18. package/components/alert-service/alert-service.js +170 -105
  19. package/components/analytics/analytics.js +22 -12
  20. package/components/analytics/analytics__custom-plugin.js +75 -54
  21. package/components/auth/auth.js +36 -4
  22. package/components/auth/auth__core.js +1471 -746
  23. package/components/auth/background-flow.js +127 -87
  24. package/components/auth/down-notification.js +73 -30
  25. package/components/auth/iframe-flow.js +133 -75
  26. package/components/auth/request-builder.js +82 -46
  27. package/components/auth/response-parser.js +116 -86
  28. package/components/auth/storage.js +334 -171
  29. package/components/auth/token-validator.js +242 -137
  30. package/components/auth/window-flow.js +134 -92
  31. package/components/auth-dialog/auth-dialog.js +172 -114
  32. package/components/auth-dialog-service/auth-dialog-service.js +31 -8
  33. package/components/avatar/avatar-example-datauri.js +1 -23
  34. package/components/avatar/avatar.js +152 -119
  35. package/components/avatar/fallback-avatar.js +38 -22
  36. package/components/badge/badge.js +45 -35
  37. package/components/button/button.js +107 -86
  38. package/components/button-group/button-group.js +33 -19
  39. package/components/button-set/button-set.js +32 -20
  40. package/components/button-toolbar/button-toolbar.js +31 -19
  41. package/components/caret/caret.js +220 -186
  42. package/components/checkbox/checkbox.js +101 -76
  43. package/components/clipboard/clipboard-fallback.js +10 -10
  44. package/components/clipboard/clipboard.js +132 -35
  45. package/components/code/code.js +166 -92
  46. package/components/collapse/collapse-content.js +64 -42
  47. package/components/collapse/collapse-context.js +2 -2
  48. package/components/collapse/collapse-control.js +14 -12
  49. package/components/collapse/collapse.js +17 -11
  50. package/components/collapse/consts.js +4 -4
  51. package/components/collapse/utils.js +3 -1
  52. package/components/confirm/confirm.js +104 -66
  53. package/components/confirm-service/confirm-service.js +59 -37
  54. package/components/content-layout/content-layout.js +64 -43
  55. package/components/content-layout/sidebar.js +1 -0
  56. package/components/contenteditable/contenteditable.js +59 -50
  57. package/components/control-label/control-label.js +9 -9
  58. package/components/data-list/data-list.js +182 -129
  59. package/components/data-list/data-list.mock.js +6 -2
  60. package/components/data-list/item.js +170 -143
  61. package/components/data-list/selection.js +136 -76
  62. package/components/data-list/title.js +12 -1
  63. package/components/date-picker/consts.js +26 -19
  64. package/components/date-picker/date-input.js +144 -113
  65. package/components/date-picker/date-picker.js +282 -227
  66. package/components/date-picker/date-popup.js +395 -350
  67. package/components/date-picker/day.js +116 -87
  68. package/components/date-picker/month-names.js +66 -43
  69. package/components/date-picker/month-slider.js +76 -51
  70. package/components/date-picker/month.js +25 -16
  71. package/components/date-picker/months.js +50 -43
  72. package/components/date-picker/weekdays.js +22 -12
  73. package/components/date-picker/years.js +110 -83
  74. package/components/dialog/dialog.js +190 -142
  75. package/components/dialog/dialog__body-scroll-preventer.js +4 -0
  76. package/components/dropdown/anchor.js +9 -0
  77. package/components/dropdown/dropdown.js +213 -182
  78. package/components/dropdown-menu/dropdown-menu.js +97 -71
  79. package/components/editable-heading/editable-heading.js +127 -75
  80. package/components/error-bubble/error-bubble.js +60 -31
  81. package/components/error-message/error-message.js +59 -39
  82. package/components/footer/footer.js +30 -27
  83. package/components/global/compose.js +10 -1
  84. package/components/global/composeRefs.js +12 -7
  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 +14 -6
  88. package/components/global/dom.js +86 -47
  89. package/components/global/focus-sensor-hoc.js +132 -122
  90. package/components/global/fuzzy-highlight.js +36 -22
  91. package/components/global/get-event-key.js +8 -8
  92. package/components/global/get-uid.js +8 -4
  93. package/components/global/inject-styles.js +15 -10
  94. package/components/global/listeners.js +51 -27
  95. package/components/global/memoize.js +12 -6
  96. package/components/global/normalize-indent.js +50 -19
  97. package/components/global/promise-with-timeout.js +8 -6
  98. package/components/global/prop-types.js +5 -3
  99. package/components/global/react-dom-renderer.js +44 -28
  100. package/components/global/react-render-adapter.js +1 -1
  101. package/components/global/rerender-hoc.js +30 -12
  102. package/components/global/schedule-raf.js +6 -5
  103. package/components/global/sniffer.js +1 -1
  104. package/components/global/theme.js +22 -0
  105. package/components/global/trivial-template-tag.js +10 -3
  106. package/components/global/typescript-utils.js +6 -2
  107. package/components/global/url.js +26 -20
  108. package/components/global/use-event-callback.js +4 -6
  109. package/components/grid/col.js +52 -35
  110. package/components/grid/grid.js +31 -17
  111. package/components/grid/row.js +47 -35
  112. package/components/group/group.js +25 -17
  113. package/components/header/header.js +78 -33
  114. package/components/header/logo.js +36 -20
  115. package/components/header/profile.js +199 -166
  116. package/components/header/services-link.js +4 -0
  117. package/components/header/services.js +116 -73
  118. package/components/header/smart-profile.js +203 -111
  119. package/components/header/smart-services.js +113 -62
  120. package/components/header/tray-icon.js +37 -21
  121. package/components/header/tray.js +32 -21
  122. package/components/heading/heading.js +25 -24
  123. package/components/http/http.d.ts +1 -2
  124. package/components/http/http.js +345 -203
  125. package/components/http/http.mock.d.ts +1 -5
  126. package/components/http/http.mock.js +101 -49
  127. package/components/hub-source/hub-source.js +190 -83
  128. package/components/hub-source/hub-source__user.js +44 -11
  129. package/components/hub-source/hub-source__users-groups.js +65 -37
  130. package/components/i18n/i18n-context.js +10 -7
  131. package/components/i18n/i18n.js +10 -7
  132. package/components/icon/icon.js +93 -76
  133. package/components/icon/icon__svg.js +8 -0
  134. package/components/icon/index.js +8 -0
  135. package/components/input/input.js +13 -0
  136. package/components/island/adaptive-island-hoc.js +43 -30
  137. package/components/island/content.js +132 -115
  138. package/components/island/header.js +70 -57
  139. package/components/island/island.js +40 -28
  140. package/components/island-legacy/content-legacy.js +25 -17
  141. package/components/island-legacy/header-legacy.js +27 -19
  142. package/components/island-legacy/island-legacy.js +25 -17
  143. package/components/link/clickableLink.js +59 -44
  144. package/components/link/link.js +68 -57
  145. package/components/list/consts.js +2 -2
  146. package/components/list/list.js +698 -611
  147. package/components/list/list__custom.js +62 -44
  148. package/components/list/list__hint.js +19 -10
  149. package/components/list/list__item.js +174 -133
  150. package/components/list/list__link.js +50 -37
  151. package/components/list/list__separator.js +24 -14
  152. package/components/list/list__title.js +32 -22
  153. package/components/list/list__users-groups-source.js +126 -54
  154. package/components/loader/loader.js +74 -43
  155. package/components/loader/loader__core.js +263 -198
  156. package/components/loader-inline/loader-inline.js +35 -23
  157. package/components/loader-screen/loader-screen.js +46 -25
  158. package/components/login-dialog/login-dialog.js +158 -111
  159. package/components/login-dialog/service.js +34 -8
  160. package/components/markdown/markdown.js +23 -15
  161. package/components/message/message.js +203 -161
  162. package/components/old-browsers-message/old-browsers-message.js +18 -11
  163. package/components/old-browsers-message/old-browsers-message__stop.js +7 -0
  164. package/components/old-browsers-message/white-list.js +17 -9
  165. package/components/pager/pager.js +271 -212
  166. package/components/panel/panel.js +25 -17
  167. package/components/permissions/permissions.js +172 -127
  168. package/components/permissions/permissions__cache.js +224 -194
  169. package/components/popup/popup.consts.js +1 -1
  170. package/components/popup/popup.js +343 -284
  171. package/components/popup/popup.target.js +8 -9
  172. package/components/popup/position.js +106 -96
  173. package/components/popup-menu/popup-menu.js +81 -44
  174. package/components/progress-bar/progress-bar.js +104 -87
  175. package/components/query-assist/query-assist.js +916 -838
  176. package/components/query-assist/query-assist__suggestions.js +30 -1
  177. package/components/radio/radio.js +34 -19
  178. package/components/radio/radio__item.js +69 -52
  179. package/components/select/select.js +957 -852
  180. package/components/select/select__filter.js +30 -0
  181. package/components/select/select__popup.js +487 -373
  182. package/components/shortcuts/core.js +217 -166
  183. package/components/shortcuts/shortcut-title.js +11 -6
  184. package/components/shortcuts/shortcuts-hoc.js +45 -19
  185. package/components/shortcuts/shortcuts.js +75 -50
  186. package/components/slider/slider.js +122 -99
  187. package/components/slider/slider.utils.js +24 -14
  188. package/components/storage/storage.js +33 -4
  189. package/components/storage/storage__fallback.js +224 -149
  190. package/components/storage/storage__local.js +153 -90
  191. package/components/tab-trap/tab-trap.js +153 -122
  192. package/components/table/cell.js +26 -14
  193. package/components/table/disable-hover-hoc.js +51 -33
  194. package/components/table/header-cell.js +89 -64
  195. package/components/table/header.js +132 -104
  196. package/components/table/multitable.js +125 -107
  197. package/components/table/row-with-focus-sensor.js +69 -25
  198. package/components/table/row.js +216 -175
  199. package/components/table/selection-adapter.js +3 -1
  200. package/components/table/selection-shortcuts-hoc.js +181 -180
  201. package/components/table/selection.js +226 -156
  202. package/components/table/smart-table.js +88 -50
  203. package/components/table/table.js +358 -289
  204. package/components/tabs/collapsible-more.js +79 -46
  205. package/components/tabs/collapsible-tab.js +38 -31
  206. package/components/tabs/collapsible-tabs.js +153 -88
  207. package/components/tabs/custom-item.js +2 -4
  208. package/components/tabs/dumb-tabs.js +117 -74
  209. package/components/tabs/smart-tabs.js +69 -29
  210. package/components/tabs/tab-link.js +5 -1
  211. package/components/tabs/tab.js +31 -19
  212. package/components/tabs/tabs.js +31 -0
  213. package/components/tag/tag.js +173 -133
  214. package/components/tags-input/tags-input.js +427 -329
  215. package/components/tags-list/tags-list.js +78 -57
  216. package/components/text/text.js +39 -28
  217. package/components/toggle/toggle.js +70 -56
  218. package/components/tooltip/tooltip.js +190 -146
  219. package/components/user-agreement/service.js +371 -228
  220. package/components/user-agreement/toolbox.eula.js +1 -160
  221. package/components/user-agreement/user-agreement.js +120 -85
  222. package/components/user-card/card.js +29 -0
  223. package/components/user-card/smart-user-card-tooltip.js +111 -51
  224. package/components/user-card/tooltip.js +84 -47
  225. package/components/user-card/user-card.js +29 -0
  226. package/package.json +1 -2
@@ -1,4 +1,7 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers.js';
1
+ import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from './_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.array.concat.js';
3
+ import 'core-js/modules/es.array.filter.js';
4
+ import 'core-js/modules/es.object.to-string.js';
2
5
  import React, { Component } from 'react';
3
6
  import PropTypes from 'prop-types';
4
7
  import classNames from 'classnames';
@@ -9,57 +12,75 @@ import { I18nContext } from '../i18n/i18n-context.js';
9
12
 
10
13
  var modules_b607bec2 = {"filterWithTagsFocused":"filterWithTagsFocused_rui_4b23","light":"light_rui_2ac4","filterWithTags":"filterWithTags_rui_4b23","filterWrapper":"filterWrapper_rui_4b23","filterWithTagsInput":"filterWithTagsInput_rui_4b23","filter":"filter_rui_4b23","popup":"popup_rui_4b23","filterIcon":"filterIcon_rui_4b23","bottomLine":"bottomLine_rui_4b23","bottomLineOverItem":"bottomLineOverItem_rui_4b23","message":"message_rui_4b23","selectAll":"selectAll_rui_4b23"};
11
14
 
15
+ var _excluded = ["className", "listId"];
12
16
  function noop() {}
13
- class SelectFilter extends Component {
14
- static defaultProps = {
15
- inputRef: noop
16
- };
17
- componentWillUnmount() {
18
- this.blur();
19
- }
20
- focus() {
21
- const {
22
- input
23
- } = this;
24
- if (input && input !== document.activeElement) {
25
- sniffr.browser.name === 'firefox' ? input.select() : input.focus();
17
+ var SelectFilter = /*#__PURE__*/function (_Component) {
18
+ function SelectFilter() {
19
+ var _this;
20
+ _classCallCheck(this, SelectFilter);
21
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
22
+ args[_key] = arguments[_key];
26
23
  }
24
+ _this = _callSuper(this, SelectFilter, [].concat(args));
25
+ _defineProperty(_this, "input", void 0);
26
+ _defineProperty(_this, "inputRef", function (el) {
27
+ _this.input = el;
28
+ _this.props.inputRef(el);
29
+ });
30
+ return _this;
27
31
  }
28
- blur() {
29
- if (this.input && this.input === document.activeElement) {
30
- this.input.blur();
32
+ _inherits(SelectFilter, _Component);
33
+ return _createClass(SelectFilter, [{
34
+ key: "componentWillUnmount",
35
+ value: function componentWillUnmount() {
36
+ this.blur();
31
37
  }
32
- }
33
- input;
34
- inputRef = el => {
35
- this.input = el;
36
- this.props.inputRef(el);
37
- };
38
- render() {
39
- const {
40
- className,
41
- listId,
42
- ...restProps
43
- } = this.props;
44
- const classes = classNames(modules_b607bec2.filter, className);
45
- return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, activeItemId => /*#__PURE__*/React.createElement(I18nContext.Consumer, null, _ref => {
46
- var _restProps$placeholde;
47
- let {
48
- translate
49
- } = _ref;
50
- return /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
51
- placeholder: (_restProps$placeholde = restProps.placeholder) !== null && _restProps$placeholde !== void 0 ? _restProps$placeholde : translate('filterItems'),
52
- "aria-owns": listId,
53
- "aria-activedescendant": activeItemId,
54
- autoComplete: "off",
55
- autoFocus: true,
56
- borderless: true,
57
- inputRef: this.inputRef,
58
- className: classes
59
- }));
60
- }));
61
- }
62
- }
38
+ }, {
39
+ key: "focus",
40
+ value: function focus() {
41
+ var input = this.input;
42
+ if (input && input !== document.activeElement) {
43
+ sniffr.browser.name === 'firefox' ? input.select() : input.focus();
44
+ }
45
+ }
46
+ }, {
47
+ key: "blur",
48
+ value: function blur() {
49
+ if (this.input && this.input === document.activeElement) {
50
+ this.input.blur();
51
+ }
52
+ }
53
+ }, {
54
+ key: "render",
55
+ value: function render() {
56
+ var _this2 = this;
57
+ var _this$props = this.props,
58
+ className = _this$props.className,
59
+ listId = _this$props.listId,
60
+ restProps = _objectWithoutProperties(_this$props, _excluded);
61
+ var classes = classNames(modules_b607bec2.filter, className);
62
+ return /*#__PURE__*/React.createElement(ActiveItemContext.ValueContext.Consumer, null, function (activeItemId) {
63
+ return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref) {
64
+ var _restProps$placeholde;
65
+ var translate = _ref.translate;
66
+ return /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
67
+ placeholder: (_restProps$placeholde = restProps.placeholder) !== null && _restProps$placeholde !== void 0 ? _restProps$placeholde : translate('filterItems'),
68
+ "aria-owns": listId,
69
+ "aria-activedescendant": activeItemId,
70
+ autoComplete: "off",
71
+ autoFocus: true,
72
+ borderless: true,
73
+ inputRef: _this2.inputRef,
74
+ className: classes
75
+ }));
76
+ });
77
+ });
78
+ }
79
+ }]);
80
+ }(Component);
81
+ _defineProperty(SelectFilter, "defaultProps", {
82
+ inputRef: noop
83
+ });
63
84
  SelectFilter.propTypes = {
64
85
  placeholder: PropTypes.string,
65
86
  className: PropTypes.string,
@@ -1,38 +1,46 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers.js';
1
+ import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from './_rollupPluginBabelHelpers.js';
2
2
  import React, { PureComponent } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import Link from '../link/link.js';
5
5
 
6
6
  var modules_74a7bf8b = {"light":"light_rui_2ac4","services":"services_rui_27f4","active":"active_rui_27f4","item":"item_rui_27f4","itemLogo":"itemLogo_rui_27f4","activeItem":"activeItem_rui_27f4 item_rui_27f4 active_rui_27f4","line":"line_rui_27f4","itemStacked":"itemStacked_rui_27f4","activeItemStacked":"activeItemStacked_rui_27f4 itemStacked_rui_27f4 active_rui_27f4"};
7
7
 
8
- class ServicesLink extends PureComponent {
9
- static propTypes = {
10
- isActive: PropTypes.bool,
11
- service: PropTypes.shape({
12
- applicationName: PropTypes.string,
13
- iconUrl: PropTypes.string,
14
- homeUrl: PropTypes.string,
15
- name: PropTypes.string
16
- })
17
- };
18
- render() {
19
- const {
20
- service,
21
- ...props
22
- } = this.props;
23
- return /*#__PURE__*/React.createElement(Link, _extends({
24
- target: "_self",
25
- href: service.homeUrl
26
- }, props), service.iconUrl ? [/*#__PURE__*/React.createElement("span", {
27
- key: "icon",
28
- className: modules_74a7bf8b.itemLogo,
29
- style: {
30
- backgroundImage: `url(${service.iconUrl})`
31
- }
32
- }), /*#__PURE__*/React.createElement("div", {
33
- key: "text"
34
- }, service.name)] : service.name);
8
+ var _excluded = ["service"];
9
+ var ServicesLink = /*#__PURE__*/function (_PureComponent) {
10
+ function ServicesLink() {
11
+ _classCallCheck(this, ServicesLink);
12
+ return _callSuper(this, ServicesLink, arguments);
35
13
  }
36
- }
14
+ _inherits(ServicesLink, _PureComponent);
15
+ return _createClass(ServicesLink, [{
16
+ key: "render",
17
+ value: function render() {
18
+ var _this$props = this.props,
19
+ service = _this$props.service,
20
+ props = _objectWithoutProperties(_this$props, _excluded);
21
+ return /*#__PURE__*/React.createElement(Link, _extends({
22
+ target: "_self",
23
+ href: service.homeUrl
24
+ }, props), service.iconUrl ? [/*#__PURE__*/React.createElement("span", {
25
+ key: "icon",
26
+ className: modules_74a7bf8b.itemLogo,
27
+ style: {
28
+ backgroundImage: "url(".concat(service.iconUrl, ")")
29
+ }
30
+ }), /*#__PURE__*/React.createElement("div", {
31
+ key: "text"
32
+ }, service.name)] : service.name);
33
+ }
34
+ }]);
35
+ }(PureComponent);
36
+ _defineProperty(ServicesLink, "propTypes", {
37
+ isActive: PropTypes.bool,
38
+ service: PropTypes.shape({
39
+ applicationName: PropTypes.string,
40
+ iconUrl: PropTypes.string,
41
+ homeUrl: PropTypes.string,
42
+ name: PropTypes.string
43
+ })
44
+ });
37
45
 
38
46
  export { ServicesLink as S, modules_74a7bf8b as m };
@@ -1,4 +1,5 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers.js';
1
+ import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from './_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.array.concat.js';
2
3
  import React, { Component } from 'react';
3
4
  import PropTypes from 'prop-types';
4
5
  import classNames from 'classnames';
@@ -6,108 +7,115 @@ import { Waypoint } from 'react-waypoint';
6
7
 
7
8
  var modules_b8a9dd4f = {"extra-small-screen-media":"i__const_extra_small_screen_media_0","small-screen-media":"i__const_small_screen_media_1","sidebarWidth":"calc(var(--ring-unit)*30)","light":"light_rui_2ac4","contentLayout":"contentLayout_rui_6166","contentLayoutContent":"contentLayoutContent_rui_6166","sidebarContainer":"sidebarContainer_rui_6166","sidebarContainerRight":"sidebarContainerRight_rui_6166","sidebar":"sidebar_rui_6166","sidebarRight":"sidebarRight_rui_6166","sidebarFixedTop":"sidebarFixedTop_rui_6166","sidebarFixedBottom":"sidebarFixedBottom_rui_6166","bottomMarker":"bottomMarker_rui_6166","contentLayoutResponsive":"contentLayoutResponsive_rui_6166"};
8
9
 
9
- const ABOVE = 'above';
10
- const INSIDE = 'inside';
11
- class Sidebar extends Component {
12
- static propTypes = {
13
- right: PropTypes.bool,
14
- children: PropTypes.node,
15
- className: PropTypes.string,
16
- containerClassName: PropTypes.string,
17
- fixedClassName: PropTypes.string,
18
- contentNode: PropTypes.object
19
- };
20
- state = {
21
- topIsOutside: true,
22
- bottomIsOutside: true,
23
- sidebarVisibleHeight: undefined
24
- };
25
- sidebarNode;
26
- handleTopWaypoint = _ref => {
27
- let {
28
- currentPosition
29
- } = _ref;
30
- this.setState({
31
- topIsOutside: currentPosition === ABOVE
10
+ var _excluded = ["right", "children", "className", "containerClassName", "fixedClassName", "contentNode"];
11
+ var ABOVE = 'above';
12
+ var INSIDE = 'inside';
13
+ var Sidebar = /*#__PURE__*/function (_Component) {
14
+ function Sidebar() {
15
+ var _this;
16
+ _classCallCheck(this, Sidebar);
17
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
18
+ args[_key] = arguments[_key];
19
+ }
20
+ _this = _callSuper(this, Sidebar, [].concat(args));
21
+ _defineProperty(_this, "state", {
22
+ topIsOutside: true,
23
+ bottomIsOutside: true,
24
+ sidebarVisibleHeight: undefined
32
25
  });
33
- };
34
- handleBottomWaypoint = _ref2 => {
35
- let {
36
- currentPosition,
37
- waypointTop
38
- } = _ref2;
39
- this.setState({
40
- sidebarVisibleHeight: waypointTop,
41
- bottomIsOutside: currentPosition !== INSIDE
26
+ _defineProperty(_this, "sidebarNode", void 0);
27
+ _defineProperty(_this, "handleTopWaypoint", function (_ref) {
28
+ var currentPosition = _ref.currentPosition;
29
+ _this.setState({
30
+ topIsOutside: currentPosition === ABOVE
31
+ });
42
32
  });
43
- };
44
- shouldUseFixation() {
45
- const {
46
- contentNode
47
- } = this.props;
48
- const {
49
- sidebarNode
50
- } = this;
51
- if (!contentNode || !sidebarNode) {
52
- return false;
53
- }
54
- return contentNode.offsetHeight >= sidebarNode.offsetHeight;
55
- }
56
- shouldFixateBottom() {
57
- const {
58
- topIsOutside,
59
- bottomIsOutside
60
- } = this.state;
61
- return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
62
- }
63
- sidebarRef = node => {
64
- this.sidebarNode = node;
65
- };
66
- render() {
67
- const {
68
- right,
69
- children,
70
- className,
71
- containerClassName,
72
- fixedClassName,
73
- contentNode,
74
- ...restProps
75
- } = this.props;
76
- const {
77
- topIsOutside,
78
- bottomIsOutside,
79
- sidebarVisibleHeight
80
- } = this.state;
81
- const shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
82
- const shouldFixateBottom = this.shouldFixateBottom();
83
- const containerClasses = classNames(modules_b8a9dd4f.sidebarContainer, containerClassName, {
84
- [modules_b8a9dd4f.sidebarContainerRight]: right
33
+ _defineProperty(_this, "handleBottomWaypoint", function (_ref2) {
34
+ var currentPosition = _ref2.currentPosition,
35
+ waypointTop = _ref2.waypointTop;
36
+ _this.setState({
37
+ sidebarVisibleHeight: waypointTop,
38
+ bottomIsOutside: currentPosition !== INSIDE
39
+ });
85
40
  });
86
- const classes = classNames(modules_b8a9dd4f.sidebar, className, {
87
- [modules_b8a9dd4f.sidebarRight]: right,
88
- [modules_b8a9dd4f.sidebarFixedTop]: shouldFixateTop,
89
- [modules_b8a9dd4f.sidebarFixedBottom]: shouldFixateBottom,
90
- [fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '']: shouldFixateTop || shouldFixateBottom
41
+ _defineProperty(_this, "sidebarRef", function (node) {
42
+ _this.sidebarNode = node;
91
43
  });
92
- const style = {
93
- maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : undefined
94
- };
95
- return /*#__PURE__*/React.createElement("aside", {
96
- className: containerClasses,
97
- ref: this.sidebarRef
98
- }, /*#__PURE__*/React.createElement(Waypoint, {
99
- onEnter: this.handleTopWaypoint,
100
- onLeave: this.handleTopWaypoint
101
- }), /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
102
- style: style,
103
- className: classes
104
- }), children), /*#__PURE__*/React.createElement("div", {
105
- className: modules_b8a9dd4f.bottomMarker
106
- }, /*#__PURE__*/React.createElement(Waypoint, {
107
- onEnter: this.handleBottomWaypoint,
108
- onLeave: this.handleBottomWaypoint
109
- })));
44
+ return _this;
110
45
  }
111
- }
46
+ _inherits(Sidebar, _Component);
47
+ return _createClass(Sidebar, [{
48
+ key: "shouldUseFixation",
49
+ value: function shouldUseFixation() {
50
+ var contentNode = this.props.contentNode;
51
+ var sidebarNode = this.sidebarNode;
52
+ if (!contentNode || !sidebarNode) {
53
+ return false;
54
+ }
55
+ return contentNode.offsetHeight >= sidebarNode.offsetHeight;
56
+ }
57
+ }, {
58
+ key: "shouldFixateBottom",
59
+ value: function shouldFixateBottom() {
60
+ var _this$state = this.state,
61
+ topIsOutside = _this$state.topIsOutside,
62
+ bottomIsOutside = _this$state.bottomIsOutside;
63
+ return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
64
+ }
65
+ }, {
66
+ key: "render",
67
+ value: function render() {
68
+ var _this$props = this.props,
69
+ right = _this$props.right,
70
+ children = _this$props.children,
71
+ className = _this$props.className,
72
+ containerClassName = _this$props.containerClassName,
73
+ fixedClassName = _this$props.fixedClassName;
74
+ _this$props.contentNode;
75
+ var restProps = _objectWithoutProperties(_this$props, _excluded);
76
+ var _this$state2 = this.state,
77
+ topIsOutside = _this$state2.topIsOutside,
78
+ bottomIsOutside = _this$state2.bottomIsOutside,
79
+ sidebarVisibleHeight = _this$state2.sidebarVisibleHeight;
80
+ var shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
81
+ var shouldFixateBottom = this.shouldFixateBottom();
82
+ var containerClasses = classNames(modules_b8a9dd4f.sidebarContainer, containerClassName, {
83
+ [modules_b8a9dd4f.sidebarContainerRight]: right
84
+ });
85
+ var classes = classNames(modules_b8a9dd4f.sidebar, className, {
86
+ [modules_b8a9dd4f.sidebarRight]: right,
87
+ [modules_b8a9dd4f.sidebarFixedTop]: shouldFixateTop,
88
+ [modules_b8a9dd4f.sidebarFixedBottom]: shouldFixateBottom,
89
+ [fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '']: shouldFixateTop || shouldFixateBottom
90
+ });
91
+ var style = {
92
+ maxHeight: shouldFixateBottom && sidebarVisibleHeight ? "".concat(sidebarVisibleHeight, "px") : undefined
93
+ };
94
+ return /*#__PURE__*/React.createElement("aside", {
95
+ className: containerClasses,
96
+ ref: this.sidebarRef
97
+ }, /*#__PURE__*/React.createElement(Waypoint, {
98
+ onEnter: this.handleTopWaypoint,
99
+ onLeave: this.handleTopWaypoint
100
+ }), /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
101
+ style: style,
102
+ className: classes
103
+ }), children), /*#__PURE__*/React.createElement("div", {
104
+ className: modules_b8a9dd4f.bottomMarker
105
+ }, /*#__PURE__*/React.createElement(Waypoint, {
106
+ onEnter: this.handleBottomWaypoint,
107
+ onLeave: this.handleBottomWaypoint
108
+ })));
109
+ }
110
+ }]);
111
+ }(Component);
112
+ _defineProperty(Sidebar, "propTypes", {
113
+ right: PropTypes.bool,
114
+ children: PropTypes.node,
115
+ className: PropTypes.string,
116
+ containerClassName: PropTypes.string,
117
+ fixedClassName: PropTypes.string,
118
+ contentNode: PropTypes.object
119
+ });
112
120
 
113
121
  export { Sidebar as S, modules_b8a9dd4f as m };
@@ -1,17 +1,17 @@
1
+ import { c as _objectWithoutProperties } from './_rollupPluginBabelHelpers.js';
1
2
  import React, { memo } from 'react';
2
3
  import PropTypes from 'prop-types';
3
4
  import Link from '../link/link.js';
4
5
 
5
6
  var modules_02138f4a = {"dark":"dark_rui_f090","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0","light":"light_rui_2ac4","link":"link_rui_fa1d","withLinks":"withLinks_rui_fa1d","hover":"hover_rui_fa1d","pseudo":"pseudo_rui_fa1d","active":"active_rui_fa1d","inherit":"inherit_rui_fa1d","tabs":"tabs_rui_fa1d font_rui_f295","titles":"titles_rui_fa1d","title":"title_rui_fa1d font_rui_f295","selected":"selected_rui_fa1d","collapsed":"collapsed_rui_fa1d","titleLegacy":"titleLegacy_rui_fa1d","visible":"visible_rui_fa1d","container":"container_rui_fa1d","hidden":"hidden_rui_fa1d","hiddenBold":"hiddenBold_rui_fa1d","hiddenRegular":"hiddenRegular_rui_fa1d","tabCounter":"tabCounter_rui_fa1d","autoCollapseContainer":"autoCollapseContainer_rui_fa1d","autoCollapse":"autoCollapse_rui_fa1d","rendered":"rendered_rui_fa1d","adjusted":"adjusted_rui_fa1d","measure":"measure_rui_fa1d","morePopup":"morePopup_rui_fa1d","chevron":"chevron_rui_fa1d","morePopupBeforeEnd":"morePopupBeforeEnd_rui_fa1d"};
6
7
 
8
+ var _excluded = ["isSelected", "title", "collapsed"];
7
9
  function TabLink(_ref) {
8
- let {
9
- isSelected,
10
- title,
11
- collapsed,
12
- ...restProps
13
- } = _ref;
14
- const renderedTitle = typeof title === 'function' ? title(isSelected, collapsed) : title;
10
+ var isSelected = _ref.isSelected,
11
+ title = _ref.title,
12
+ collapsed = _ref.collapsed,
13
+ restProps = _objectWithoutProperties(_ref, _excluded);
14
+ var renderedTitle = typeof title === 'function' ? title(isSelected, collapsed) : title;
15
15
  return /*#__PURE__*/React.createElement(Link, restProps, /*#__PURE__*/React.createElement("div", {
16
16
  className: modules_02138f4a.container
17
17
  }, /*#__PURE__*/React.createElement("span", {
@@ -1,4 +1,4 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers.js';
1
+ import { j as _slicedToArray, c as _objectWithoutProperties, e as _extends } from './_rollupPluginBabelHelpers.js';
2
2
  import React, { useState, useEffect, forwardRef, useMemo, useContext } from 'react';
3
3
  import classNames from 'classnames';
4
4
  import { createPortal } from 'react-dom';
@@ -10,36 +10,42 @@ var modules_6381a4b3 = {"light":"light_rui_2ac4"};
10
10
 
11
11
  var modules_59717246 = {"dark":"dark_rui_f090"};
12
12
 
13
+ var _excluded = ["theme", "className", "passToPopups", "children", "target"];
13
14
  var Theme;
14
15
  (function (Theme) {
15
16
  Theme["AUTO"] = "auto";
16
17
  Theme["LIGHT"] = "light";
17
18
  Theme["DARK"] = "dark";
18
19
  })(Theme || (Theme = {}));
19
- const darkMatcher = window.matchMedia('(prefers-color-scheme: dark)');
20
+ var darkMatcher = window.matchMedia('(prefers-color-scheme: dark)');
20
21
  function useTheme() {
21
- const [dark, setDark] = useState(darkMatcher.matches);
22
- useEffect(() => {
23
- const onChange = e => setDark(e.matches);
22
+ var _useState = useState(darkMatcher.matches),
23
+ _useState2 = _slicedToArray(_useState, 2),
24
+ dark = _useState2[0],
25
+ setDark = _useState2[1];
26
+ useEffect(function () {
27
+ var onChange = function onChange(e) {
28
+ return setDark(e.matches);
29
+ };
24
30
  darkMatcher.addEventListener('change', onChange);
25
- return () => darkMatcher.removeEventListener('change', onChange);
31
+ return function () {
32
+ return darkMatcher.removeEventListener('change', onChange);
33
+ };
26
34
  }, []);
27
35
  return dark ? Theme.DARK : Theme.LIGHT;
28
36
  }
29
37
  function useThemeClasses(theme) {
30
- const systemTheme = useTheme();
31
- const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
38
+ var systemTheme = useTheme();
39
+ var resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
32
40
  return classNames({
33
41
  [modules_59717246.dark]: resolvedTheme === Theme.DARK,
34
42
  [modules_6381a4b3.light]: resolvedTheme === Theme.LIGHT
35
43
  });
36
44
  }
37
45
  function WithThemeClasses(_ref) {
38
- let {
39
- theme,
40
- children
41
- } = _ref;
42
- const themeClasses = useThemeClasses(theme);
46
+ var theme = _ref.theme,
47
+ children = _ref.children;
48
+ var themeClasses = useThemeClasses(theme);
43
49
  return children(themeClasses);
44
50
  }
45
51
  function applyTheme(theme, container) {
@@ -53,33 +59,36 @@ function applyTheme(theme, container) {
53
59
  container.classList.add(modules_6381a4b3.light);
54
60
  }
55
61
  }
56
- const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(_ref2, ref) {
57
- let {
58
- theme = Theme.AUTO,
59
- className,
60
- passToPopups,
61
- children,
62
- target,
63
- ...restProps
64
- } = _ref2;
65
- const systemTheme = useTheme();
66
- const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
67
- const id = useMemo(() => getUID('popups-with-theme-'), []);
68
- useEffect(() => {
62
+ var ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(_ref2, ref) {
63
+ var _ref2$theme = _ref2.theme,
64
+ theme = _ref2$theme === void 0 ? Theme.AUTO : _ref2$theme,
65
+ className = _ref2.className,
66
+ passToPopups = _ref2.passToPopups,
67
+ children = _ref2.children,
68
+ target = _ref2.target,
69
+ restProps = _objectWithoutProperties(_ref2, _excluded);
70
+ var systemTheme = useTheme();
71
+ var resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
72
+ var id = useMemo(function () {
73
+ return getUID('popups-with-theme-');
74
+ }, []);
75
+ useEffect(function () {
69
76
  if (target != null) {
70
77
  applyTheme(resolvedTheme, target);
71
78
  }
72
79
  }, [resolvedTheme, target]);
73
- const themeClasses = useThemeClasses(theme);
74
- const parentTarget = useContext(PopupTargetContext);
80
+ var themeClasses = useThemeClasses(theme);
81
+ var parentTarget = useContext(PopupTargetContext);
75
82
  return /*#__PURE__*/React.createElement("div", _extends({
76
83
  ref: ref,
77
84
  className: target != null ? undefined : classNames(className, themeClasses)
78
85
  }, restProps), passToPopups ? /*#__PURE__*/React.createElement(PopupTarget, {
79
86
  id: id
80
- }, popupTarget => /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
81
- className: themeClasses
82
- }, popupTarget), parentTarget && getPopupContainer(parentTarget) || document.body))) : children);
87
+ }, function (popupTarget) {
88
+ return /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
89
+ className: themeClasses
90
+ }, popupTarget), parentTarget && getPopupContainer(parentTarget) || document.body));
91
+ }) : children);
83
92
  });
84
93
  var Theme$1 = Theme;
85
94