@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.1

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 (354) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +17 -15
  3. package/babel.config.js +3 -2
  4. package/components/alert/alert.js +9 -3
  5. package/components/alert/container.css +1 -1
  6. package/components/alert-service/alert-service.examples.css +18 -0
  7. package/components/alert-service/alert-service.examples.js +21 -0
  8. package/components/alert-service/alert-service.js +10 -3
  9. package/components/analytics/analytics__fus-plugin.js +1 -1
  10. package/components/auth/auth.test.js +14 -7
  11. package/components/auth/auth__core.js +64 -33
  12. package/components/auth-dialog/auth-dialog.js +1 -0
  13. package/components/avatar/avatar.css +4 -1
  14. package/components/avatar/avatar.examples.js +3 -2
  15. package/components/avatar/avatar.js +31 -6
  16. package/components/avatar/fallback-avatar.js +136 -0
  17. package/components/avatar-editor-ng/avatar-editor-ng.css +2 -2
  18. package/components/avatar-editor-ng/avatar-editor-ng.js +2 -1
  19. package/components/avatar-editor-ng/{avatar-editor-ng.html → avatar-editor-ng__template.js} +2 -2
  20. package/components/button/button.css +2 -2
  21. package/components/button/button.js +4 -1
  22. package/components/button-group/button-group.js +1 -1
  23. package/components/button-group/caption.js +1 -1
  24. package/components/button-ng/button-ng.js +1 -1
  25. package/components/button-set-ng/button-set-ng.js +3 -1
  26. package/components/checkbox/checkbox.css +1 -1
  27. package/components/code/code.js +1 -1
  28. package/components/confirm/confirm.js +1 -0
  29. package/components/confirm-service/confirm-service.js +5 -5
  30. package/components/content-layout/content-layout.css +1 -1
  31. package/components/data-list/data-list.css +1 -1
  32. package/components/date-picker/date-input.js +5 -4
  33. package/components/date-picker/date-picker.css +34 -22
  34. package/components/date-picker/date-picker.js +16 -14
  35. package/components/date-picker/date-popup.js +22 -7
  36. package/components/date-picker/month-names.js +8 -5
  37. package/components/date-picker/month.js +6 -2
  38. package/components/date-picker/weekdays.js +10 -2
  39. package/components/dialog/dialog.examples.js +3 -1
  40. package/components/dialog/dialog.js +5 -2
  41. package/components/dialog/dialog.test.js +1 -1
  42. package/components/dialog/dialog__body-scroll-preventer.js +2 -2
  43. package/components/dialog-ng/dialog-ng.js +7 -8
  44. package/components/dialog-ng/{dialog-ng.html → dialog-ng__template.js} +2 -2
  45. package/components/dropdown/dropdown.examples.js +36 -1
  46. package/components/dropdown-menu/dropdown-menu.examples.js +47 -0
  47. package/components/dropdown-menu/dropdown-menu.js +117 -0
  48. package/components/dropdown-menu/dropdown-menu.test.js +76 -0
  49. package/components/error-bubble/error-bubble-legacy.css +1 -1
  50. package/components/error-bubble/error-bubble.css +1 -1
  51. package/components/error-bubble/error-bubble.examples.js +1 -1
  52. package/components/error-page/error-page.css +2 -2
  53. package/components/footer-ng/footer-ng.js +13 -3
  54. package/components/form/form.css +2 -2
  55. package/components/form-ng/form-ng.js +3 -1
  56. package/components/global/global.css +1 -1
  57. package/components/global/theme.js +1 -1
  58. package/components/global/variables.css +8 -1
  59. package/components/grid/grid.css +10 -9
  60. package/components/header/header.css +1 -1
  61. package/components/header/header.examples.js +7 -8
  62. package/components/header/profile.js +10 -11
  63. package/components/http/http.js +1 -1
  64. package/components/icon/icon.css +5 -4
  65. package/components/island/island.css +4 -3
  66. package/components/island-legacy/island-legacy.css +3 -1
  67. package/components/list/list.js +6 -1
  68. package/components/list/list__custom.js +9 -3
  69. package/components/list/list__item.js +8 -2
  70. package/components/list/list__link.js +2 -1
  71. package/components/loader-inline/loader-inline.css +1 -1
  72. package/components/loader-screen/loader-screen.css +1 -1
  73. package/components/message/message.css +1 -1
  74. package/components/message/message.examples.js +8 -5
  75. package/components/pager/pager.js +5 -3
  76. package/components/permissions/permissions.js +1 -1
  77. package/components/progress-bar/progress-bar.css +1 -1
  78. package/components/progress-bar/progress-bar.examples.js +3 -3
  79. package/components/progress-bar/progress-bar.js +5 -2
  80. package/components/progress-bar/progress-bar.test.js +12 -13
  81. package/components/progress-bar-ng/progress-bar-ng.examples.js +3 -3
  82. package/components/query-assist/query-assist.css +13 -3
  83. package/components/query-assist/query-assist.examples.js +3 -1
  84. package/components/query-assist/query-assist.js +56 -12
  85. package/components/query-assist/query-assist.test.js +37 -5
  86. package/components/save-field-ng/save-field-ng.css +0 -3
  87. package/components/save-field-ng/save-field-ng.js +3 -1
  88. package/components/save-field-ng/{save-field-ng.html → save-field-ng__template.js} +2 -2
  89. package/components/select/select.css +12 -7
  90. package/components/select/select.examples.js +13 -0
  91. package/components/select/select.js +30 -43
  92. package/components/select/select.test.js +4 -5
  93. package/components/shortcuts-hint-ng/shortcuts-hint-ng.css +1 -1
  94. package/components/shortcuts-hint-ng/shortcuts-hint-ng.js +1 -1
  95. package/components/shortcuts-hint-ng/{shortcuts-hint-ng.html → shortcuts-hint-ng__template.js} +2 -2
  96. package/components/sidebar/sidebar.css +1 -0
  97. package/components/sidebar-ng/sidebar-ng.js +6 -2
  98. package/components/sidebar-ng/{sidebar-ng__button.html → sidebar-ng__button-template.js} +2 -2
  99. package/components/sidebar-ng/{sidebar-ng.html → sidebar-ng__template.js} +2 -2
  100. package/components/table/row.js +2 -1
  101. package/components/table/table.css +2 -1
  102. package/components/table-legacy/table-legacy.css +2 -2
  103. package/components/table-legacy/table-legacy__toolbar.css +2 -2
  104. package/components/table-legacy-ng/table-legacy-ng.js +38 -5
  105. package/components/table-legacy-ng/table-legacy-ng__pager.js +7 -1
  106. package/components/tabs/collapsible-tab.js +2 -2
  107. package/components/tabs/collapsible-tabs.js +4 -8
  108. package/components/tabs/tab-link.js +4 -2
  109. package/components/tabs/tabs.css +27 -0
  110. package/components/tabs-ng/tabs-ng.js +4 -2
  111. package/components/tabs-ng/{tabs-ng.html → tabs-ng__template.js} +6 -2
  112. package/components/tag/tag.css +5 -2
  113. package/components/tag/tag.examples.js +3 -0
  114. package/components/tag/tag.js +19 -16
  115. package/components/tags-input/tag-input.examples.js +1 -1
  116. package/components/tags-input/tags-input.js +5 -2
  117. package/components/template-ng/template-ng.js +1 -1
  118. package/components/tooltip/tooltip.js +7 -2
  119. package/components/user-agreement/user-agreement.css +1 -1
  120. package/components/user-agreement/user-agreement.examples.js +7 -4
  121. package/components/user-agreement/user-agreement.js +1 -0
  122. package/package.json +75 -78
  123. package/webpack.config.js +14 -10
  124. package/components/button-set-ng/button-set-ng.html +0 -1
  125. package/components/footer-ng/footer-ng.html +0 -13
  126. package/components/form-ng/form-ng__error-bubble.html +0 -3
  127. package/components/table-legacy-ng/table-legacy-ng.html +0 -4
  128. package/components/table-legacy-ng/table-legacy-ng__column.html +0 -12
  129. package/components/table-legacy-ng/table-legacy-ng__header.html +0 -4
  130. package/components/table-legacy-ng/table-legacy-ng__pager.html +0 -7
  131. package/components/table-legacy-ng/table-legacy-ng__row.html +0 -12
  132. package/components/table-legacy-ng/table-legacy-ng__title.html +0 -9
  133. package/dist/_helpers/_rollupPluginBabelHelpers.js +0 -127
  134. package/dist/_helpers/anchor.js +0 -33
  135. package/dist/_helpers/badge.js +0 -3
  136. package/dist/_helpers/button__classes.js +0 -39
  137. package/dist/_helpers/caption.js +0 -25
  138. package/dist/_helpers/card.js +0 -77
  139. package/dist/_helpers/date-picker.js +0 -3
  140. package/dist/_helpers/dialog__body-scroll-preventer.js +0 -56
  141. package/dist/_helpers/grid.js +0 -3
  142. package/dist/_helpers/header.js +0 -3
  143. package/dist/_helpers/icon__svg.js +0 -83
  144. package/dist/_helpers/inject-styles.js +0 -22
  145. package/dist/_helpers/island.js +0 -3
  146. package/dist/_helpers/list.js +0 -3
  147. package/dist/_helpers/query-assist__suggestions.js +0 -95
  148. package/dist/_helpers/select__filter.js +0 -78
  149. package/dist/_helpers/services-link.js +0 -42
  150. package/dist/_helpers/sidebar.js +0 -127
  151. package/dist/_helpers/table.js +0 -3
  152. package/dist/_helpers/tabs.js +0 -3
  153. package/dist/_helpers/title.js +0 -99
  154. package/dist/alert/alert.js +0 -254
  155. package/dist/alert/container.js +0 -50
  156. package/dist/alert-service/alert-service.js +0 -159
  157. package/dist/analytics/analytics.js +0 -116
  158. package/dist/analytics/analytics__custom-plugin.js +0 -127
  159. package/dist/analytics/analytics__fus-plugin.js +0 -101
  160. package/dist/analytics/analytics__ga-plugin.js +0 -66
  161. package/dist/analytics/analytics__plugin-utils.js +0 -79
  162. package/dist/auth/auth.js +0 -90
  163. package/dist/auth/auth__core.js +0 -987
  164. package/dist/auth/background-flow.js +0 -123
  165. package/dist/auth/down-notification.js +0 -111
  166. package/dist/auth/iframe-flow.js +0 -147
  167. package/dist/auth/landing-entry.js +0 -5
  168. package/dist/auth/landing.js +0 -84
  169. package/dist/auth/request-builder.js +0 -75
  170. package/dist/auth/response-parser.js +0 -117
  171. package/dist/auth/storage.js +0 -279
  172. package/dist/auth/token-validator.js +0 -176
  173. package/dist/auth/window-flow.js +0 -133
  174. package/dist/auth-dialog/auth-dialog.js +0 -132
  175. package/dist/auth-dialog-service/auth-dialog-service.js +0 -67
  176. package/dist/avatar/avatar-example-datauri.js +0 -26
  177. package/dist/avatar/avatar.js +0 -155
  178. package/dist/badge/badge.js +0 -52
  179. package/dist/button/button.js +0 -117
  180. package/dist/button/button__classes.js +0 -5
  181. package/dist/button-group/button-group.js +0 -30
  182. package/dist/button-group/caption.js +0 -5
  183. package/dist/button-set/button-set.js +0 -27
  184. package/dist/button-toolbar/button-toolbar.js +0 -30
  185. package/dist/caret/caret.js +0 -264
  186. package/dist/checkbox/checkbox.js +0 -110
  187. package/dist/confirm/confirm.js +0 -122
  188. package/dist/confirm-service/confirm-service.js +0 -112
  189. package/dist/content-layout/content-layout.js +0 -67
  190. package/dist/content-layout/sidebar.js +0 -6
  191. package/dist/contenteditable/contenteditable.js +0 -81
  192. package/dist/data-list/data-list.js +0 -203
  193. package/dist/data-list/data-list.mock.js +0 -190
  194. package/dist/data-list/item.js +0 -225
  195. package/dist/data-list/selection.js +0 -101
  196. package/dist/data-list/title.js +0 -16
  197. package/dist/date-picker/consts.js +0 -70
  198. package/dist/date-picker/date-input.js +0 -169
  199. package/dist/date-picker/date-picker.js +0 -356
  200. package/dist/date-picker/date-popup.js +0 -459
  201. package/dist/date-picker/day.js +0 -119
  202. package/dist/date-picker/formats.js +0 -3
  203. package/dist/date-picker/month-names.js +0 -92
  204. package/dist/date-picker/month-slider.js +0 -83
  205. package/dist/date-picker/month.js +0 -48
  206. package/dist/date-picker/months.js +0 -121
  207. package/dist/date-picker/weekdays.js +0 -24
  208. package/dist/date-picker/years.js +0 -109
  209. package/dist/dialog/dialog.js +0 -197
  210. package/dist/dialog/dialog__body-scroll-preventer.js +0 -2
  211. package/dist/dropdown/anchor.js +0 -16
  212. package/dist/dropdown/dropdown.js +0 -236
  213. package/dist/error-bubble/error-bubble.js +0 -59
  214. package/dist/error-message/error-message.js +0 -55
  215. package/dist/footer/footer.js +0 -127
  216. package/dist/global/angular-component-factory.js +0 -83
  217. package/dist/global/compose.js +0 -9
  218. package/dist/global/composeRefs.js +0 -15
  219. package/dist/global/conic-gradient.js +0 -37
  220. package/dist/global/create-stateful-context.js +0 -54
  221. package/dist/global/data-tests.js +0 -22
  222. package/dist/global/dom.js +0 -124
  223. package/dist/global/focus-sensor-hoc.js +0 -147
  224. package/dist/global/fuzzy-highlight.js +0 -67
  225. package/dist/global/get-event-key.js +0 -111
  226. package/dist/global/get-uid.js +0 -15
  227. package/dist/global/inject-styles.js +0 -17
  228. package/dist/global/linear-function.js +0 -18
  229. package/dist/global/listeners.js +0 -42
  230. package/dist/global/memoize.js +0 -18
  231. package/dist/global/normalize-indent.js +0 -28
  232. package/dist/global/promise-with-timeout.js +0 -13
  233. package/dist/global/radial-gradient-mask.js +0 -49
  234. package/dist/global/react-dom-renderer.js +0 -45
  235. package/dist/global/rerender-hoc.js +0 -53
  236. package/dist/global/ring-angular-component.js +0 -24
  237. package/dist/global/schedule-raf.js +0 -31
  238. package/dist/global/sniffer.js +0 -6
  239. package/dist/global/supports-css.js +0 -20
  240. package/dist/global/theme.js +0 -56
  241. package/dist/global/trivial-template-tag.js +0 -15
  242. package/dist/global/url.js +0 -163
  243. package/dist/global/variables_dark.js +0 -57
  244. package/dist/grid/col.js +0 -62
  245. package/dist/grid/grid.js +0 -35
  246. package/dist/grid/row.js +0 -66
  247. package/dist/group/group.js +0 -34
  248. package/dist/header/header.js +0 -144
  249. package/dist/header/logo.js +0 -39
  250. package/dist/header/profile.js +0 -212
  251. package/dist/header/services-link.js +0 -10
  252. package/dist/header/services.js +0 -135
  253. package/dist/header/smart-profile.js +0 -227
  254. package/dist/header/smart-services.js +0 -159
  255. package/dist/header/tray-icon.js +0 -45
  256. package/dist/header/tray.js +0 -33
  257. package/dist/heading/heading.js +0 -76
  258. package/dist/http/http.js +0 -216
  259. package/dist/http/http.mock.js +0 -65
  260. package/dist/hub-source/hub-source.js +0 -130
  261. package/dist/hub-source/hub-source__user.js +0 -28
  262. package/dist/hub-source/hub-source__users-groups.js +0 -62
  263. package/dist/icon/icon.js +0 -105
  264. package/dist/icon/icon__constants.js +0 -33
  265. package/dist/icon/icon__svg.js +0 -6
  266. package/dist/icon/index.js +0 -9
  267. package/dist/input/input.js +0 -231
  268. package/dist/island/adaptive-island-hoc.js +0 -48
  269. package/dist/island/content.js +0 -158
  270. package/dist/island/header.js +0 -85
  271. package/dist/island/island.js +0 -53
  272. package/dist/island-legacy/content-legacy.js +0 -28
  273. package/dist/island-legacy/header-legacy.js +0 -30
  274. package/dist/island-legacy/island-legacy.js +0 -30
  275. package/dist/link/clickableLink.js +0 -65
  276. package/dist/link/link.js +0 -118
  277. package/dist/list/consts.js +0 -26
  278. package/dist/list/list.js +0 -800
  279. package/dist/list/list__custom.js +0 -82
  280. package/dist/list/list__hint.js +0 -26
  281. package/dist/list/list__item.js +0 -197
  282. package/dist/list/list__link.js +0 -65
  283. package/dist/list/list__separator.js +0 -30
  284. package/dist/list/list__title.js +0 -39
  285. package/dist/list/list__users-groups-source.js +0 -124
  286. package/dist/loader/loader.js +0 -72
  287. package/dist/loader/loader__core.js +0 -272
  288. package/dist/loader-inline/inject-styles.js +0 -11
  289. package/dist/loader-inline/loader-inline.js +0 -58
  290. package/dist/loader-screen/loader-screen.js +0 -46
  291. package/dist/login-dialog/login-dialog.js +0 -184
  292. package/dist/login-dialog/service.js +0 -67
  293. package/dist/message/message.js +0 -232
  294. package/dist/old-browsers-message/old-browsers-message.js +0 -101
  295. package/dist/old-browsers-message/old-browsers-message__stop.js +0 -5
  296. package/dist/old-browsers-message/white-list.js +0 -34
  297. package/dist/pager/pager.js +0 -352
  298. package/dist/panel/panel.js +0 -34
  299. package/dist/permissions/permissions.js +0 -200
  300. package/dist/permissions/permissions__cache.js +0 -272
  301. package/dist/popup/popup.consts.js +0 -41
  302. package/dist/popup/popup.js +0 -389
  303. package/dist/popup/popup.target.js +0 -27
  304. package/dist/popup/position.js +0 -280
  305. package/dist/popup-menu/popup-menu.js +0 -108
  306. package/dist/progress-bar/progress-bar.js +0 -111
  307. package/dist/proxy-attrs/proxy-attrs.js +0 -19
  308. package/dist/query-assist/query-assist.js +0 -1023
  309. package/dist/query-assist/query-assist__suggestions.js +0 -43
  310. package/dist/radio/radio.js +0 -39
  311. package/dist/radio/radio__item.js +0 -82
  312. package/dist/select/select.js +0 -1335
  313. package/dist/select/select__filter.js +0 -49
  314. package/dist/select/select__popup.js +0 -541
  315. package/dist/shortcuts/core.js +0 -245
  316. package/dist/shortcuts/shortcut-title.js +0 -51
  317. package/dist/shortcuts/shortcuts-hoc.js +0 -43
  318. package/dist/shortcuts/shortcuts.js +0 -72
  319. package/dist/storage/storage.js +0 -55
  320. package/dist/storage/storage__fallback.js +0 -214
  321. package/dist/storage/storage__local.js +0 -150
  322. package/dist/style.css +0 -1
  323. package/dist/tab-trap/tab-trap.js +0 -178
  324. package/dist/table/cell.js +0 -25
  325. package/dist/table/disable-hover-hoc.js +0 -53
  326. package/dist/table/header-cell.js +0 -91
  327. package/dist/table/header.js +0 -189
  328. package/dist/table/multitable.js +0 -140
  329. package/dist/table/row-with-focus-sensor.js +0 -79
  330. package/dist/table/row.js +0 -270
  331. package/dist/table/selection-adapter.js +0 -14
  332. package/dist/table/selection-shortcuts-hoc.js +0 -212
  333. package/dist/table/selection.js +0 -221
  334. package/dist/table/smart-table.js +0 -113
  335. package/dist/table/table.js +0 -405
  336. package/dist/tabs/collapsible-more.js +0 -193
  337. package/dist/tabs/collapsible-tab.js +0 -90
  338. package/dist/tabs/collapsible-tabs.js +0 -361
  339. package/dist/tabs/custom-item.js +0 -13
  340. package/dist/tabs/dumb-tabs.js +0 -159
  341. package/dist/tabs/smart-tabs.js +0 -102
  342. package/dist/tabs/tab-link.js +0 -35
  343. package/dist/tabs/tab.js +0 -32
  344. package/dist/tabs/tabs.js +0 -65
  345. package/dist/tag/tag.js +0 -190
  346. package/dist/tags-input/tags-input.js +0 -474
  347. package/dist/tags-list/tags-list.js +0 -94
  348. package/dist/text/text.js +0 -38
  349. package/dist/toggle/toggle.js +0 -80
  350. package/dist/tooltip/tooltip.js +0 -205
  351. package/dist/user-card/card.js +0 -14
  352. package/dist/user-card/smart-user-card-tooltip.js +0 -112
  353. package/dist/user-card/tooltip.js +0 -91
  354. package/dist/user-card/user-card.js +0 -46
