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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (336) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +1 -504
  2. package/components/_helpers/anchor.js +7 -10
  3. package/components/_helpers/button__classes.js +15 -13
  4. package/components/_helpers/caption.js +11 -21
  5. package/components/_helpers/card.js +91 -123
  6. package/components/_helpers/dialog__body-scroll-preventer.js +10 -17
  7. package/components/_helpers/icon__svg.js +27 -29
  8. package/components/_helpers/input.js +150 -192
  9. package/components/_helpers/query-assist__suggestions.js +78 -93
  10. package/components/_helpers/select__filter.js +56 -75
  11. package/components/_helpers/services-link.js +23 -39
  12. package/components/_helpers/sidebar.js +91 -102
  13. package/components/_helpers/tab-link.js +8 -12
  14. package/components/_helpers/theme.js +42 -51
  15. package/components/_helpers/title.js +59 -84
  16. package/components/alert/alert.d.ts +7 -24
  17. package/components/alert/alert.js +111 -179
  18. package/components/alert/container.d.ts +0 -5
  19. package/components/alert/container.js +32 -44
  20. package/components/alert-service/alert-service.js +104 -162
  21. package/components/analytics/analytics.js +12 -20
  22. package/components/analytics/analytics__custom-plugin.js +52 -68
  23. package/components/auth/auth.js +2 -28
  24. package/components/auth/auth__core.d.ts +4 -4
  25. package/components/auth/auth__core.js +753 -1431
  26. package/components/auth/background-flow.js +84 -121
  27. package/components/auth/down-notification.js +31 -78
  28. package/components/auth/iframe-flow.js +70 -124
  29. package/components/auth/request-builder.js +46 -77
  30. package/components/auth/response-parser.js +84 -112
  31. package/components/auth/storage.js +160 -319
  32. package/components/auth/token-validator.js +132 -227
  33. package/components/auth/window-flow.js +84 -121
  34. package/components/auth-dialog/auth-dialog.d.ts +0 -18
  35. package/components/auth-dialog/auth-dialog.js +106 -175
  36. package/components/auth-dialog-service/auth-dialog-service.js +10 -31
  37. package/components/avatar/avatar-example-datauri.js +1 -1
  38. package/components/avatar/avatar.d.ts +0 -13
  39. package/components/avatar/avatar.js +94 -136
  40. package/components/avatar/fallback-avatar.d.ts +1 -10
  41. package/components/avatar/fallback-avatar.js +20 -40
  42. package/components/badge/badge.d.ts +0 -10
  43. package/components/badge/badge.js +32 -48
  44. package/components/breadcrumbs/breadcrumbs.js +13 -17
  45. package/components/button/button.d.ts +0 -21
  46. package/components/button/button.js +67 -101
  47. package/components/button-group/button-group.d.ts +0 -5
  48. package/components/button-group/button-group.js +27 -41
  49. package/components/button-group/caption.d.ts +0 -4
  50. package/components/button-group/caption.js +0 -1
  51. package/components/button-set/button-set.d.ts +0 -6
  52. package/components/button-set/button-set.js +19 -33
  53. package/components/button-toolbar/button-toolbar.d.ts +0 -6
  54. package/components/button-toolbar/button-toolbar.js +17 -31
  55. package/components/caret/caret.js +184 -211
  56. package/components/checkbox/checkbox.d.ts +0 -19
  57. package/components/checkbox/checkbox.js +69 -104
  58. package/components/clipboard/clipboard-fallback.js +7 -7
  59. package/components/clipboard/clipboard.js +36 -129
  60. package/components/code/code.d.ts +0 -12
  61. package/components/code/code.js +83 -163
  62. package/components/collapse/collapse-content.js +42 -60
  63. package/components/collapse/collapse-context.js +2 -2
  64. package/components/collapse/collapse-control.js +12 -12
  65. package/components/collapse/collapse.js +12 -17
  66. package/components/collapse/consts.js +4 -4
  67. package/components/collapse/utils.js +1 -3
  68. package/components/confirm/confirm.d.ts +0 -14
  69. package/components/confirm/confirm.js +67 -111
  70. package/components/confirm-service/confirm-service.js +23 -45
  71. package/components/content-layout/content-layout.d.ts +0 -7
  72. package/components/content-layout/content-layout.js +41 -63
  73. package/components/content-layout/sidebar.d.ts +0 -9
  74. package/components/content-layout/sidebar.js +1 -2
  75. package/components/contenteditable/contenteditable.d.ts +1 -22
  76. package/components/contenteditable/contenteditable.js +37 -60
  77. package/components/control-help/control-help.js +5 -3
  78. package/components/control-label/control-label.js +9 -14
  79. package/components/data-list/data-list.d.ts +0 -2
  80. package/components/data-list/data-list.js +115 -179
  81. package/components/data-list/data-list.mock.js +3 -6
  82. package/components/data-list/item.js +118 -164
  83. package/components/data-list/selection.js +77 -135
  84. package/components/data-list/title.d.ts +2 -2
  85. package/components/data-list/title.js +2 -12
  86. package/components/date-picker/consts.d.ts +0 -2
  87. package/components/date-picker/consts.js +16 -24
  88. package/components/date-picker/date-input.d.ts +0 -20
  89. package/components/date-picker/date-input.js +99 -147
  90. package/components/date-picker/date-picker.d.ts +0 -29
  91. package/components/date-picker/date-picker.js +143 -224
  92. package/components/date-picker/date-popup.d.ts +0 -22
  93. package/components/date-picker/date-popup.js +281 -351
  94. package/components/date-picker/day.d.ts +0 -14
  95. package/components/date-picker/day.js +72 -109
  96. package/components/date-picker/month-names.d.ts +1 -11
  97. package/components/date-picker/month-names.js +42 -72
  98. package/components/date-picker/month-slider.d.ts +0 -9
  99. package/components/date-picker/month-slider.js +43 -71
  100. package/components/date-picker/month.d.ts +1 -9
  101. package/components/date-picker/month.js +18 -30
  102. package/components/date-picker/months.d.ts +1 -9
  103. package/components/date-picker/months.js +45 -55
  104. package/components/date-picker/weekdays.d.ts +2 -8
  105. package/components/date-picker/weekdays.js +12 -25
  106. package/components/date-picker/years.d.ts +0 -6
  107. package/components/date-picker/years.js +77 -104
  108. package/components/dialog/dialog.d.ts +0 -20
  109. package/components/dialog/dialog.js +152 -210
  110. package/components/dialog/dialog__body-scroll-preventer.js +0 -3
  111. package/components/dropdown/anchor.d.ts +1 -8
  112. package/components/dropdown/anchor.js +0 -7
  113. package/components/dropdown/dropdown.d.ts +4 -22
  114. package/components/dropdown/dropdown.js +134 -176
  115. package/components/dropdown-menu/dropdown-menu.js +51 -103
  116. package/components/editable-heading/editable-heading.js +69 -118
  117. package/components/error-bubble/error-bubble.d.ts +0 -6
  118. package/components/error-bubble/error-bubble.js +29 -60
  119. package/components/error-message/error-message.d.ts +0 -10
  120. package/components/error-message/error-message.js +34 -59
  121. package/components/footer/footer.js +27 -43
  122. package/components/global/compose.js +1 -8
  123. package/components/global/composeRefs.d.ts +0 -3
  124. package/components/global/composeRefs.js +8 -15
  125. package/components/global/controls-height.js +2 -2
  126. package/components/global/create-stateful-context.d.ts +0 -4
  127. package/components/global/create-stateful-context.js +14 -17
  128. package/components/global/data-tests.js +7 -12
  129. package/components/global/dom.js +49 -82
  130. package/components/global/focus-sensor-hoc.js +95 -122
  131. package/components/global/fuzzy-highlight.js +23 -34
  132. package/components/global/get-event-key.js +8 -8
  133. package/components/global/get-uid.js +3 -7
  134. package/components/global/inject-styles.js +7 -14
  135. package/components/global/listeners.js +28 -47
  136. package/components/global/memoize.js +6 -10
  137. package/components/global/normalize-indent.js +19 -46
  138. package/components/global/promise-with-timeout.js +6 -8
  139. package/components/global/react-dom-renderer.d.ts +0 -5
  140. package/components/global/react-dom-renderer.js +29 -45
  141. package/components/global/rerender-hoc.js +16 -32
  142. package/components/global/schedule-raf.js +4 -4
  143. package/components/global/sniffer.js +1 -1
  144. package/components/global/theme.d.ts +1 -0
  145. package/components/global/theme.js +2 -20
  146. package/components/global/trivial-template-tag.js +4 -9
  147. package/components/global/typescript-utils.js +2 -6
  148. package/components/global/url.js +20 -23
  149. package/components/global/use-event-callback.js +7 -4
  150. package/components/grid/col.d.ts +0 -14
  151. package/components/grid/col.js +26 -53
  152. package/components/grid/grid.d.ts +0 -5
  153. package/components/grid/grid.js +18 -32
  154. package/components/grid/row.d.ts +0 -18
  155. package/components/grid/row.js +22 -47
  156. package/components/group/group.d.ts +0 -5
  157. package/components/group/group.js +16 -27
  158. package/components/header/header-icon.d.ts +0 -22
  159. package/components/header/header-icon.js +19 -36
  160. package/components/header/header.d.ts +0 -7
  161. package/components/header/header.js +30 -71
  162. package/components/header/links.js +6 -3
  163. package/components/header/logo.d.ts +0 -4
  164. package/components/header/logo.js +15 -30
  165. package/components/header/profile.d.ts +1 -39
  166. package/components/header/profile.js +125 -190
  167. package/components/header/services-link.d.ts +0 -10
  168. package/components/header/services-link.js +1 -4
  169. package/components/header/services.d.ts +0 -14
  170. package/components/header/services.js +65 -110
  171. package/components/header/smart-profile.d.ts +0 -9
  172. package/components/header/smart-profile.js +119 -205
  173. package/components/header/smart-services.d.ts +0 -4
  174. package/components/header/smart-services.js +72 -141
  175. package/components/header/tray.d.ts +0 -5
  176. package/components/header/tray.js +21 -35
  177. package/components/heading/heading.js +21 -26
  178. package/components/http/http.js +162 -319
  179. package/components/http/http.mock.js +50 -98
  180. package/components/hub-source/hub-source.js +77 -182
  181. package/components/hub-source/hub-source__user.js +9 -37
  182. package/components/hub-source/hub-source__users-groups.js +34 -60
  183. package/components/i18n/i18n-context.js +7 -8
  184. package/components/i18n/i18n.js +3 -6
  185. package/components/icon/icon.d.ts +0 -11
  186. package/components/icon/icon.js +60 -85
  187. package/components/icon/icon__svg.d.ts +0 -8
  188. package/components/icon/icon__svg.js +0 -6
  189. package/components/icon/index.js +0 -6
  190. package/components/input/input.js +1 -13
  191. package/components/island/adaptive-island-hoc.d.ts +0 -1
  192. package/components/island/adaptive-island-hoc.js +30 -39
  193. package/components/island/content.d.ts +0 -10
  194. package/components/island/content.js +99 -119
  195. package/components/island/header.js +55 -73
  196. package/components/island/island.d.ts +0 -9
  197. package/components/island/island.js +25 -41
  198. package/components/island-legacy/content-legacy.d.ts +0 -5
  199. package/components/island-legacy/content-legacy.js +16 -27
  200. package/components/island-legacy/header-legacy.d.ts +0 -5
  201. package/components/island-legacy/header-legacy.js +19 -30
  202. package/components/island-legacy/island-legacy.d.ts +0 -5
  203. package/components/island-legacy/island-legacy.js +16 -27
  204. package/components/link/clickableLink.d.ts +0 -9
  205. package/components/link/clickableLink.js +33 -51
  206. package/components/link/link.d.ts +0 -25
  207. package/components/link/link.js +47 -68
  208. package/components/list/consts.js +2 -2
  209. package/components/list/list.d.ts +0 -32
  210. package/components/list/list.js +399 -516
  211. package/components/list/list__custom.js +51 -78
  212. package/components/list/list__hint.d.ts +0 -4
  213. package/components/list/list__hint.js +8 -21
  214. package/components/list/list__item.js +147 -211
  215. package/components/list/list__link.js +39 -59
  216. package/components/list/list__separator.js +15 -30
  217. package/components/list/list__title.js +25 -41
  218. package/components/list/list__users-groups-source.js +55 -123
  219. package/components/loader/loader.d.ts +0 -10
  220. package/components/loader/loader.js +38 -70
  221. package/components/loader/loader__core.js +123 -184
  222. package/components/loader-inline/loader-inline.d.ts +0 -6
  223. package/components/loader-inline/loader-inline.js +24 -38
  224. package/components/loader-screen/loader-screen.d.ts +0 -6
  225. package/components/loader-screen/loader-screen.js +24 -46
  226. package/components/login-dialog/login-dialog.d.ts +0 -11
  227. package/components/login-dialog/login-dialog.js +93 -144
  228. package/components/login-dialog/service.js +9 -31
  229. package/components/markdown/markdown.js +16 -29
  230. package/components/message/message.js +170 -217
  231. package/components/old-browsers-message/old-browsers-message.js +11 -14
  232. package/components/old-browsers-message/old-browsers-message__stop.js +1 -4
  233. package/components/old-browsers-message/white-list.js +8 -13
  234. package/components/pager/pager.js +212 -277
  235. package/components/panel/panel.d.ts +0 -5
  236. package/components/panel/panel.js +16 -27
  237. package/components/permissions/permissions.js +118 -161
  238. package/components/permissions/permissions__cache.js +191 -218
  239. package/components/popup/popup.consts.js +1 -1
  240. package/components/popup/popup.js +237 -329
  241. package/components/popup/popup.target.js +9 -12
  242. package/components/popup/position.js +94 -101
  243. package/components/popup-menu/popup-menu.js +31 -76
  244. package/components/progress-bar/progress-bar.d.ts +19 -33
  245. package/components/progress-bar/progress-bar.js +55 -99
  246. package/components/query-assist/query-assist.d.ts +63 -93
  247. package/components/query-assist/query-assist.js +583 -746
  248. package/components/query-assist/query-assist__suggestions.js +2 -28
  249. package/components/radio/radio.d.ts +0 -8
  250. package/components/radio/radio.js +15 -35
  251. package/components/radio/radio__item.d.ts +0 -9
  252. package/components/radio/radio__item.js +52 -72
  253. package/components/scrollable-section/scrollable-section.js +22 -32
  254. package/components/select/select.js +693 -858
  255. package/components/select/select__filter.js +1 -28
  256. package/components/select/select__popup.js +317 -465
  257. package/components/shortcuts/core.js +147 -195
  258. package/components/shortcuts/shortcut-title.js +6 -10
  259. package/components/shortcuts/shortcuts-hoc.d.ts +0 -5
  260. package/components/shortcuts/shortcuts-hoc.js +23 -46
  261. package/components/shortcuts/shortcuts.d.ts +0 -8
  262. package/components/shortcuts/shortcuts.js +41 -72
  263. package/components/slider/slider.js +93 -113
  264. package/components/slider/slider.utils.js +16 -23
  265. package/components/storage/storage.js +3 -28
  266. package/components/storage/storage__fallback.js +137 -210
  267. package/components/storage/storage__local.js +89 -148
  268. package/components/style.css +1 -1
  269. package/components/tab-trap/tab-trap.js +35 -61
  270. package/components/table/cell.d.ts +0 -6
  271. package/components/table/cell.js +11 -27
  272. package/components/table/disable-hover-hoc.d.ts +0 -1
  273. package/components/table/disable-hover-hoc.js +27 -42
  274. package/components/table/header-cell.d.ts +0 -10
  275. package/components/table/header-cell.js +59 -85
  276. package/components/table/header.d.ts +0 -15
  277. package/components/table/header.js +89 -126
  278. package/components/table/multitable.d.ts +0 -4
  279. package/components/table/multitable.js +83 -93
  280. package/components/table/row-with-focus-sensor.d.ts +2 -2
  281. package/components/table/row-with-focus-sensor.js +25 -60
  282. package/components/table/row.js +169 -235
  283. package/components/table/selection-adapter.js +2 -2
  284. package/components/table/selection-shortcuts-hoc.js +102 -126
  285. package/components/table/selection.js +150 -217
  286. package/components/table/simple-table.d.ts +0 -44
  287. package/components/table/simple-table.js +17 -59
  288. package/components/table/smart-table.d.ts +0 -48
  289. package/components/table/smart-table.js +40 -83
  290. package/components/table/table.d.ts +0 -2
  291. package/components/table/table.js +268 -377
  292. package/components/tabs/collapsible-more.d.ts +1 -9
  293. package/components/tabs/collapsible-more.js +47 -97
  294. package/components/tabs/collapsible-tab.js +32 -44
  295. package/components/tabs/collapsible-tabs.d.ts +2 -29
  296. package/components/tabs/collapsible-tabs.js +89 -161
  297. package/components/tabs/custom-item.d.ts +1 -7
  298. package/components/tabs/custom-item.js +4 -7
  299. package/components/tabs/dumb-tabs.d.ts +0 -11
  300. package/components/tabs/dumb-tabs.js +60 -104
  301. package/components/tabs/smart-tabs.d.ts +0 -6
  302. package/components/tabs/smart-tabs.js +29 -68
  303. package/components/tabs/tab-link.d.ts +0 -8
  304. package/components/tabs/tab-link.js +1 -4
  305. package/components/tabs/tab.d.ts +0 -8
  306. package/components/tabs/tab.js +14 -32
  307. package/components/tabs/tabs.js +1 -28
  308. package/components/tag/tag.d.ts +0 -19
  309. package/components/tag/tag.js +120 -179
  310. package/components/tags-input/tags-input.d.ts +7 -33
  311. package/components/tags-input/tags-input.js +223 -338
  312. package/components/tags-list/tags-list.d.ts +0 -13
  313. package/components/tags-list/tags-list.js +45 -74
  314. package/components/text/text.d.ts +0 -7
  315. package/components/text/text.js +27 -43
  316. package/components/toggle/toggle.d.ts +0 -15
  317. package/components/toggle/toggle.js +51 -76
  318. package/components/tooltip/tooltip.d.ts +0 -9
  319. package/components/tooltip/tooltip.js +109 -150
  320. package/components/user-agreement/service.js +259 -401
  321. package/components/user-agreement/user-agreement.d.ts +0 -18
  322. package/components/user-agreement/user-agreement.js +91 -137
  323. package/components/user-card/card.d.ts +0 -35
  324. package/components/user-card/card.js +1 -26
  325. package/components/user-card/smart-user-card-tooltip.d.ts +0 -5
  326. package/components/user-card/smart-user-card-tooltip.js +52 -108
  327. package/components/user-card/tooltip.d.ts +0 -9
  328. package/components/user-card/tooltip.js +35 -74
  329. package/components/user-card/user-card.js +1 -26
  330. package/package.json +1 -2
  331. package/components/global/prop-types.d.ts +0 -4
  332. package/components/global/prop-types.js +0 -9
  333. package/components/global/react-render-adapter.d.ts +0 -1
  334. package/components/global/react-render-adapter.js +0 -6
  335. package/components/header/tray-icon.d.ts +0 -1
  336. package/components/header/tray-icon.js +0 -26
