@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.3

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 (241) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +1 -504
  2. package/components/_helpers/anchor.js +7 -5
  3. package/components/_helpers/button__classes.js +15 -13
  4. package/components/_helpers/caption.js +11 -17
  5. package/components/_helpers/card.js +92 -96
  6. package/components/_helpers/dialog__body-scroll-preventer.js +10 -17
  7. package/components/_helpers/header.js +1 -1
  8. package/components/_helpers/icon__svg.js +27 -23
  9. package/components/_helpers/input.js +150 -171
  10. package/components/_helpers/query-assist__suggestions.js +78 -93
  11. package/components/_helpers/select__filter.js +56 -67
  12. package/components/_helpers/services-link.js +23 -29
  13. package/components/_helpers/sidebar.js +91 -93
  14. package/components/_helpers/tab-link.js +8 -6
  15. package/components/_helpers/theme.js +55 -51
  16. package/components/_helpers/title.js +59 -69
  17. package/components/alert/alert.js +112 -156
  18. package/components/alert/container.js +32 -39
  19. package/components/alert-service/alert-service.js +104 -161
  20. package/components/analytics/analytics.js +12 -20
  21. package/components/analytics/analytics__custom-plugin.js +52 -68
  22. package/components/auth/auth.js +2 -27
  23. package/components/auth/auth__core.d.ts +1 -1
  24. package/components/auth/auth__core.js +742 -1428
  25. package/components/auth/background-flow.js +84 -121
  26. package/components/auth/down-notification.js +31 -69
  27. package/components/auth/iframe-flow.js +70 -123
  28. package/components/auth/request-builder.js +46 -77
  29. package/components/auth/response-parser.js +84 -112
  30. package/components/auth/storage.js +160 -318
  31. package/components/auth/token-validator.js +132 -227
  32. package/components/auth/window-flow.js +84 -121
  33. package/components/auth-dialog/auth-dialog.js +99 -150
  34. package/components/auth-dialog-service/auth-dialog-service.js +6 -26
  35. package/components/avatar/avatar-example-datauri.js +1 -1
  36. package/components/avatar/avatar.js +94 -123
  37. package/components/avatar/fallback-avatar.js +20 -34
  38. package/components/badge/badge.js +32 -38
  39. package/components/breadcrumbs/breadcrumbs.js +13 -17
  40. package/components/button/button.js +67 -80
  41. package/components/button-group/button-group.js +27 -36
  42. package/components/button-set/button-set.js +19 -27
  43. package/components/button-toolbar/button-toolbar.js +17 -25
  44. package/components/caret/caret.js +184 -211
  45. package/components/checkbox/checkbox.js +69 -86
  46. package/components/clipboard/clipboard-fallback.js +7 -7
  47. package/components/clipboard/clipboard.js +36 -128
  48. package/components/code/code.js +83 -151
  49. package/components/collapse/collapse-content.js +42 -60
  50. package/components/collapse/collapse-context.js +2 -2
  51. package/components/collapse/collapse-control.js +12 -12
  52. package/components/collapse/collapse.js +12 -17
  53. package/components/collapse/consts.js +4 -4
  54. package/components/collapse/utils.js +1 -3
  55. package/components/confirm/confirm.js +57 -87
  56. package/components/confirm-service/confirm-service.js +23 -44
  57. package/components/content-layout/content-layout.js +41 -56
  58. package/components/content-layout/sidebar.js +1 -1
  59. package/components/contenteditable/contenteditable.js +38 -46
  60. package/components/control-help/control-help.js +5 -3
  61. package/components/control-label/control-label.js +9 -8
  62. package/components/data-list/data-list.js +113 -156
  63. package/components/data-list/data-list.mock.js +3 -5
  64. package/components/data-list/item.js +120 -140
  65. package/components/data-list/selection.js +77 -135
  66. package/components/data-list/title.js +2 -10
  67. package/components/date-picker/consts.js +16 -22
  68. package/components/date-picker/date-input.js +99 -124
  69. package/components/date-picker/date-picker.js +140 -184
  70. package/components/date-picker/date-popup.js +280 -327
  71. package/components/date-picker/day.js +71 -94
  72. package/components/date-picker/month-names.js +41 -59
  73. package/components/date-picker/month-slider.js +42 -61
  74. package/components/date-picker/month.js +17 -24
  75. package/components/date-picker/months.js +44 -49
  76. package/components/date-picker/weekdays.js +12 -21
  77. package/components/date-picker/years.js +77 -98
  78. package/components/dialog/dialog.js +151 -187
  79. package/components/dialog/dialog__body-scroll-preventer.js +0 -3
  80. package/components/dropdown/anchor.js +0 -6
  81. package/components/dropdown/dropdown.js +134 -154
  82. package/components/dropdown-menu/dropdown-menu.js +59 -87
  83. package/components/editable-heading/editable-heading.js +69 -116
  84. package/components/error-bubble/error-bubble.js +29 -54
  85. package/components/error-message/error-message.js +34 -49
  86. package/components/footer/footer.js +27 -28
  87. package/components/global/compose.js +1 -8
  88. package/components/global/composeRefs.d.ts +0 -3
  89. package/components/global/composeRefs.js +8 -15
  90. package/components/global/controls-height.js +2 -2
  91. package/components/global/create-stateful-context.js +14 -13
  92. package/components/global/data-tests.js +7 -12
  93. package/components/global/dom.js +49 -82
  94. package/components/global/focus-sensor-hoc.js +99 -106
  95. package/components/global/fuzzy-highlight.js +23 -34
  96. package/components/global/get-event-key.js +8 -8
  97. package/components/global/get-uid.js +3 -7
  98. package/components/global/inject-styles.js +7 -14
  99. package/components/global/listeners.js +28 -47
  100. package/components/global/memoize.js +6 -10
  101. package/components/global/normalize-indent.js +19 -46
  102. package/components/global/promise-with-timeout.js +6 -8
  103. package/components/global/prop-types.js +3 -5
  104. package/components/global/react-dom-renderer.js +29 -40
  105. package/components/global/rerender-hoc.js +16 -32
  106. package/components/global/schedule-raf.js +4 -4
  107. package/components/global/sniffer.js +1 -1
  108. package/components/global/theme.d.ts +3 -0
  109. package/components/global/theme.js +2 -19
  110. package/components/global/trivial-template-tag.js +4 -9
  111. package/components/global/typescript-utils.js +2 -6
  112. package/components/global/url.js +20 -23
  113. package/components/global/use-event-callback.js +7 -4
  114. package/components/grid/col.js +27 -39
  115. package/components/grid/grid.js +18 -27
  116. package/components/grid/row.js +23 -30
  117. package/components/group/group.js +16 -22
  118. package/components/header/header-icon.js +19 -31
  119. package/components/header/header.d.ts +0 -1
  120. package/components/header/header.js +30 -64
  121. package/components/header/links.d.ts +2 -0
  122. package/components/header/links.js +20 -0
  123. package/components/header/logo.js +15 -26
  124. package/components/header/profile.js +124 -150
  125. package/components/header/services-link.js +1 -3
  126. package/components/header/services.js +64 -97
  127. package/components/header/smart-profile.js +101 -178
  128. package/components/header/smart-services.js +55 -90
  129. package/components/header/tray.js +21 -30
  130. package/components/heading/heading.js +21 -20
  131. package/components/http/http.js +162 -319
  132. package/components/http/http.mock.js +50 -98
  133. package/components/hub-source/hub-source.js +77 -182
  134. package/components/hub-source/hub-source__user.js +9 -37
  135. package/components/hub-source/hub-source__users-groups.js +34 -60
  136. package/components/i18n/i18n-context.js +7 -8
  137. package/components/i18n/i18n.js +3 -6
  138. package/components/icon/icon.js +60 -74
  139. package/components/icon/icon__svg.js +0 -5
  140. package/components/icon/index.js +0 -5
  141. package/components/input/input.js +1 -11
  142. package/components/island/adaptive-island-hoc.js +29 -37
  143. package/components/island/content.js +100 -110
  144. package/components/island/header.js +56 -66
  145. package/components/island/island.js +25 -33
  146. package/components/island-legacy/content-legacy.js +16 -22
  147. package/components/island-legacy/header-legacy.js +19 -25
  148. package/components/island-legacy/island-legacy.js +16 -22
  149. package/components/link/clickableLink.js +33 -42
  150. package/components/link/link.js +47 -55
  151. package/components/list/consts.js +2 -2
  152. package/components/list/list.js +399 -486
  153. package/components/list/list__custom.js +51 -61
  154. package/components/list/list__hint.js +9 -17
  155. package/components/list/list__item.js +147 -178
  156. package/components/list/list__link.js +38 -47
  157. package/components/list/list__separator.js +15 -24
  158. package/components/list/list__title.js +25 -34
  159. package/components/list/list__users-groups-source.js +55 -121
  160. package/components/loader/loader.js +38 -60
  161. package/components/loader/loader__core.js +123 -184
  162. package/components/loader-inline/loader-inline.js +24 -32
  163. package/components/loader-screen/loader-screen.js +24 -40
  164. package/components/login-dialog/login-dialog.js +81 -121
  165. package/components/login-dialog/service.js +6 -29
  166. package/components/markdown/markdown.js +16 -24
  167. package/components/message/message.js +170 -201
  168. package/components/old-browsers-message/old-browsers-message.js +11 -14
  169. package/components/old-browsers-message/old-browsers-message__stop.js +1 -4
  170. package/components/old-browsers-message/white-list.js +8 -13
  171. package/components/pager/pager.js +212 -257
  172. package/components/panel/panel.js +16 -22
  173. package/components/permissions/permissions.js +118 -161
  174. package/components/permissions/permissions__cache.js +191 -218
  175. package/components/popup/popup.consts.js +1 -1
  176. package/components/popup/popup.js +237 -288
  177. package/components/popup/popup.target.js +9 -7
  178. package/components/popup/position.js +94 -101
  179. package/components/popup-menu/popup-menu.js +33 -67
  180. package/components/progress-bar/progress-bar.js +57 -68
  181. package/components/query-assist/query-assist.js +583 -652
  182. package/components/query-assist/query-assist__suggestions.js +2 -26
  183. package/components/radio/radio.js +15 -27
  184. package/components/radio/radio__item.js +52 -62
  185. package/components/scrollable-section/scrollable-section.js +53 -0
  186. package/components/select/select.js +701 -796
  187. package/components/select/select__filter.js +1 -26
  188. package/components/select/select__popup.js +316 -413
  189. package/components/shortcuts/core.js +147 -195
  190. package/components/shortcuts/shortcut-title.js +6 -10
  191. package/components/shortcuts/shortcuts-hoc.js +23 -41
  192. package/components/shortcuts/shortcuts.js +41 -64
  193. package/components/slider/slider.js +93 -112
  194. package/components/slider/slider.utils.js +16 -23
  195. package/components/storage/storage.js +3 -27
  196. package/components/storage/storage__fallback.js +137 -210
  197. package/components/storage/storage__local.js +89 -147
  198. package/components/style.css +1 -1
  199. package/components/tab-trap/tab-trap.js +35 -53
  200. package/components/table/cell.js +11 -21
  201. package/components/table/disable-hover-hoc.js +27 -42
  202. package/components/table/header-cell.js +59 -75
  203. package/components/table/header.js +89 -110
  204. package/components/table/multitable.js +83 -89
  205. package/components/table/row-with-focus-sensor.js +25 -57
  206. package/components/table/row.js +169 -200
  207. package/components/table/selection-adapter.js +2 -2
  208. package/components/table/selection-shortcuts-hoc.js +108 -113
  209. package/components/table/selection.js +150 -217
  210. package/components/table/simple-table.js +19 -55
  211. package/components/table/smart-table.js +42 -76
  212. package/components/table/table.js +267 -327
  213. package/components/tabs/collapsible-more.js +47 -73
  214. package/components/tabs/collapsible-tab.js +32 -36
  215. package/components/tabs/collapsible-tabs.js +89 -148
  216. package/components/tabs/custom-item.js +4 -2
  217. package/components/tabs/dumb-tabs.js +60 -92
  218. package/components/tabs/smart-tabs.js +29 -61
  219. package/components/tabs/tab-link.js +1 -3
  220. package/components/tabs/tab.js +15 -24
  221. package/components/tabs/tabs.js +1 -26
  222. package/components/tag/tag.d.ts +0 -2
  223. package/components/tag/tag.js +120 -162
  224. package/components/tags-input/tags-input.js +222 -304
  225. package/components/tags-list/tags-list.js +45 -61
  226. package/components/text/text.js +28 -37
  227. package/components/toggle/toggle.js +51 -61
  228. package/components/tooltip/tooltip.js +109 -141
  229. package/components/user-agreement/service.js +259 -400
  230. package/components/user-agreement/user-agreement.js +80 -108
  231. package/components/user-card/card.js +1 -25
  232. package/components/user-card/smart-user-card-tooltip.js +52 -103
  233. package/components/user-card/tooltip.js +35 -65
  234. package/components/user-card/user-card.js +1 -25
  235. package/package.json +1 -1
  236. package/components/global/react-render-adapter.d.ts +0 -1
  237. package/components/global/react-render-adapter.js +0 -6
  238. package/components/header/scrollable-section.js +0 -47
  239. package/components/header/tray-icon.d.ts +0 -1
  240. package/components/header/tray-icon.js +0 -26
  241. /package/components/{header → scrollable-section}/scrollable-section.d.ts +0 -0