@@ -1,92 +0,0 @@
1
- import { b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import React, { PureComponent } from 'react';
3
- import PropTypes from 'prop-types';
4
- import classNames from 'classnames';
5
- import endOfMonth from 'date-fns/endOfMonth';
6
- import format from 'date-fns/format';
7
- import isThisMonth from 'date-fns/isThisMonth';
8
- import set from 'date-fns/set';
9
- import startOfDay from 'date-fns/startOfDay';
10
- import startOfYear from 'date-fns/startOfYear';
11
- import linearFunction from '../global/linear-function.js';
12
- import MonthSlider from './month-slider.js';
13
- import { YEAR, MIDDLE_DAY, yearScrollSpeed, HALF, dateType } from './consts.js';
14
- import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
15
- import 'date-fns/addYears';
16
- import 'date-fns/subYears';
17
- import 'date-fns/add';
18
-
19
- class MonthName extends PureComponent {
20
- constructor() {
21
- super(...arguments);
22
-
23
- _defineProperty(this, "handleClick", () => {
24
- const end = endOfMonth(this.props.month);
25
- this.props.onScrollChange((+this.props.month + +end) * HALF);
26
- });
27
- }
28
-
29
- render() {
30
- const {
31
- month
32
- } = this.props;
33
- return /*#__PURE__*/React.createElement("button", {
34
- type: "button",
35
- className: classNames(modules_0c7b7d96.monthName, {
36
- [modules_0c7b7d96.today]: isThisMonth(month)
37
- }),
38
- onClick: this.handleClick
39
- }, format(month, 'MMM'));
40
- }
41
-
42
- }
43
-
44
- MonthName.propTypes = {
45
- month: dateType,
46
- onScrollChange: PropTypes.func
47
- };
48
- function MonthNames(props) {
49
- const {
50
- scrollDate
51
- } = props;
52
- const months = [];
53
-
54
- for (let i = 0; i < YEAR; i++) {
55
- const middleDay = set(scrollDate, {
56
- month: i,
57
- date: MIDDLE_DAY
58
- });
59
- months.push(startOfDay(middleDay));
60
- }
61
-
62
- const pxToDate = linearFunction(0, startOfYear(scrollDate), yearScrollSpeed);
63
- let top = 0;
64
- let bottom = 0;
65
-
66
- if (props.currentRange) {
67
- [top, bottom] = props.currentRange.map(date => Math.floor(pxToDate.x(date)));
68
- }
69
-
70
- return /*#__PURE__*/React.createElement("div", {
71
- className: modules_0c7b7d96.monthNames
72
- }, months.map(month => /*#__PURE__*/React.createElement(MonthName, {
73
- key: +month,
74
- month: month,
75
- onScrollChange: props.onScrollChange
76
- })), props.currentRange && /*#__PURE__*/React.createElement("div", {
77
- className: modules_0c7b7d96.range,
78
- style: {
79
- top: top - 1,
80
- height: bottom + 1 - (top - 1)
81
- }
82
- }), /*#__PURE__*/React.createElement(MonthSlider, _extends({}, props, {
83
- pxToDate: pxToDate
84
- })));
85
- }
86
- MonthNames.propTypes = {
87
- scrollDate: dateType,
88
- onScrollChange: PropTypes.func,
89
- currentRange: PropTypes.arrayOf(dateType)
90
- };
91
-
92
- export default MonthNames;
@@ -1,83 +0,0 @@
1
- import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import React, { PureComponent } from 'react';
3
- import PropTypes from 'prop-types';
4
- import classNames from 'classnames';
5
- import addYears from 'date-fns/addYears';
6
- import startOfDay from 'date-fns/startOfDay';
7
- import subYears from 'date-fns/subYears';
8
- import linearFunction from '../global/linear-function.js';
9
- import units, { yearScrollSpeed, dateType } from './consts.js';
10
- import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
11
- import 'date-fns/add';
12
-
13
- const COVERYEARS = 3;
14
- class MonthSlider extends PureComponent {
15
- constructor() {
16
- super(...arguments);
17
-
18
- _defineProperty(this, "state", {
19
- dragging: false
20
- });
21
-
22
- _defineProperty(this, "onMouseDown", () => {
23
- this.setState({
24
- dragging: true
25
- });
26
- });
27
-
28
- _defineProperty(this, "onMouseUp", () => {
29
- this.setState({
30
- dragging: false
31
- });
32
- });
33
-
34
- _defineProperty(this, "onMouseMove", e => {
35
- this.props.onScroll(linearFunction(0, this.props.scrollDate, yearScrollSpeed).y(e.movementY));
36
- });
37
- }
38
-
39
- componentDidUpdate(prevProps, prevState) {
40
- if (this.state.dragging && !prevState.dragging) {
41
- window.addEventListener('mousemove', this.onMouseMove);
42
- window.addEventListener('mouseup', this.onMouseUp);
43
- } else if (!this.state.dragging && prevState.dragging) {
44
- window.removeEventListener('mousemove', this.onMouseMove);
45
- window.removeEventListener('mouseup', this.onMouseUp);
46
- }
47
- }
48
-
49
- render() {
50
- let year = subYears(startOfDay(this.props.scrollDate), 1);
51
- const years = [year];
52
-
53
- for (let i = 0; i <= COVERYEARS; i++) {
54
- year = addYears(year, 1);
55
- years.push(year);
56
- }
57
-
58
- const classes = classNames(modules_0c7b7d96.monthSlider, {
59
- [modules_0c7b7d96.dragging]: this.state.dragging
60
- });
61
- return /*#__PURE__*/React.createElement("div", null, years.map(date => /*#__PURE__*/React.createElement("button", {
62
- type: "button",
63
- key: +date,
64
- className: classes,
65
- style: {
66
- top: Math.floor(this.props.pxToDate.x(date) - units.cellSize)
67
- },
68
- onMouseDown: this.onMouseDown
69
- })));
70
- }
71
-
72
- }
73
-
74
- _defineProperty(MonthSlider, "propTypes", {
75
- scrollDate: dateType,
76
- onScroll: PropTypes.func,
77
- pxToDate: PropTypes.shape({
78
- x: PropTypes.func,
79
- y: PropTypes.func
80
- })
81
- });
82
-
83
- export default MonthSlider;
@@ -1,48 +0,0 @@
1
- import { b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import React from 'react';
3
- import addDays from 'date-fns/addDays';
4
- import endOfMonth from 'date-fns/endOfMonth';
5
- import format from 'date-fns/format';
6
- import getDay from 'date-fns/getDay';
7
- import setDay from 'date-fns/setDay';
8
- import Day from './day.js';
9
- import { weekdays, WEEK, dateType } from './consts.js';
10
- import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
11
- import 'prop-types';
12
- import 'classnames';
13
- import 'date-fns/getDate';
14
- import 'date-fns/isAfter';
15
- import 'date-fns/isBefore';
16
- import 'date-fns/isSameDay';
17
- import 'date-fns/isToday';
18
- import 'date-fns/startOfDay';
19
- import 'date-fns/add';
20
-
21
- function Month(props) {
22
- const start = props.month;
23
- const end = endOfMonth(start); // pad with empty cells starting from last friday
24
-
25
- const weekday = getDay(start);
26
- let day = setDay(start, weekday >= weekdays.FR ? weekdays.FR : weekdays.FR - WEEK);
27
- const days = [];
28
-
29
- while (day < end) {
30
- days.push(day);
31
- day = addDays(day, 1);
32
- }
33
-
34
- return /*#__PURE__*/React.createElement("div", {
35
- className: modules_0c7b7d96.month
36
- }, /*#__PURE__*/React.createElement("span", {
37
- className: modules_0c7b7d96.monthTitle
38
- }, format(props.month, 'MMMM')), days.map(date => /*#__PURE__*/React.createElement(Day, _extends({}, props, {
39
- day: date,
40
- empty: date < start,
41
- key: +date
42
- }))));
43
- }
44
- Month.propTypes = {
45
- month: dateType
46
- };
47
-
48
- export default Month;
@@ -1,121 +0,0 @@
1
- import { b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import React from 'react';
3
- import PropTypes from 'prop-types';
4
- import addMonths from 'date-fns/addMonths';
5
- import getDay from 'date-fns/getDay';
6
- import getDaysInMonth from 'date-fns/getDaysInMonth';
7
- import set from 'date-fns/set';
8
- import startOfHour from 'date-fns/startOfHour';
9
- import startOfMonth from 'date-fns/startOfMonth';
10
- import subMonths from 'date-fns/subMonths';
11
- import endOfMonth from 'date-fns/endOfMonth';
12
- import scheduleRAF from '../global/schedule-raf.js';
13
- import linearFunction from '../global/linear-function.js';
14
- import Month from './month.js';
15
- import MonthNames from './month-names.js';
16
- import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
17
- import units, { DOUBLE, HALF, WEEK, dateType, weekdays } from './consts.js';
18
- import 'date-fns/addDays';
19
- import 'date-fns/format';
20
- import 'date-fns/setDay';
21
- import './day.js';
22
- import 'classnames';
23
- import 'date-fns/getDate';
24
- import 'date-fns/isAfter';
25
- import 'date-fns/isBefore';
26
- import 'date-fns/isSameDay';
27
- import 'date-fns/isToday';
28
- import 'date-fns/startOfDay';
29
- import 'date-fns/isThisMonth';
30
- import 'date-fns/startOfYear';
31
- import './month-slider.js';
32
- import 'date-fns/addYears';
33
- import 'date-fns/subYears';
34
- import 'date-fns/add';
35
-
36
- const {
37
- unit,
38
- cellSize,
39
- calHeight
40
- } = units;
41
- const FridayToSunday = WEEK + weekdays.SU - weekdays.FR;
42
- const FIVELINES = 31;
43
- const TALLMONTH = 6;
44
- const SHORTMONTH = 5;
45
- const PADDING = 2;
46
- const MONTHSBACK = 2;
47
-
48
- function monthHeight(date) {
49
- const monthStart = startOfMonth(date);
50
- const daysSinceLastFriday = (getDay(monthStart) + FridayToSunday) % WEEK;
51
- const monthLines = daysSinceLastFriday + getDaysInMonth(monthStart) > FIVELINES ? TALLMONTH : SHORTMONTH;
52
- return monthLines * cellSize + unit * PADDING;
53
- } // in milliseconds per pixel
54
-
55
-
56
- function scrollSpeed(date) {
57
- const monthStart = startOfMonth(date);
58
- const monthEnd = endOfMonth(date);
59
- return (monthEnd - monthStart) / monthHeight(monthStart);
60
- }
61
-
62
- const scrollSchedule = scheduleRAF();
63
- let dy = 0;
64
- function Months(props) {
65
- const {
66
- scrollDate
67
- } = props; // prevent switching from april to march because of daylight saving time
68
-
69
- const monthStart = startOfHour(set(scrollDate, {
70
- date: 1,
71
- hours: 1
72
- }));
73
- let month = subMonths(monthStart, MONTHSBACK);
74
- const months = [month];
75
-
76
- for (let i = 0; i < MONTHSBACK * DOUBLE; i++) {
77
- month = addMonths(month, 1);
78
- months.push(month);
79
- }
80
-
81
- const currentSpeed = scrollSpeed(scrollDate);
82
- const pxToDate = linearFunction(0, scrollDate, currentSpeed);
83
- const offset = pxToDate.x(monthStart); // is a negative number
84
-
85
- const bottomOffset = monthHeight(scrollDate) + offset;
86
- return /*#__PURE__*/React.createElement("div", {
87
- className: modules_0c7b7d96.months,
88
- onWheel: function handleWheel(e) {
89
- e.preventDefault();
90
- dy += e.deltaY;
91
- scrollSchedule(() => {
92
- let date; // adjust scroll speed to prevent glitches
93
-
94
- if (dy < offset) {
95
- date = pxToDate.y(offset) + (dy - offset) * scrollSpeed(months[1]);
96
- } else if (dy > bottomOffset) {
97
- date = pxToDate.y(bottomOffset) + (dy - bottomOffset) * scrollSpeed(months[MONTHSBACK + 1]);
98
- } else {
99
- date = pxToDate.y(dy);
100
- }
101
-
102
- props.onScroll(date);
103
- dy = 0;
104
- });
105
- }
106
- }, /*#__PURE__*/React.createElement("div", {
107
- style: {
108
- top: Math.floor(calHeight * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset)
109
- },
110
- className: modules_0c7b7d96.days
111
- }, months.map(date => /*#__PURE__*/React.createElement(Month, _extends({}, props, {
112
- month: date,
113
- key: +date
114
- })))), /*#__PURE__*/React.createElement(MonthNames, props));
115
- }
116
- Months.propTypes = {
117
- onScroll: PropTypes.func,
118
- scrollDate: dateType
119
- };
120
-
121
- export default Months;
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import classNames from 'classnames';
3
- import getDay from 'date-fns/getDay';
4
- import format from 'date-fns/format';
5
- import setDay from 'date-fns/setDay';
6
- import startOfDay from 'date-fns/startOfDay';
7
- import { weekdays } from './consts.js';
8
- import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
9
- import 'prop-types';
10
- import 'date-fns/add';
11
-
12
- function Weekdays() {
13
- const days = Object.keys(weekdays).map(key => startOfDay(setDay(new Date(), weekdays[key])));
14
- return /*#__PURE__*/React.createElement("div", {
15
- className: modules_0c7b7d96.weekdays
16
- }, days.map(day => /*#__PURE__*/React.createElement("span", {
17
- className: classNames(modules_0c7b7d96.weekday, {
18
- [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
19
- }),
20
- key: +day
21
- }, format(day, 'EEEEEE'))));
22
- }
23
-
24
- export default Weekdays;
@@ -1,109 +0,0 @@
1
- import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import React, { PureComponent } from 'react';
3
- import PropTypes from 'prop-types';
4
- import classNames from 'classnames';
5
- import addYears from 'date-fns/addYears';
6
- import getYear from 'date-fns/getYear';
7
- import format from 'date-fns/format';
8
- import isSameYear from 'date-fns/isSameYear';
9
- import isThisYear from 'date-fns/isThisYear';
10
- import setYear from 'date-fns/setYear';
11
- import startOfYear from 'date-fns/startOfYear';
12
- import subYears from 'date-fns/subYears';
13
- import linearFunction from '../global/linear-function.js';
14
- import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
15
- import units, { DOUBLE, HALF, yearDuration, dateType } from './consts.js';
16
- import 'date-fns/add';
17
-
18
- const {
19
- yearHeight,
20
- calHeight
21
- } = units;
22
- let scrollTO;
23
- const YEARSBACK = 5;
24
- const scrollDelay = 100;
25
- class Years extends PureComponent {
26
- constructor() {
27
- super(...arguments);
28
-
29
- _defineProperty(this, "state", {
30
- scrollDate: null
31
- });
32
- }
33
-
34
- componentDidUpdate(prevProps, prevState) {
35
- this.stoppedScrolling = prevState.scrollDate && !this.state.scrollDate;
36
- }
37
-
38
- setYear(date) {
39
- if (scrollTO) {
40
- window.clearTimeout(scrollTO);
41
- scrollTO = null;
42
- }
43
-
44
- this.setState({
45
- scrollDate: null
46
- });
47
- this.props.onScroll(setYear(this.props.scrollDate, getYear(date)));
48
- }
49
-
50
- render() {
51
- const {
52
- onScrollChange,
53
- scrollDate
54
- } = this.props;
55
- const date = this.state.scrollDate || scrollDate;
56
- const yearStart = startOfYear(date);
57
- let year = subYears(yearStart, YEARSBACK);
58
- const years = [year];
59
-
60
- for (let i = 0; i < YEARSBACK * DOUBLE; i++) {
61
- year = addYears(year, 1);
62
- years.push(year);
63
- }
64
-
65
- const pxToDate = linearFunction(0, years[0], yearDuration / yearHeight);
66
-
67
- const handleWheel = e => {
68
- e.preventDefault();
69
- const newScrollDate = linearFunction(0, date, yearDuration / yearHeight).y(e.deltaY);
70
- this.setState({
71
- scrollDate: newScrollDate
72
- });
73
-
74
- if (scrollTO) {
75
- window.clearTimeout(scrollTO);
76
- }
77
-
78
- scrollTO = window.setTimeout(() => this.setYear(newScrollDate), scrollDelay);
79
- };
80
-
81
- return /*#__PURE__*/React.createElement("div", {
82
- className: modules_0c7b7d96.years,
83
- onWheel: handleWheel,
84
- style: {
85
- transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
86
- top: Math.floor(calHeight * HALF - pxToDate.x(date))
87
- }
88
- }, years.map(item => /*#__PURE__*/React.createElement("button", {
89
- type: "button",
90
- key: +item,
91
- className: classNames(modules_0c7b7d96.year, {
92
- [modules_0c7b7d96.currentYear]: isSameYear(item, date),
93
- [modules_0c7b7d96.today]: isThisYear(item)
94
- }),
95
- onClick: function handleClick() {
96
- onScrollChange(setYear(scrollDate, getYear(item)));
97
- }
98
- }, format(item, 'yyyy'))));
99
- }
100
-
101
- }
102
-
103
- _defineProperty(Years, "propTypes", {
104
- scrollDate: dateType,
105
- onScroll: PropTypes.func,
106
- onScrollChange: PropTypes.func
107
- });
108
-
109
- export default Years;
@@ -1,197 +0,0 @@
1
- import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import React, { PureComponent } from 'react';
3
- import { createPortal } from 'react-dom';
4
- import PropTypes from 'prop-types';
5
- import classNames from 'classnames';
6
- import closeIcon from '@jetbrains/icons/close';
7
- import { AdaptiveIsland } from '../island/island.js';
8
- import getUID from '../global/get-uid.js';
9
- import joinDataTestAttributes from '../global/data-tests.js';
10
- import Shortcuts from '../shortcuts/shortcuts.js';
11
- import TabTrap from '../tab-trap/tab-trap.js';
12
- import Button from '../button/button.js';
13
- import { PopupTarget } from '../popup/popup.target.js';
14
- import { p as preventerFactory, m as modules_5e9b8c03 } from '../_helpers/dialog__body-scroll-preventer.js';
15
- import '../island/adaptive-island-hoc.js';
16
- import '../global/linear-function.js';
17
- import '../_helpers/island.js';
18
- import '../island/header.js';
19
- import '../island/content.js';
20
- import 'element-resize-detector';
21
- import '../global/schedule-raf.js';
22
- import '../shortcuts/core.js';
23
- import 'combokeys';
24
- import '../global/sniffer.js';
25
- import 'sniffr';
26
- import '../global/dom.js';
27
- import 'focus-visible';
28
- import '@jetbrains/icons/chevron-10px';
29
- import '../icon/icon.js';
30
- import 'util-deprecate';
31
- import '../icon/icon__constants.js';
32
- import '../_helpers/icon__svg.js';
33
- import '../global/memoize.js';
34
- import '../global/theme.js';
35
- import '../link/clickableLink.js';
36
- import '../_helpers/button__classes.js';
37
- import 'scrollbar-width';
38
-
39
- /**
40
- * @name Dialog
41
- */
42
-
43
- function noop() {}
44
-
45
- class Dialog extends PureComponent {
46
- constructor() {
47
- super(...arguments);
48
-
49
- _defineProperty(this, "state", {
50
- shortcutsScope: getUID('ring-dialog-')
51
- });
52
-
53
- _defineProperty(this, "scrollPreventer", preventerFactory(getUID('preventer-')));
54
-
55
- _defineProperty(this, "uid", getUID('dialog-'));
56
-
57
- _defineProperty(this, "handleClick", event => {
58
- this.props.onOverlayClick(event);
59
- this.props.onCloseAttempt(event);
60
- });
61
-
62
- _defineProperty(this, "onCloseClick", event => {
63
- this.props.onCloseClick(event);
64
- this.props.onCloseAttempt(event);
65
- });
66
-
67
- _defineProperty(this, "getShortcutsMap", () => {
68
- const onEscape = event => {
69
- if (this.props.show) {
70
- this.props.onEscPress(event);
71
- this.props.onCloseAttempt(event);
72
- }
73
- };
74
-
75
- return {
76
- esc: onEscape
77
- };
78
- });
79
-
80
- _defineProperty(this, "dialogRef", tabTrap => {
81
- this.dialog = tabTrap && tabTrap.node;
82
- });
83
- }
84
-
85
- componentDidMount() {
86
- this.toggleScrollPreventer();
87
- }
88
-
89
- componentDidUpdate(prevProps) {
90
- if (prevProps.show !== this.props.show) {
91
- this.toggleScrollPreventer();
92
- }
93
- }
94
-
95
- componentWillUnmount() {
96
- this.scrollPreventer.reset();
97
- }
98
-
99
- toggleScrollPreventer() {
100
- if (this.props.show) {
101
- this.scrollPreventer.prevent();
102
- } else {
103
- this.scrollPreventer.reset();
104
- }
105
- }
106
-
107
- render() {
108
- const _this$props = this.props,
109
- {
110
- show,
111
- showCloseButton,
112
- onOverlayClick,
113
- onCloseAttempt,
114
- onEscPress,
115
- onCloseClick,
116
- children,
117
- className,
118
- contentClassName,
119
- trapFocus,
120
- 'data-test': dataTest,
121
- closeButtonInside,
122
- portalTarget
123
- } = _this$props,
124
- restProps = _objectWithoutProperties(_this$props, ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget"]);
125
-
126
- const classes = classNames(modules_5e9b8c03.container, className);
127
- const shortcutsMap = this.getShortcutsMap();
128
- return show && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PopupTarget, {
129
- id: this.uid,
130
- className: modules_5e9b8c03.popupTarget
131
- }, target => /*#__PURE__*/React.createElement(TabTrap, _extends({
132
- trapDisabled: !trapFocus,
133
- "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
134
- ref: this.dialogRef,
135
- className: classes,
136
- role: "presentation"
137
- }, restProps), /*#__PURE__*/React.createElement(Shortcuts, {
138
- map: shortcutsMap,
139
- scope: this.state.shortcutsScope
140
- }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/React.createElement("div", {
141
- // click handler is duplicated in close button
142
- role: "presentation",
143
- className: modules_5e9b8c03.clickableOverlay,
144
- onClick: this.handleClick
145
- }), /*#__PURE__*/React.createElement("div", {
146
- className: modules_5e9b8c03.innerContainer
147
- }, /*#__PURE__*/React.createElement(AdaptiveIsland, {
148
- className: classNames(modules_5e9b8c03.content, contentClassName),
149
- "data-test": "ring-dialog",
150
- role: "dialog"
151
- }, children, showCloseButton && /*#__PURE__*/React.createElement(Button, {
152
- icon: closeIcon,
153
- "data-test": "ring-dialog-close-button",
154
- className: classNames(modules_5e9b8c03.closeButton, {
155
- [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
156
- [modules_5e9b8c03.closeButtonInside]: closeButtonInside
157
- }),
158
- iconClassName: modules_5e9b8c03.closeIcon,
159
- onClick: this.onCloseClick,
160
- "aria-label": "close dialog"
161
- }))), target)), portalTarget instanceof HTMLElement ? portalTarget : document.body);
162
- }
163
-
164
- }
165
-
166
- _defineProperty(Dialog, "propTypes", {
167
- className: PropTypes.string,
168
- contentClassName: PropTypes.string,
169
- children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
170
- show: PropTypes.bool.isRequired,
171
- showCloseButton: PropTypes.bool,
172
- closeButtonInside: PropTypes.bool,
173
- onOverlayClick: PropTypes.func,
174
- onEscPress: PropTypes.func,
175
- onCloseClick: PropTypes.func,
176
- // onCloseAttempt is a common callback for ESC pressing and overlay clicking.
177
- // Use it if you don't need different behaviors for this cases.
178
- onCloseAttempt: PropTypes.func,
179
- // focusTrap may break popups inside dialog, so use it carefully
180
- trapFocus: PropTypes.bool,
181
- portalTarget: PropTypes.instanceOf(HTMLElement),
182
- autoFocusFirst: PropTypes.bool,
183
- 'data-test': PropTypes.string
184
- });
185
-
186
- _defineProperty(Dialog, "defaultProps", {
187
- onOverlayClick: noop,
188
- onEscPress: noop,
189
- onCloseClick: noop,
190
- onCloseAttempt: noop,
191
- showCloseButton: false,
192
- closeButtonInside: false,
193
- trapFocus: false,
194
- autoFocusFirst: true
195
- });
196
-
197
- export default Dialog;
@@ -1,2 +0,0 @@
1
- import 'scrollbar-width';
2
- export { p as default } from '../_helpers/dialog__body-scroll-preventer.js';
@@ -1,16 +0,0 @@
1
- import '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'react';
3
- import 'prop-types';
4
- import '@jetbrains/icons/chevron-10px';
5
- import 'classnames';
6
- import '../icon/icon.js';
7
- import '../button/button.js';
8
- export { A as default } from '../_helpers/anchor.js';
9
- import 'util-deprecate';
10
- import '../icon/icon__constants.js';
11
- import '../_helpers/icon__svg.js';
12
- import '../global/memoize.js';
13
- import 'focus-visible';
14
- import '../global/theme.js';
15
- import '../link/clickableLink.js';
16
- import '../_helpers/button__classes.js';