@@ -1,9 +1,6 @@
1
- import { _ as _defineProperty, i as _slicedToArray, k as _createForOfIteratorHelper, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.array.concat.js';
3
- import 'core-js/modules/es.array.map.js';
4
- import 'core-js/modules/es.object.values.js';
1
+ import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/web.dom-collections.iterator.js';
5
3
  import { PureComponent } from 'react';
6
- import PropTypes from 'prop-types';
7
4
  import classNames from 'classnames';
8
5
  import { format } from 'date-fns/format';
9
6
  import { isSameDay } from 'date-fns/isSameDay';
@@ -23,36 +20,17 @@ import Link from '../link/link.js';
23
20
  import { S as Size } from '../_helpers/input.js';
24
21
  import { I18nContext } from '../i18n/i18n-context.js';
25
22
  import DatePopup from './date-popup.js';
26
- import { dateType } from './consts.js';
27
23
  import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
28
24
  import formats from './formats.js';
29
25
  import { jsxs, jsx } from 'react/jsx-runtime';
30
- import 'core-js/modules/es.array.iterator.js';
31
- import 'core-js/modules/es.map.js';
32
- import 'core-js/modules/es.object.to-string.js';
33
- import 'core-js/modules/es.weak-map.js';
34
- import 'core-js/modules/web.dom-collections.iterator.js';
35
- import 'core-js/modules/es.object.entries.js';
36
26
  import 'core-js/modules/es.regexp.exec.js';
37
- import 'core-js/modules/es.regexp.to-string.js';
38
27
  import 'core-js/modules/es.string.replace.js';
39
- import 'core-js/modules/web.dom-collections.for-each.js';
40
28
  import 'react-dom';
41
29
  import '../global/get-uid.js';
42
30
  import '../global/schedule-raf.js';
43
31
  import '../global/dom.js';
44
- import 'core-js/modules/es.array.filter.js';
45
- import 'core-js/modules/es.object.assign.js';
46
- import 'core-js/modules/es.set.js';
47
- import 'core-js/modules/es.string.split.js';
48
32
  import '../shortcuts/shortcuts.js';
49
33
  import '../shortcuts/core.js';
50
- import 'core-js/modules/es.array.find-index.js';
51
- import 'core-js/modules/es.array.includes.js';
52
- import 'core-js/modules/es.array.slice.js';
53
- import 'core-js/modules/es.array.splice.js';
54
- import 'core-js/modules/es.string.includes.js';
55
- import 'core-js/modules/es.string.match.js';
56
34
  import 'combokeys';
57
35
  import '../global/sniffer.js';
58
36
  import 'sniffr';
@@ -69,13 +47,11 @@ import '@jetbrains/icons/chevron-10px';
69
47
  import 'util-deprecate';
70
48
  import '../icon/icon__constants.js';
71
49
  import '../_helpers/icon__svg.js';
72
- import 'core-js/modules/es.string.starts-with.js';
73
50
  import '../link/clickableLink.js';
74
51
  import '../global/controls-height.js';
75
52
  import '../_helpers/button__classes.js';
76
53
  import '../_helpers/link.js';
77
54
  import '@jetbrains/icons/close-12px';
78
- import '../global/prop-types.js';
79
55
  import '../global/composeRefs.js';
80
56
  import 'memoize-one';
81
57
  import '../control-label/control-label.js';
@@ -86,8 +62,6 @@ import 'date-fns/isBefore';
86
62
  import 'date-fns/startOfDay';
87
63
  import 'date-fns';
88
64
  import './date-input.js';
89
- import 'core-js/modules/es.array.index-of.js';
90
- import 'date-fns/add';
91
65
  import './months.js';
92
66
  import 'date-fns/addMonths';
93
67
  import 'date-fns/getDay';
@@ -103,6 +77,8 @@ import 'date-fns/setDay';
103
77
  import './day.js';
104
78
  import 'date-fns/getDate';
105
79
  import 'date-fns/isToday';
80
+ import './consts.js';
81
+ import 'date-fns/add';
106
82
  import './month-names.js';
107
83
  import 'date-fns/isThisMonth';
108
84
  import 'date-fns/startOfYear';
@@ -115,16 +91,17 @@ import 'date-fns/isThisYear';
115
91
  import 'date-fns/setYear';
116
92
  import './weekdays.js';
117
93
 
118
- var _excluded = ["hidden", "className", "popupRef", "onClear", "datePopupProps", "onComplete"],
94
+ const _excluded = ["hidden", "className", "popupRef", "onClear", "datePopupProps", "onComplete"],
119
95
  _excluded2 = ["className", "popupClassName", "clear", "inline", "dropdownProps", "translations"];
120
- var PopupComponent = function PopupComponent(_ref) {
121
- var _ref$hidden = _ref.hidden,
122
- hidden = _ref$hidden === void 0 ? false : _ref$hidden,
123
- className = _ref.className,
124
- popupRef = _ref.popupRef,
125
- onClear = _ref.onClear,
126
- datePopupProps = _ref.datePopupProps,
127
- onComplete = _ref.onComplete,
96
+ const PopupComponent = _ref => {
97
+ let {
98
+ hidden = false,
99
+ className,
100
+ popupRef,
101
+ onClear,
102
+ datePopupProps,
103
+ onComplete
104
+ } = _ref,
128
105
  restProps = _objectWithoutProperties(_ref, _excluded);
129
106
  return /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
130
107
  hidden: hidden,
@@ -140,53 +117,43 @@ var PopupComponent = function PopupComponent(_ref) {
140
117
  }))
141
118
  }));