@@ -1,7 +1,5 @@
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
4
  import PropTypes from 'prop-types';
7
5
  import classNames from 'classnames';
@@ -27,32 +25,14 @@ import { dateType } from './consts.js';
27
25
  import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
28
26
  import formats from './formats.js';
29
27
  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
28
  import 'core-js/modules/es.regexp.exec.js';
37
- import 'core-js/modules/es.regexp.to-string.js';
38
29
  import 'core-js/modules/es.string.replace.js';
39
- import 'core-js/modules/web.dom-collections.for-each.js';
40
30
  import 'react-dom';
41
31
  import '../global/get-uid.js';
42
32
  import '../global/schedule-raf.js';
43
33
  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
34
  import '../shortcuts/shortcuts.js';
49
35
  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
36
  import 'combokeys';
57
37
  import '../global/sniffer.js';
58
38
  import 'sniffr';
@@ -69,7 +49,6 @@ import '@jetbrains/icons/chevron-10px';
69
49
  import 'util-deprecate';
70
50
  import '../icon/icon__constants.js';
71
51
  import '../_helpers/icon__svg.js';
72
- import 'core-js/modules/es.string.starts-with.js';
73
52
  import '../link/clickableLink.js';
74
53
  import '../global/controls-height.js';
75
54
  import '../_helpers/button__classes.js';