142
119
  };
143
- PopupComponent.propTypes = {
144
- hidden: PropTypes.bool,
145
- className: PropTypes.string,
146
- popupRef: PropTypes.func,
147
- onClear: PropTypes.func,
148
- datePopupProps: PropTypes.shape(DatePopup.propTypes),
149
- onComplete: PropTypes.func
150
- };
151
120
  /**
152
121
  * @name Date Picker
153
122
  */
154
- var DatePicker = /*#__PURE__*/function (_PureComponent) {
155
- function DatePicker() {
156
- var _this;
157
- _classCallCheck(this, DatePicker);
158
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
159
- args[_key] = arguments[_key];
160
- }
161
- _this = _callSuper(this, DatePicker, [].concat(args));
162
- _defineProperty(_this, "handleChange", function (change) {
163
- var _this$props = _this.props,
164
- onChange = _this$props.onChange,
165
- withTime = _this$props.withTime,
166
- applyTimeInput = _this$props.applyTimeInput;
167
- var adjustedChange = withTime && !(change instanceof Date) && (change === null || change === void 0 ? void 0 : change.date) != null ? applyTimeInput(change.date, change.time) : change;
123
+ class DatePicker extends PureComponent {
124
+ constructor() {
125
+ super(...arguments);
126
+ _defineProperty(this, "handleChange", change => {
127
+ const {
128
+ onChange,
129
+ withTime,
130
+ applyTimeInput
131
+ } = this.props;
132
+ const adjustedChange = withTime && !(change instanceof Date) && (change === null || change === void 0 ? void 0 : change.date) != null ? applyTimeInput(change.date, change.time) : change;
168
133
  onChange(adjustedChange);
169
134
  });
170
- _defineProperty(_this, "clear", function () {
171
- var change = null;
172
- if (_this.props.range) {
135
+ _defineProperty(this, "clear", () => {
136
+ let change = null;
137
+ if (this.props.range) {
173
138
  change = {
174
139
  from: null,
175
140
  to: null
176
141
  };
177
142
  }
178
- _this.handleChange(change);
143
+ this.handleChange(change);
179
144
  });
180
- _defineProperty(_this, "popup", void 0);
181
- _defineProperty(_this, "popupRef", function (el) {
182
- _this.popup = el;
145
+ _defineProperty(this, "popup", void 0);
146
+ _defineProperty(this, "popupRef", el => {
147
+ this.popup = el;
183
148
  });
184
- _defineProperty(_this, "closePopup", function () {
149
+ _defineProperty(this, "closePopup", () => {
185
150
  var _this$popup;
186
- (_this$popup = _this.popup) === null || _this$popup === void 0 || _this$popup._onCloseAttempt();
151
+ (_this$popup = this.popup) === null || _this$popup === void 0 || _this$popup._onCloseAttempt();
187
152
  });
188
- _defineProperty(_this, "parse", memoize(function (date) {
189
- var parseDateInput = _this.props.parseDateInput;
153
+ _defineProperty(this, "parse", memoize(date => {
154
+ const {
155
+ parseDateInput
156
+ } = this.props;
190
157
  if (date instanceof Date) {
191
158
  return date;
192
159
  }
@@ -195,23 +162,26 @@ var DatePicker = /*#__PURE__*/function (_PureComponent) {
195
162
  }
196
163
  return parseDateInput(date);
197
164
  }));
198
- _defineProperty(_this, "getAnchorText", function () {
199
- var _this$props2 = _this.props,
200
- range = _this$props2.range,
201
- datePlaceholder = _this$props2.datePlaceholder,
202
- dateTimePlaceholder = _this$props2.dateTimePlaceholder,
203
- rangePlaceholder = _this$props2.rangePlaceholder,
204
- withTime = _this$props2.withTime,
205
- displayFormat = _this$props2.displayFormat,
206
- displayMonthFormat = _this$props2.displayMonthFormat,
207
- displayDayFormat = _this$props2.displayDayFormat,
208
- translations = _this$props2.translations,
209
- locale = _this$props2.locale;
210
- var translate = _this.context.translate;
211
- var date = _this.parse(_this.props.date);
212
- var from = _this.parse(_this.props.from);
213
- var to = _this.parse(_this.props.to);
214
- var time = _this.formatTime();
165
+ _defineProperty(this, "getAnchorText", () => {
166
+ const {
167
+ range,
168
+ datePlaceholder,
169
+ dateTimePlaceholder,
170
+ rangePlaceholder,
171
+ withTime,
172
+ displayFormat,
173
+ displayMonthFormat,
174
+ displayDayFormat,
175
+ translations,
176
+ locale
177
+ } = this.props;
178
+ const {
179
+ translate
180
+ } = this.context;
181
+ const date = this.parse(this.props.date);
182
+ const from = this.parse(this.props.from);
183
+ const to = this.parse(this.props.to);
184
+ const time = this.formatTime();
215
185
  if (!range && !withTime) {
216
186
  var _ref2;
217
187
  return date ? displayFormat(date, locale) : (_ref2 = datePlaceholder !== null && datePlaceholder !== void 0 ? datePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setDate) !== null && _ref2 !== void 0 ? _ref2 : translate('setDate');
@@ -241,107 +211,76 @@ var DatePicker = /*#__PURE__*/function (_PureComponent) {
241
211
  return (_ref4 = rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setPeriod) !== null && _ref4 !== void 0 ? _ref4 : translate('setPeriod');
242
212
  }
243
213
  });
244
- return _this;
245
214
  }
246
- _inherits(DatePicker, _PureComponent);
247
- return _createClass(DatePicker, [{
248
- key: "formatTime",
249
- value: function formatTime() {
250
- var _this$props3 = this.props,
251
- displayTimeFormat = _this$props3.displayTimeFormat,
252
- locale = _this$props3.locale;
253
- var date = this.parse(this.props.date);
254
- if (date != null) {
255
- return displayTimeFormat(date, locale);
256
- }
257
- return null;
258
- }
259
- }, {
260
- key: "render",
261
- value: function render() {
262
- var _this$props$disabled, _this$props$disabled2;
263
- var anchorContent = /*#__PURE__*/jsxs("div", {
264
- className: modules_0c7b7d96.anchorContent,
265
- children: [/*#__PURE__*/jsx(Icon, {
266
- glyph: calendarIcon,
267
- className: modules_0c7b7d96.calendarIcon
268
- }), this.getAnchorText(), /*#__PURE__*/jsx(Icon, {
269
- glyph: chevronDownIcon,
270
- className: modules_0c7b7d96.chevronDownIcon
271
- })]
272
- });
273
- var _this$props4 = this.props,
274
- className = _this$props4.className,
275
- popupClassName = _this$props4.popupClassName,
276
- clear = _this$props4.clear,
277
- inline = _this$props4.inline,
278
- dropdownProps = _this$props4.dropdownProps,
279
- translations = _this$props4.translations,
280
- datePopupProps = _objectWithoutProperties(_this$props4, _excluded2);
281
- var classes = classNames(modules_0c7b7d96.datePicker, className, modules_0c7b7d96["size".concat(this.props.size)], {
282
- [modules_0c7b7d96.inline]: inline
283
- });
284
- return /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({
285
- className: classes,
286
- disabled: this.props.disabled,
287
- anchor: inline ? /*#__PURE__*/jsx(Link, {
288
- "data-test-ring-dropdown-anchor": true,
289
- className: modules_0c7b7d96.anchor,
290
- disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== void 0 ? _this$props$disabled : false,
291
- pseudo: true,
292
- children: this.getAnchorText()
293
- }) : /*#__PURE__*/jsx(Button, {
294
- "data-test-ring-dropdown-anchor": true,
295
- className: modules_0c7b7d96.anchor,
296
- text: false,
297
- disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false,
298
- children: anchorContent
299
- })
300
- }, dropdownProps), {}, {
301
- children: /*#__PURE__*/jsx(PopupComponent, {
302
- className: popupClassName,
303
- popupRef: this.popupRef,
304
- onClear: clear ? this.clear : null,
305
- datePopupProps: _objectSpread2(_objectSpread2({}, datePopupProps), {}, {
306
- translations,
307
- onChange: this.handleChange,
308
- parseDateInput: this.parse,
309
- time: this.formatTime()
310
- }),
311
- onComplete: this.closePopup
312
- })
313
- }));
215
+ formatTime() {
216
+ const {
217
+ displayTimeFormat,
218
+ locale
219
+ } = this.props;
220
+ const date = this.parse(this.props.date);
221
+ if (date != null) {
222
+ return displayTimeFormat(date, locale);
314
223
  }
315
- }]);
316
- }(PureComponent);
317
- _defineProperty(DatePicker, "propTypes", {
318
- className: PropTypes.string,
319
- popupClassName: PropTypes.string,
320
- date: dateType,
321
- withTime: PropTypes.bool,
322
- range: PropTypes.bool,
323
- from: dateType,
324
- to: dateType,
325
- clear: PropTypes.bool,
326
- inline: PropTypes.bool,
327
- displayFormat: PropTypes.func,
328
- displayMonthFormat: PropTypes.func,
329
- displayDayFormat: PropTypes.func,
330
- displayTimeFormat: PropTypes.func,
331
- parseDateInput: PropTypes.func,
332
- applyTimeInput: PropTypes.func,
333
- datePlaceholder: PropTypes.string,
334
- dateTimePlaceholder: PropTypes.string,
335
- rangePlaceholder: PropTypes.string,
336
- onChange: PropTypes.func,
337
- dropdownProps: PropTypes.object,
338
- disabled: PropTypes.bool,
339
- minDate: dateType,
340
- maxDate: dateType,
341
- translations: PropTypes.object,
342
- locale: PropTypes.object,
343
- size: PropTypes.oneOf(Object.values(Size))
344
- });
224
+ return null;
225
+ }
226
+ render() {
227
+ var _this$props$disabled, _this$props$disabled2;
228
+ const anchorContent = /*#__PURE__*/jsxs("div", {
229
+ className: modules_0c7b7d96.anchorContent,
230
+ children: [/*#__PURE__*/jsx(Icon, {
231
+ glyph: calendarIcon,
232
+ className: modules_0c7b7d96.calendarIcon
233
+ }), this.getAnchorText(), /*#__PURE__*/jsx(Icon, {
234
+ glyph: chevronDownIcon,
235
+ className: modules_0c7b7d96.chevronDownIcon
236
+ })]
237
+ });
238
+ const _this$props = this.props,
239
+ {
240
+ className,
241
+ popupClassName,
242
+ clear,
243
+ inline,
244
+ dropdownProps,
245
+ translations
246
+ } = _this$props,
247
+ datePopupProps = _objectWithoutProperties(_this$props, _excluded2);
248
+ const classes = classNames(modules_0c7b7d96.datePicker, className, modules_0c7b7d96["size".concat(this.props.size)], {
249
+ [modules_0c7b7d96.inline]: inline
250
+ });
251
+ return /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({
252
+ className: classes,
253
+ disabled: this.props.disabled,
254
+ "data-test": "ring-date-picker",
255
+ anchor: inline ? /*#__PURE__*/jsx(Link, {
256
+ "data-test-ring-dropdown-anchor": true,
257
+ className: modules_0c7b7d96.anchor,
258
+ disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== void 0 ? _this$props$disabled : false,
259
+ pseudo: true,
260
+ children: this.getAnchorText()
261
+ }) : /*#__PURE__*/jsx(Button, {
262
+ "data-test-ring-dropdown-anchor": true,
263
+ className: modules_0c7b7d96.anchor,
264
+ text: false,
265
+ disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false,
266
+ children: anchorContent
267
+ })
268
+ }, dropdownProps), {}, {
269
+ children: /*#__PURE__*/jsx(PopupComponent, {
270
+ className: popupClassName,
271
+ popupRef: this.popupRef,
272
+ onClear: clear ? this.clear : null,
273
+ datePopupProps: _objectSpread2(_objectSpread2({}, datePopupProps), {}, {
274
+ translations,
275
+ onChange: this.handleChange,
276
+ parseDateInput: this.parse,
277
+ time: this.formatTime()
278
+ }),
279
+ onComplete: this.closePopup
280
+ })
281
+ }));
282
+ }
283
+ }
345
284
  _defineProperty(DatePicker, "defaultProps", {
346
285
  className: '',
347
286
  date: null,
@@ -352,35 +291,24 @@ _defineProperty(DatePicker, "defaultProps", {
352
291
  clear: false,
353
292
  inline: false,
354
293
  size: Size.M,
355
- displayFormat: function displayFormat(date, locale) {
356
- return date ? format(date, 'd MMM yyyy', {
357
- locale
358
- }) : '';
359
- },
360
- displayMonthFormat: function displayMonthFormat(date, locale) {
361
- return date ? format(date, 'd MMM', {
362
- locale
363
- }) : '';
364
- },
365
- displayDayFormat: function displayDayFormat(date, locale) {
366
- return date ? format(date, 'd', {
367
- locale
368
- }) : '';
369
- },
370
- displayTimeFormat: function displayTimeFormat(date, locale) {
371
- return date ? format(date, 'HH:mm', {
372
- locale
373
- }) : '';
374
- },
294
+ displayFormat: (date, locale) => date ? format(date, 'd MMM yyyy', {
295
+ locale
296
+ }) : '',
297
+ displayMonthFormat: (date, locale) => date ? format(date, 'd MMM', {
298
+ locale
299
+ }) : '',
300
+ displayDayFormat: (date, locale) => date ? format(date, 'd', {
301
+ locale
302
+ }) : '',
303
+ displayTimeFormat: (date, locale) => date ? format(date, 'HH:mm', {
304
+ locale
305
+ }) : '',
375
306
  minDate: null,
376
307
  maxDate: null,
377
308
  onChange() {},
378
309
  applyTimeInput(date, timeString) {
379
310
  var _timeString$split$map;
380
- var _ref5 = (_timeString$split$map = timeString === null || timeString === void 0 ? void 0 : timeString.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [],
381
- _ref6 = _slicedToArray(_ref5, 2),
382
- hours = _ref6[0],
383
- minutes = _ref6[1];
311
+ const [hours, minutes] = (_timeString$split$map = timeString === null || timeString === void 0 ? void 0 : timeString.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [];
384
312
  return minutes != null ? set(date, {
385
313
  hours,
386
314
  minutes
@@ -390,21 +318,12 @@ _defineProperty(DatePicker, "defaultProps", {
390
318
  if (!string) {
391
319
  return null;
392
320
  }
393
- var today = new Date();
394
- var _iterator = _createForOfIteratorHelper(formats),
395
- _step;
396
- try {
397
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
398
- var format = _step.value;
399
- var date = parse(string, format, today);
400
- if (isValid(date)) {
401
- return date;
402
- }
321
+ const today = new Date();
322
+ for (const format of formats) {
323
+ const date = parse(string, format, today);
324
+ if (isValid(date)) {
325
+ return date;
403
326
  }
404
- } catch (err) {
405
- _iterator.e(err);
406
- } finally {
407
- _iterator.f();
408
327
  }
409
328
  return null;
410
329
  }
@@ -1,31 +1,9 @@
1
1
  import { Component } from 'react';
2
2
  import * as React from 'react';
3
- import PropTypes from 'prop-types';
4
3
  import { DatePickerChange, DatePopupBaseProps, DateSpecificPopupProps, DatePopupState, RangeSpecificPopupProps, TimeSpecificPopupProps, Field } from './consts';
5
4
  export type DatePopupProps = DatePopupBaseProps & (DateSpecificPopupProps | TimeSpecificPopupProps | RangeSpecificPopupProps);
6
5
  export default class DatePopup extends Component<DatePopupProps, DatePopupState> {
7
6
  static sameDay(next: Date | number | null, prev: Date | number | null): boolean;
8
- static propTypes: {
9
- className: PropTypes.Requireable<string>;
10
- date: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
11
- range: PropTypes.Requireable<boolean>;
12
- withTime: PropTypes.Requireable<boolean>;
13
- time: PropTypes.Requireable<string>;
14
- from: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
15
- to: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
16
- renderAfterCalendar: PropTypes.Requireable<(...args: any[]) => any>;
17
- displayFormat: PropTypes.Requireable<(...args: any[]) => any>;
18
- parseDateInput: PropTypes.Requireable<(...args: any[]) => any>;
19
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
20
- onComplete: PropTypes.Requireable<(...args: any[]) => any>;
21
- onClear: PropTypes.Requireable<(...args: any[]) => any>;
22
- minDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
23
- maxDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
24
- fromPlaceholder: PropTypes.Requireable<string>;
25
- toPlaceholder: PropTypes.Requireable<string>;
26
- timePlaceholder: PropTypes.Requireable<string>;
27
- locale: PropTypes.Requireable<object>;
28
- };
29
7
  static defaultProps: {
30
8
  onChange(): void;
31
9
  };