@@ -86,7 +65,6 @@ import 'date-fns/isBefore';
86
65
  import 'date-fns/startOfDay';
87
66
  import 'date-fns';
88
67
  import './date-input.js';
89
- import 'core-js/modules/es.array.index-of.js';
90
68
  import 'date-fns/add';
91
69
  import './months.js';
92
70
  import 'date-fns/addMonths';
@@ -115,16 +93,17 @@ import 'date-fns/isThisYear';
115
93
  import 'date-fns/setYear';
116
94
  import './weekdays.js';
117
95
 
118
- var _excluded = ["hidden", "className", "popupRef", "onClear", "datePopupProps", "onComplete"],
96
+ const _excluded = ["hidden", "className", "popupRef", "onClear", "datePopupProps", "onComplete"],
119
97
  _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,
98
+ const PopupComponent = _ref => {
99
+ let {
100
+ hidden = false,
101
+ className,
102
+ popupRef,
103
+ onClear,
104
+ datePopupProps,
105
+ onComplete
106
+ } = _ref,
128
107
  restProps = _objectWithoutProperties(_ref, _excluded);
129
108
  return /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
130
109
  hidden: hidden,
@@ -151,42 +130,40 @@ PopupComponent.propTypes = {
151
130
  /**
152
131
  * @name Date Picker
153
132
  */
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;
133
+ class DatePicker extends PureComponent {
134
+ constructor() {
135
+ super(...arguments);
136
+ _defineProperty(this, "handleChange", change => {
137
+ const {
138
+ onChange,
139
+ withTime,
140
+ applyTimeInput
141
+ } = this.props;
142
+ const adjustedChange = withTime && !(change instanceof Date) && (change === null || change === void 0 ? void 0 : change.date) != null ? applyTimeInput(change.date, change.time) : change;
168
143
  onChange(adjustedChange);
169
144
  });
170
- _defineProperty(_this, "clear", function () {
171
- var change = null;
172
- if (_this.props.range) {
145
+ _defineProperty(this, "clear", () => {
146
+ let change = null;
147
+ if (this.props.range) {
173
148
  change = {
174
149
  from: null,
175
150
  to: null
176
151
  };
177
152
  }
178
- _this.handleChange(change);
153
+ this.handleChange(change);
179
154
  });
180
- _defineProperty(_this, "popup", void 0);
181
- _defineProperty(_this, "popupRef", function (el) {
182
- _this.popup = el;
155
+ _defineProperty(this, "popup", void 0);
156
+ _defineProperty(this, "popupRef", el => {
157
+ this.popup = el;
183
158
  });
184
- _defineProperty(_this, "closePopup", function () {
159
+ _defineProperty(this, "closePopup", () => {
185
160
  var _this$popup;
186
- (_this$popup = _this.popup) === null || _this$popup === void 0 || _this$popup._onCloseAttempt();
161
+ (_this$popup = this.popup) === null || _this$popup === void 0 || _this$popup._onCloseAttempt();
187
162
  });
188
- _defineProperty(_this, "parse", memoize(function (date) {
189
- var parseDateInput = _this.props.parseDateInput;
163
+ _defineProperty(this, "parse", memoize(date => {
164
+ const {
165
+ parseDateInput
166
+ } = this.props;
190
167
  if (date instanceof Date) {
191
168
  return date;
192
169
  }
@@ -195,23 +172,26 @@ var DatePicker = /*#__PURE__*/function (_PureComponent) {
195
172
  }
196
173
  return parseDateInput(date);
197
174
  }));
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();
175
+ _defineProperty(this, "getAnchorText", () => {
176
+ const {
177
+ range,
178
+ datePlaceholder,
179
+ dateTimePlaceholder,
180
+ rangePlaceholder,
181
+ withTime,
182
+ displayFormat,
183
+ displayMonthFormat,
184
+ displayDayFormat,
185
+ translations,
186
+ locale
187
+ } = this.props;
188
+ const {
189
+ translate
190
+ } = this.context;
191
+ const date = this.parse(this.props.date);
192
+ const from = this.parse(this.props.from);
193
+ const to = this.parse(this.props.to);
194
+ const time = this.formatTime();
215
195
  if (!range && !withTime) {
216
196
  var _ref2;
217
197
  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,79 +221,75 @@ var DatePicker = /*#__PURE__*/function (_PureComponent) {
241
221
  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
222
  }
243
223
  });
244
- return _this;
245
224
  }
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
- }));
225
+ formatTime() {
226
+ const {
227
+ displayTimeFormat,
228
+ locale
229
+ } = this.props;
230
+ const date = this.parse(this.props.date);
231
+ if (date != null) {
232
+ return displayTimeFormat(date, locale);
314
233
  }
315
- }]);
316
- }(PureComponent);
234
+ return null;
235
+ }
236
+ render() {
237
+ var _this$props$disabled, _this$props$disabled2;
238
+ const anchorContent = /*#__PURE__*/jsxs("div", {
239
+ className: modules_0c7b7d96.anchorContent,
240
+ children: [/*#__PURE__*/jsx(Icon, {
241
+ glyph: calendarIcon,
242
+ className: modules_0c7b7d96.calendarIcon
243
+ }), this.getAnchorText(), /*#__PURE__*/jsx(Icon, {
244
+ glyph: chevronDownIcon,
245
+ className: modules_0c7b7d96.chevronDownIcon
246
+ })]
247
+ });
248
+ const _this$props = this.props,
249
+ {
250
+ className,
251
+ popupClassName,
252
+ clear,
253
+ inline,
254
+ dropdownProps,
255
+ translations
256
+ } = _this$props,
257
+ datePopupProps = _objectWithoutProperties(_this$props, _excluded2);
258
+ const classes = classNames(modules_0c7b7d96.datePicker, className, modules_0c7b7d96["size".concat(this.props.size)], {
259
+ [modules_0c7b7d96.inline]: inline
260
+ });
261
+ return /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({
262
+ className: classes,
263
+ disabled: this.props.disabled,
264
+ anchor: inline ? /*#__PURE__*/jsx(Link, {
265
+ "data-test-ring-dropdown-anchor": true,
266
+ className: modules_0c7b7d96.anchor,
267
+ disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== void 0 ? _this$props$disabled : false,
268
+ pseudo: true,
269
+ children: this.getAnchorText()
270
+ }) : /*#__PURE__*/jsx(Button, {
271
+ "data-test-ring-dropdown-anchor": true,
272
+ className: modules_0c7b7d96.anchor,
273
+ text: false,
274
+ disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false,
275
+ children: anchorContent
276
+ })
277
+ }, dropdownProps), {}, {
278
+ children: /*#__PURE__*/jsx(PopupComponent, {
279
+ className: popupClassName,
280
+ popupRef: this.popupRef,
281
+ onClear: clear ? this.clear : null,
282
+ datePopupProps: _objectSpread2(_objectSpread2({}, datePopupProps), {}, {
283
+ translations,
284
+ onChange: this.handleChange,
285
+ parseDateInput: this.parse,
286
+ time: this.formatTime()
287
+ }),
288
+ onComplete: this.closePopup
289
+ })
290
+ }));
291
+ }
292
+ }
317
293
  _defineProperty(DatePicker, "propTypes", {
318
294
  className: PropTypes.string,
319
295
  popupClassName: PropTypes.string,
@@ -352,35 +328,24 @@ _defineProperty(DatePicker, "defaultProps", {
352
328
  clear: false,
353
329
  inline: false,
354
330
  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
- },
331
+ displayFormat: (date, locale) => date ? format(date, 'd MMM yyyy', {
332
+ locale
333
+ }) : '',
334
+ displayMonthFormat: (date, locale) => date ? format(date, 'd MMM', {
335
+ locale
336
+ }) : '',
337
+ displayDayFormat: (date, locale) => date ? format(date, 'd', {
338
+ locale
339
+ }) : '',
340
+ displayTimeFormat: (date, locale) => date ? format(date, 'HH:mm', {
341
+ locale
342
+ }) : '',
375
343
  minDate: null,
376
344
  maxDate: null,
377
345
  onChange() {},
378
346
  applyTimeInput(date, timeString) {
379
347
  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];
348
+ 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
349
  return minutes != null ? set(date, {
385
350
  hours,
386
351
  minutes
@@ -390,21 +355,12 @@ _defineProperty(DatePicker, "defaultProps", {
390
355
  if (!string) {
391
356
  return null;
392
357
  }
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
- }
358
+ const today = new Date();
359
+ for (const format of formats) {
360
+ const date = parse(string, format, today);
361
+ if (isValid(date)) {
362
+ return date;
403
363
  }
404
- } catch (err) {
405
- _iterator.e(err);
406
- } finally {
407
- _iterator.f();
408
364
  }
409
365
  return null;
410
366
  }