@atlaskit/datetime-picker 15.10.1 → 15.10.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 15.10.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#177689](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177689)
8
+ [`e399f0a6a7c5b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e399f0a6a7c5b) -
9
+ Select: Update use of deprecated props
10
+
11
+ ## 15.10.2
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 15.10.1
4
18
 
5
19
  ### Patch Changes
@@ -9,10 +9,9 @@ exports.default = exports.DatePickerWithoutAnalytics = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
13
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
12
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
15
13
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
14
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
16
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
16
  var _react = require("react");
18
17
  var _react2 = require("@emotion/react");
@@ -36,13 +35,13 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
36
35
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
37
36
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
38
37
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
39
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
38
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
40
39
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
41
40
  * @jsxRuntime classic
42
41
  * @jsx jsx
43
42
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
44
43
  var packageName = "@atlaskit/datetime-picker";
45
- var packageVersion = "15.10.1";
44
+ var packageVersion = "15.10.3";
46
45
  var dropdownIndicatorStyles = (0, _primitives.xcss)({
47
46
  minWidth: "var(--ds-space-300, 24px)",
48
47
  minHeight: "var(--ds-space-300, 24px)",
@@ -50,6 +49,8 @@ var dropdownIndicatorStyles = (0, _primitives.xcss)({
50
49
  alignItems: 'center',
51
50
  justifyContent: 'center'
52
51
  });
52
+
53
+ // eslint-disable-next-line @atlaskit/platform/no-module-level-eval
53
54
  var CalendarIcon = (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? _calendar.default :
54
55
  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
55
56
  _calendar2.default;
@@ -100,27 +101,25 @@ var iconSpacingWithoutClearButtonStyles = (0, _primitives.xcss)({
100
101
 
101
102
  // eslint-disable-next-line @repo/internal/react/no-class-components
102
103
  var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Component) {
103
- (0, _inherits2.default)(DatePickerComponent, _Component);
104
- var _super = _createSuper(DatePickerComponent);
105
104
  function DatePickerComponent(props) {
106
105
  var _this$props$selectPro2;
107
106
  var _this;
108
107
  (0, _classCallCheck2.default)(this, DatePickerComponent);
109
- _this = _super.call(this, props);
110
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "containerRef", null);
111
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calendarRef", /*#__PURE__*/(0, _react.createRef)());
112
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calendarButtonRef", /*#__PURE__*/(0, _react.createRef)());
108
+ _this = _callSuper(this, DatePickerComponent, [props]);
109
+ (0, _defineProperty2.default)(_this, "containerRef", null);
110
+ (0, _defineProperty2.default)(_this, "calendarRef", /*#__PURE__*/(0, _react.createRef)());
111
+ (0, _defineProperty2.default)(_this, "calendarButtonRef", /*#__PURE__*/(0, _react.createRef)());
113
112
  // All state needs to be accessed via this function so that the state is mapped from props
114
113
  // correctly to allow controlled/uncontrolled usage.
115
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getValue", function () {
114
+ (0, _defineProperty2.default)(_this, "getValue", function () {
116
115
  var _this$props$value;
117
116
  return (_this$props$value = _this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : _this.state.value;
118
117
  });
119
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getIsOpen", function () {
118
+ (0, _defineProperty2.default)(_this, "getIsOpen", function () {
120
119
  var _this$props$isOpen;
121
120
  return (_this$props$isOpen = _this.props.isOpen) !== null && _this$props$isOpen !== void 0 ? _this$props$isOpen : _this.state.isOpen;
122
121
  });
123
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCalendarChange", function (_ref) {
122
+ (0, _defineProperty2.default)(_this, "onCalendarChange", function (_ref) {
124
123
  var iso = _ref.iso;
125
124
  _this.setState({
126
125
  calendarValue: (0, _datePickerMigration.getParsedISO)({
@@ -128,7 +127,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
128
127
  })
129
128
  });
130
129
  });
131
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCalendarSelect", function (_ref2) {
130
+ (0, _defineProperty2.default)(_this, "onCalendarSelect", function (_ref2) {
132
131
  var iso = _ref2.iso;
133
132
  _this.setState({
134
133
  selectInputValue: '',
@@ -157,7 +156,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
157
156
  isOpen: false
158
157
  });
159
158
  });
160
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onInputClick", function () {
159
+ (0, _defineProperty2.default)(_this, "onInputClick", function () {
161
160
  if (!_this.props.isDisabled && !_this.getIsOpen()) {
162
161
  _this.setState({
163
162
  isOpen: true,
@@ -165,7 +164,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
165
164
  });
166
165
  }
167
166
  });
168
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onContainerBlur", function (event) {
167
+ (0, _defineProperty2.default)(_this, "onContainerBlur", function (event) {
169
168
  var _this$containerRef2;
170
169
  var newlyFocusedElement = event.relatedTarget;
171
170
  if (!((_this$containerRef2 = _this.containerRef) !== null && _this$containerRef2 !== void 0 && _this$containerRef2.contains(newlyFocusedElement))) {
@@ -177,12 +176,12 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
177
176
  _this.props.onBlur(event);
178
177
  }
179
178
  });
180
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onContainerFocus", function () {
179
+ (0, _defineProperty2.default)(_this, "onContainerFocus", function () {
181
180
  _this.setState({
182
181
  shouldSetFocusOnCurrentDay: false
183
182
  });
184
183
  });
185
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectBlur", function (event) {
184
+ (0, _defineProperty2.default)(_this, "onSelectBlur", function (event) {
186
185
  var _this$containerRef3;
187
186
  var newlyFocusedElement = event.relatedTarget;
188
187
  if (_this.state.clearingFromIcon) {
@@ -200,7 +199,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
200
199
  });
201
200
  }
202
201
  });
203
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectFocus", function (event) {
202
+ (0, _defineProperty2.default)(_this, "onSelectFocus", function (event) {
204
203
  var clearingFromIcon = _this.state.clearingFromIcon;
205
204
  var value = _this.getValue();
206
205
  if (clearingFromIcon) {
@@ -219,7 +218,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
219
218
  }
220
219
  _this.props.onFocus(event);
221
220
  });
222
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTextInput", function (event) {
221
+ (0, _defineProperty2.default)(_this, "onTextInput", function (event) {
223
222
  var inputValue = event.target.value;
224
223
  if (inputValue) {
225
224
  var parsed = (0, _datePickerMigration.parseDate)(inputValue, {
@@ -241,7 +240,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
241
240
  wasOpenedFromCalendarButton: false
242
241
  });
243
242
  });
244
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onInputKeyDown", function (event) {
243
+ (0, _defineProperty2.default)(_this, "onInputKeyDown", function (event) {
245
244
  var calendarValue = _this.state.calendarValue;
246
245
  var value = _this.getValue();
247
246
  var keyPressed = event.key.toLowerCase();
@@ -328,7 +327,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
328
327
  break;
329
328
  }
330
329
  });
331
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCalendarButtonKeyDown", function (e) {
330
+ (0, _defineProperty2.default)(_this, "onCalendarButtonKeyDown", function (e) {
332
331
  // Don't allow an arrow up or down to open the menu, since the input key
333
332
  // down handler is actually on the parent.
334
333
  if (e.type === 'keydown' && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {
@@ -346,7 +345,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
346
345
  }
347
346
  });
348
347
  // This event handler is triggered from both keydown and click. It's weird.
349
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCalendarButtonClick", function (e) {
348
+ (0, _defineProperty2.default)(_this, "onCalendarButtonClick", function (e) {
350
349
  _this.setState({
351
350
  isOpen: !_this.state.isOpen,
352
351
  wasOpenedFromCalendarButton: true
@@ -365,7 +364,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
365
364
  });
366
365
  e.stopPropagation();
367
366
  });
368
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClear", function () {
367
+ (0, _defineProperty2.default)(_this, "onClear", function () {
369
368
  var changedState = {
370
369
  value: '',
371
370
  calendarValue: _this.props.defaultValue || (0, _parseDate.getShortISOString)(new Date())
@@ -379,14 +378,14 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
379
378
  _this.props.onChange('');
380
379
  });
381
380
  // `unknown` is used because `value` is unused so it does not matter.
382
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectChange", function (_value, action) {
381
+ (0, _defineProperty2.default)(_this, "onSelectChange", function (_value, action) {
383
382
  // Used for native clear event in React Select
384
383
  // Triggered when clicking ClearIndicator or backspace with no value
385
384
  if (action.action === 'clear') {
386
385
  _this.onClear();
387
386
  }
388
387
  });
389
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelectInputChange", function (selectInputValue, actionMeta) {
388
+ (0, _defineProperty2.default)(_this, "handleSelectInputChange", function (selectInputValue, actionMeta) {
390
389
  var _this$props$selectPro;
391
390
  var onInputChange = (_this$props$selectPro = _this.props.selectProps) === null || _this$props$selectPro === void 0 ? void 0 : _this$props$selectPro.onInputChange;
392
391
  if (onInputChange) {
@@ -396,7 +395,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
396
395
  selectInputValue: selectInputValue
397
396
  });
398
397
  });
399
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getContainerRef", function (ref) {
398
+ (0, _defineProperty2.default)(_this, "getContainerRef", function (ref) {
400
399
  var oldRef = _this.containerRef;
401
400
  _this.containerRef = ref;
402
401
  // Cause a re-render if we're getting the container ref for the first time
@@ -420,7 +419,8 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
420
419
  };
421
420
  return _this;
422
421
  }
423
- (0, _createClass2.default)(DatePickerComponent, [{
422
+ (0, _inherits2.default)(DatePickerComponent, _Component);
423
+ return (0, _createClass2.default)(DatePickerComponent, [{
424
424
  key: "render",
425
425
  value: function render() {
426
426
  var _this2 = this;
@@ -575,7 +575,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
575
575
  }), (0, _react2.jsx)(_select.default, (0, _extends2.default)({
576
576
  appearance: this.props.appearance,
577
577
  "aria-describedby": ariaDescribedBy,
578
- "aria-label": label || undefined,
578
+ label: label || undefined,
579
579
  autoFocus: autoFocus,
580
580
  clearControlLabel: clearControlLabel,
581
581
  closeMenuOnSelect: true
@@ -669,7 +669,6 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
669
669
  }
670
670
  }
671
671
  }]);
672
- return DatePickerComponent;
673
672
  }(_react.Component);
674
673
  (0, _defineProperty2.default)(DatePickerComponent, "defaultProps", datePickerDefaultProps);
675
674
  /**
@@ -39,7 +39,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
39
39
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
40
40
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
41
41
  var packageName = "@atlaskit/datetime-picker";
42
- var packageVersion = "15.10.1";
42
+ var packageVersion = "15.10.3";
43
43
  var analyticsAttributes = {
44
44
  componentName: 'datePicker',
45
45
  packageName: packageName,
@@ -569,7 +569,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
569
569
  }), (0, _react2.jsx)(_select.default, (0, _extends2.default)({
570
570
  appearance: appearance,
571
571
  "aria-describedby": ariaDescribedBy,
572
- "aria-label": label || undefined,
572
+ label: label || undefined,
573
573
  autoFocus: autoFocus,
574
574
  clearControlLabel: clearControlLabel,
575
575
  closeMenuOnSelect: true
@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.timePickerDefaultAriaLabel = exports.default = exports.datePickerDefaultAriaLabel = exports.DateTimePickerWithoutAnalytics = void 0;
8
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
11
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
12
10
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
13
11
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
12
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
14
  var _react = _interopRequireDefault(require("react"));
16
15
  var _react2 = require("@emotion/react");
@@ -27,7 +26,7 @@ var _parseTokens = require("../internal/parse-tokens");
27
26
  var _datePickerClass = _interopRequireDefault(require("./date-picker-class"));
28
27
  var _datePickerFc = _interopRequireDefault(require("./date-picker-fc"));
29
28
  var _timePicker = _interopRequireDefault(require("./time-picker"));
30
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
29
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
31
30
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
32
31
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
33
32
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
@@ -38,7 +37,7 @@ var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
38
37
  return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
39
38
  }, _datePickerFc.default, _datePickerClass.default);
40
39
  var packageName = "@atlaskit/datetime-picker";
41
- var packageVersion = "15.10.1";
40
+ var packageVersion = "15.10.3";
42
41
  // Make DatePicker 50% the width of DateTimePicker
43
42
  // If rendering an icon container, shrink the TimePicker
44
43
  var datePickerContainerStyles = (0, _react2.css)({
@@ -97,8 +96,6 @@ var dateTimePickerDefaultProps = {
97
96
  var datePickerDefaultAriaLabel = exports.datePickerDefaultAriaLabel = 'Date';
98
97
  var timePickerDefaultAriaLabel = exports.timePickerDefaultAriaLabel = 'Time';
99
98
  var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
100
- (0, _inherits2.default)(DateTimePickerComponent, _React$Component);
101
- var _super = _createSuper(DateTimePickerComponent);
102
99
  function DateTimePickerComponent() {
103
100
  var _this$props$datePicke, _this$props$timePicke;
104
101
  var _this;
@@ -106,8 +103,8 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
106
103
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
107
104
  args[_key] = arguments[_key];
108
105
  }
109
- _this = _super.call.apply(_super, [this].concat(args));
110
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
106
+ _this = _callSuper(this, DateTimePickerComponent, [].concat(args));
107
+ (0, _defineProperty2.default)(_this, "state", {
111
108
  dateValue: ((_this$props$datePicke = _this.props.datePickerProps) === null || _this$props$datePicke === void 0 ? void 0 : _this$props$datePicke.defaultValue) || '',
112
109
  isFocused: false,
113
110
  timeValue: ((_this$props$timePicke = _this.props.timePickerProps) === null || _this$props$timePicke === void 0 ? void 0 : _this$props$timePicke.defaultValue) || '',
@@ -116,14 +113,14 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
116
113
  });
117
114
  // All state needs to be accessed via this function so that the state is mapped from props
118
115
  // correctly to allow controlled/uncontrolled usage.
119
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getParsedValues", function () {
116
+ (0, _defineProperty2.default)(_this, "getParsedValues", function () {
120
117
  return _this.parseValue(_this.getValue(), _this.state.dateValue, _this.state.timeValue, _this.state.zoneValue);
121
118
  });
122
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getValue", function () {
119
+ (0, _defineProperty2.default)(_this, "getValue", function () {
123
120
  var _this$props$value;
124
121
  return (_this$props$value = _this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : _this.state.value;
125
122
  });
126
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDateBlur", function (event) {
123
+ (0, _defineProperty2.default)(_this, "onDateBlur", function (event) {
127
124
  var _this$props$onBlur, _this$props, _this$props$datePicke2;
128
125
  _this.setState({
129
126
  isFocused: false
@@ -133,7 +130,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
133
130
  _this.props.datePickerProps.onBlur(event);
134
131
  }
135
132
  });
136
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTimeBlur", function (event) {
133
+ (0, _defineProperty2.default)(_this, "onTimeBlur", function (event) {
137
134
  var _this$props$onBlur2, _this$props2, _this$props$timePicke2;
138
135
  _this.setState({
139
136
  isFocused: false
@@ -143,7 +140,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
143
140
  _this.props.timePickerProps.onBlur(event);
144
141
  }
145
142
  });
146
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDateFocus", function (event) {
143
+ (0, _defineProperty2.default)(_this, "onDateFocus", function (event) {
147
144
  var _this$props$onFocus, _this$props3, _this$props$datePicke3;
148
145
  _this.setState({
149
146
  isFocused: true
@@ -153,7 +150,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
153
150
  _this.props.datePickerProps.onFocus(event);
154
151
  }
155
152
  });
156
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTimeFocus", function (event) {
153
+ (0, _defineProperty2.default)(_this, "onTimeFocus", function (event) {
157
154
  var _this$props$onFocus2, _this$props4, _this$props$timePicke3;
158
155
  _this.setState({
159
156
  isFocused: true
@@ -163,7 +160,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
163
160
  _this.props.timePickerProps.onFocus(event);
164
161
  }
165
162
  });
166
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDateChange", function (dateValue) {
163
+ (0, _defineProperty2.default)(_this, "onDateChange", function (dateValue) {
167
164
  var _this$props$datePicke4;
168
165
  var parsedValues = _this.getParsedValues();
169
166
  _this.onValueChange({
@@ -175,7 +172,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
175
172
  _this.props.datePickerProps.onChange(dateValue);
176
173
  }
177
174
  });
178
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTimeChange", function (timeValue) {
175
+ (0, _defineProperty2.default)(_this, "onTimeChange", function (timeValue) {
179
176
  var _this$props$timePicke4;
180
177
  var parsedValues = _this.getParsedValues();
181
178
  _this.onValueChange({
@@ -187,7 +184,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
187
184
  _this.props.timePickerProps.onChange(timeValue);
188
185
  }
189
186
  });
190
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClear", function () {
187
+ (0, _defineProperty2.default)(_this, "onClear", function () {
191
188
  var _this$props$datePicke5, _this$props$timePicke5;
192
189
  var parsedValues = _this.getParsedValues();
193
190
  _this.onValueChange({
@@ -204,7 +201,8 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
204
201
  });
205
202
  return _this;
206
203
  }
207
- (0, _createClass2.default)(DateTimePickerComponent, [{
204
+ (0, _inherits2.default)(DateTimePickerComponent, _React$Component);
205
+ return (0, _createClass2.default)(DateTimePickerComponent, [{
208
206
  key: "parseValue",
209
207
  value: function parseValue(value, dateValue, timeValue, zoneValue) {
210
208
  if (this.props.parseValue) {
@@ -409,7 +407,6 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
409
407
  }), ' ') : null);
410
408
  }
411
409
  }]);
412
- return DateTimePickerComponent;
413
410
  }(_react.default.Component);
414
411
  (0, _defineProperty2.default)(DateTimePickerComponent, "defaultProps", dateTimePickerDefaultProps);
415
412
  /**
@@ -37,7 +37,7 @@ function () {
37
37
  return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
38
38
  }, _datePickerFc.default, _datePickerClass.default);
39
39
  var packageName = "@atlaskit/datetime-picker";
40
- var packageVersion = "15.10.1";
40
+ var packageVersion = "15.10.3";
41
41
  var analyticsAttributes = {
42
42
  componentName: 'dateTimePicker',
43
43
  packageName: packageName,
@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
27
27
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
28
28
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
29
29
  var packageName = "@atlaskit/datetime-picker";
30
- var packageVersion = "15.10.1";
30
+ var packageVersion = "15.10.3";
31
31
  var menuStyles = {
32
32
  /* Need to remove default absolute positioning as that causes issues with position fixed */
33
33
  position: 'static',
@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
11
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
12
10
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
13
11
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
12
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
14
  var _react = _interopRequireDefault(require("react"));
16
15
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
@@ -19,7 +18,7 @@ var _popper = require("@atlaskit/popper");
19
18
  var _constants = require("@atlaskit/theme/constants");
20
19
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
20
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
21
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
23
22
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
24
23
  /**
25
24
  * This component renders layered content with fixed positioning.
@@ -27,19 +26,18 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
27
26
  * container ref.
28
27
  */
29
28
  var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
30
- (0, _inherits2.default)(FixedLayer, _React$Component);
31
- var _super = _createSuper(FixedLayer);
32
29
  function FixedLayer() {
33
30
  var _this;
34
31
  (0, _classCallCheck2.default)(this, FixedLayer);
35
32
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
36
33
  args[_key] = arguments[_key];
37
34
  }
38
- _this = _super.call.apply(_super, [this].concat(args));
39
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "update", _noop.default);
35
+ _this = _callSuper(this, FixedLayer, [].concat(args));
36
+ (0, _defineProperty2.default)(_this, "update", _noop.default);
40
37
  return _this;
41
38
  }
42
- (0, _createClass2.default)(FixedLayer, [{
39
+ (0, _inherits2.default)(FixedLayer, _React$Component);
40
+ return (0, _createClass2.default)(FixedLayer, [{
43
41
  key: "componentDidUpdate",
44
42
  value: function componentDidUpdate(prevProps) {
45
43
  if (prevProps.inputValue !== this.props.inputValue) {
@@ -97,5 +95,4 @@ var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
97
95
  );
98
96
  }
99
97
  }]);
100
- return FixedLayer;
101
98
  }(_react.default.Component);
@@ -25,7 +25,7 @@ import { Menu } from '../internal/menu';
25
25
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
26
26
  import { makeSingleValue } from '../internal/single-value';
27
27
  const packageName = "@atlaskit/datetime-picker";
28
- const packageVersion = "15.10.1";
28
+ const packageVersion = "15.10.3";
29
29
  const dropdownIndicatorStyles = xcss({
30
30
  minWidth: "var(--ds-space-300, 24px)",
31
31
  minHeight: "var(--ds-space-300, 24px)",
@@ -33,6 +33,8 @@ const dropdownIndicatorStyles = xcss({
33
33
  alignItems: 'center',
34
34
  justifyContent: 'center'
35
35
  });
36
+
37
+ // eslint-disable-next-line @atlaskit/platform/no-module-level-eval
36
38
  const CalendarIcon = fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
37
39
  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
38
40
  CalendarIconOld;
@@ -551,7 +553,7 @@ class DatePickerComponent extends Component {
551
553
  }), jsx(Select, _extends({
552
554
  appearance: this.props.appearance,
553
555
  "aria-describedby": ariaDescribedBy,
554
- "aria-label": label || undefined,
556
+ label: label || undefined,
555
557
  autoFocus: autoFocus,
556
558
  clearControlLabel: clearControlLabel,
557
559
  closeMenuOnSelect: true
@@ -24,7 +24,7 @@ import { Menu } from '../internal/menu';
24
24
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
25
25
  import { makeSingleValue } from '../internal/single-value';
26
26
  const packageName = "@atlaskit/datetime-picker";
27
- const packageVersion = "15.10.1";
27
+ const packageVersion = "15.10.3";
28
28
  const analyticsAttributes = {
29
29
  componentName: 'datePicker',
30
30
  packageName,
@@ -495,7 +495,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
495
495
  }), jsx(Select, _extends({
496
496
  appearance: appearance,
497
497
  "aria-describedby": ariaDescribedBy,
498
- "aria-label": label || undefined,
498
+ label: label || undefined,
499
499
  autoFocus: autoFocus,
500
500
  clearControlLabel: clearControlLabel,
501
501
  closeMenuOnSelect: true
@@ -22,7 +22,7 @@ import DatePickerNew from './date-picker-fc';
22
22
  import TimePicker from './time-picker';
23
23
  const DatePicker = componentWithCondition(() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
24
24
  const packageName = "@atlaskit/datetime-picker";
25
- const packageVersion = "15.10.1";
25
+ const packageVersion = "15.10.3";
26
26
  // Make DatePicker 50% the width of DateTimePicker
27
27
  // If rendering an icon container, shrink the TimePicker
28
28
  const datePickerContainerStyles = css({
@@ -18,7 +18,7 @@ const DatePicker = componentWithCondition(
18
18
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
19
19
  () => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
20
20
  const packageName = "@atlaskit/datetime-picker";
21
- const packageVersion = "15.10.1";
21
+ const packageVersion = "15.10.3";
22
22
  const analyticsAttributes = {
23
23
  componentName: 'dateTimePicker',
24
24
  packageName,
@@ -11,7 +11,7 @@ import parseTime from '../internal/parse-time';
11
11
  import { convertTokens } from '../internal/parse-tokens';
12
12
  import { makeSingleValue } from '../internal/single-value';
13
13
  const packageName = "@atlaskit/datetime-picker";
14
- const packageVersion = "15.10.1";
14
+ const packageVersion = "15.10.3";
15
15
  const menuStyles = {
16
16
  /* Need to remove default absolute positioning as that causes issues with position fixed */
17
17
  position: 'static',
@@ -1,14 +1,13 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/createClass";
4
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
5
- import _inherits from "@babel/runtime/helpers/inherits";
6
4
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
7
5
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
+ import _inherits from "@babel/runtime/helpers/inherits";
8
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
9
8
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10
9
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
11
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
10
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
12
11
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
13
12
  /**
14
13
  * @jsxRuntime classic
@@ -35,7 +34,7 @@ import { Menu } from '../internal/menu';
35
34
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
36
35
  import { makeSingleValue } from '../internal/single-value';
37
36
  var packageName = "@atlaskit/datetime-picker";
38
- var packageVersion = "15.10.1";
37
+ var packageVersion = "15.10.3";
39
38
  var dropdownIndicatorStyles = xcss({
40
39
  minWidth: "var(--ds-space-300, 24px)",
41
40
  minHeight: "var(--ds-space-300, 24px)",
@@ -43,6 +42,8 @@ var dropdownIndicatorStyles = xcss({
43
42
  alignItems: 'center',
44
43
  justifyContent: 'center'
45
44
  });
45
+
46
+ // eslint-disable-next-line @atlaskit/platform/no-module-level-eval
46
47
  var CalendarIcon = fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
47
48
  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
48
49
  CalendarIconOld;
@@ -93,27 +94,25 @@ var iconSpacingWithoutClearButtonStyles = xcss({
93
94
 
94
95
  // eslint-disable-next-line @repo/internal/react/no-class-components
95
96
  var DatePickerComponent = /*#__PURE__*/function (_Component) {
96
- _inherits(DatePickerComponent, _Component);
97
- var _super = _createSuper(DatePickerComponent);
98
97
  function DatePickerComponent(props) {
99
98
  var _this$props$selectPro2;
100
99
  var _this;
101
100
  _classCallCheck(this, DatePickerComponent);
102
- _this = _super.call(this, props);
103
- _defineProperty(_assertThisInitialized(_this), "containerRef", null);
104
- _defineProperty(_assertThisInitialized(_this), "calendarRef", /*#__PURE__*/createRef());
105
- _defineProperty(_assertThisInitialized(_this), "calendarButtonRef", /*#__PURE__*/createRef());
101
+ _this = _callSuper(this, DatePickerComponent, [props]);
102
+ _defineProperty(_this, "containerRef", null);
103
+ _defineProperty(_this, "calendarRef", /*#__PURE__*/createRef());
104
+ _defineProperty(_this, "calendarButtonRef", /*#__PURE__*/createRef());
106
105
  // All state needs to be accessed via this function so that the state is mapped from props
107
106
  // correctly to allow controlled/uncontrolled usage.
108
- _defineProperty(_assertThisInitialized(_this), "getValue", function () {
107
+ _defineProperty(_this, "getValue", function () {
109
108
  var _this$props$value;
110
109
  return (_this$props$value = _this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : _this.state.value;
111
110
  });
112
- _defineProperty(_assertThisInitialized(_this), "getIsOpen", function () {
111
+ _defineProperty(_this, "getIsOpen", function () {
113
112
  var _this$props$isOpen;
114
113
  return (_this$props$isOpen = _this.props.isOpen) !== null && _this$props$isOpen !== void 0 ? _this$props$isOpen : _this.state.isOpen;
115
114
  });
116
- _defineProperty(_assertThisInitialized(_this), "onCalendarChange", function (_ref) {
115
+ _defineProperty(_this, "onCalendarChange", function (_ref) {
117
116
  var iso = _ref.iso;
118
117
  _this.setState({
119
118
  calendarValue: getParsedISO({
@@ -121,7 +120,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
121
120
  })
122
121
  });
123
122
  });
124
- _defineProperty(_assertThisInitialized(_this), "onCalendarSelect", function (_ref2) {
123
+ _defineProperty(_this, "onCalendarSelect", function (_ref2) {
125
124
  var iso = _ref2.iso;
126
125
  _this.setState({
127
126
  selectInputValue: '',
@@ -150,7 +149,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
150
149
  isOpen: false
151
150
  });
152
151
  });
153
- _defineProperty(_assertThisInitialized(_this), "onInputClick", function () {
152
+ _defineProperty(_this, "onInputClick", function () {
154
153
  if (!_this.props.isDisabled && !_this.getIsOpen()) {
155
154
  _this.setState({
156
155
  isOpen: true,
@@ -158,7 +157,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
158
157
  });
159
158
  }
160
159
  });
161
- _defineProperty(_assertThisInitialized(_this), "onContainerBlur", function (event) {
160
+ _defineProperty(_this, "onContainerBlur", function (event) {
162
161
  var _this$containerRef2;
163
162
  var newlyFocusedElement = event.relatedTarget;
164
163
  if (!((_this$containerRef2 = _this.containerRef) !== null && _this$containerRef2 !== void 0 && _this$containerRef2.contains(newlyFocusedElement))) {
@@ -170,12 +169,12 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
170
169
  _this.props.onBlur(event);
171
170
  }
172
171
  });
173
- _defineProperty(_assertThisInitialized(_this), "onContainerFocus", function () {
172
+ _defineProperty(_this, "onContainerFocus", function () {
174
173
  _this.setState({
175
174
  shouldSetFocusOnCurrentDay: false
176
175
  });
177
176
  });
178
- _defineProperty(_assertThisInitialized(_this), "onSelectBlur", function (event) {
177
+ _defineProperty(_this, "onSelectBlur", function (event) {
179
178
  var _this$containerRef3;
180
179
  var newlyFocusedElement = event.relatedTarget;
181
180
  if (_this.state.clearingFromIcon) {
@@ -193,7 +192,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
193
192
  });
194
193
  }
195
194
  });
196
- _defineProperty(_assertThisInitialized(_this), "onSelectFocus", function (event) {
195
+ _defineProperty(_this, "onSelectFocus", function (event) {
197
196
  var clearingFromIcon = _this.state.clearingFromIcon;
198
197
  var value = _this.getValue();
199
198
  if (clearingFromIcon) {
@@ -212,7 +211,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
212
211
  }
213
212
  _this.props.onFocus(event);
214
213
  });
215
- _defineProperty(_assertThisInitialized(_this), "onTextInput", function (event) {
214
+ _defineProperty(_this, "onTextInput", function (event) {
216
215
  var inputValue = event.target.value;
217
216
  if (inputValue) {
218
217
  var parsed = parseDate(inputValue, {
@@ -234,7 +233,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
234
233
  wasOpenedFromCalendarButton: false
235
234
  });
236
235
  });
237
- _defineProperty(_assertThisInitialized(_this), "onInputKeyDown", function (event) {
236
+ _defineProperty(_this, "onInputKeyDown", function (event) {
238
237
  var calendarValue = _this.state.calendarValue;
239
238
  var value = _this.getValue();
240
239
  var keyPressed = event.key.toLowerCase();
@@ -321,7 +320,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
321
320
  break;
322
321
  }
323
322
  });
324
- _defineProperty(_assertThisInitialized(_this), "onCalendarButtonKeyDown", function (e) {
323
+ _defineProperty(_this, "onCalendarButtonKeyDown", function (e) {
325
324
  // Don't allow an arrow up or down to open the menu, since the input key
326
325
  // down handler is actually on the parent.
327
326
  if (e.type === 'keydown' && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {
@@ -339,7 +338,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
339
338
  }
340
339
  });
341
340
  // This event handler is triggered from both keydown and click. It's weird.
342
- _defineProperty(_assertThisInitialized(_this), "onCalendarButtonClick", function (e) {
341
+ _defineProperty(_this, "onCalendarButtonClick", function (e) {
343
342
  _this.setState({
344
343
  isOpen: !_this.state.isOpen,
345
344
  wasOpenedFromCalendarButton: true
@@ -358,7 +357,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
358
357
  });
359
358
  e.stopPropagation();
360
359
  });
361
- _defineProperty(_assertThisInitialized(_this), "onClear", function () {
360
+ _defineProperty(_this, "onClear", function () {
362
361
  var changedState = {
363
362
  value: '',
364
363
  calendarValue: _this.props.defaultValue || getShortISOString(new Date())
@@ -372,14 +371,14 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
372
371
  _this.props.onChange('');
373
372
  });
374
373
  // `unknown` is used because `value` is unused so it does not matter.
375
- _defineProperty(_assertThisInitialized(_this), "onSelectChange", function (_value, action) {
374
+ _defineProperty(_this, "onSelectChange", function (_value, action) {
376
375
  // Used for native clear event in React Select
377
376
  // Triggered when clicking ClearIndicator or backspace with no value
378
377
  if (action.action === 'clear') {
379
378
  _this.onClear();
380
379
  }
381
380
  });
382
- _defineProperty(_assertThisInitialized(_this), "handleSelectInputChange", function (selectInputValue, actionMeta) {
381
+ _defineProperty(_this, "handleSelectInputChange", function (selectInputValue, actionMeta) {
383
382
  var _this$props$selectPro;
384
383
  var onInputChange = (_this$props$selectPro = _this.props.selectProps) === null || _this$props$selectPro === void 0 ? void 0 : _this$props$selectPro.onInputChange;
385
384
  if (onInputChange) {
@@ -389,7 +388,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
389
388
  selectInputValue: selectInputValue
390
389
  });
391
390
  });
392
- _defineProperty(_assertThisInitialized(_this), "getContainerRef", function (ref) {
391
+ _defineProperty(_this, "getContainerRef", function (ref) {
393
392
  var oldRef = _this.containerRef;
394
393
  _this.containerRef = ref;
395
394
  // Cause a re-render if we're getting the container ref for the first time
@@ -413,7 +412,8 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
413
412
  };
414
413
  return _this;
415
414
  }
416
- _createClass(DatePickerComponent, [{
415
+ _inherits(DatePickerComponent, _Component);
416
+ return _createClass(DatePickerComponent, [{
417
417
  key: "render",
418
418
  value: function render() {
419
419
  var _this2 = this;
@@ -568,7 +568,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
568
568
  }), jsx(Select, _extends({
569
569
  appearance: this.props.appearance,
570
570
  "aria-describedby": ariaDescribedBy,
571
- "aria-label": label || undefined,
571
+ label: label || undefined,
572
572
  autoFocus: autoFocus,
573
573
  clearControlLabel: clearControlLabel,
574
574
  closeMenuOnSelect: true
@@ -662,7 +662,6 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
662
662
  }
663
663
  }
664
664
  }]);
665
- return DatePickerComponent;
666
665
  }(Component);
667
666
  _defineProperty(DatePickerComponent, "defaultProps", datePickerDefaultProps);
668
667
  export { DatePickerComponent as DatePickerWithoutAnalytics };
@@ -30,7 +30,7 @@ import { Menu } from '../internal/menu';
30
30
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
31
31
  import { makeSingleValue } from '../internal/single-value';
32
32
  var packageName = "@atlaskit/datetime-picker";
33
- var packageVersion = "15.10.1";
33
+ var packageVersion = "15.10.3";
34
34
  var analyticsAttributes = {
35
35
  componentName: 'datePicker',
36
36
  packageName: packageName,
@@ -560,7 +560,7 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
560
560
  }), jsx(Select, _extends({
561
561
  appearance: appearance,
562
562
  "aria-describedby": ariaDescribedBy,
563
- "aria-label": label || undefined,
563
+ label: label || undefined,
564
564
  autoFocus: autoFocus,
565
565
  clearControlLabel: clearControlLabel,
566
566
  closeMenuOnSelect: true
@@ -1,11 +1,10 @@
1
1
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
2
  import _createClass from "@babel/runtime/helpers/createClass";
3
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
- import _inherits from "@babel/runtime/helpers/inherits";
5
3
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
4
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
5
+ import _inherits from "@babel/runtime/helpers/inherits";
7
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
7
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
9
8
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
10
9
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
11
10
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -34,7 +33,7 @@ var DatePicker = componentWithCondition(function () {
34
33
  return fg('dst-date-picker-use-functional-component');
35
34
  }, DatePickerNew, DatePickerOld);
36
35
  var packageName = "@atlaskit/datetime-picker";
37
- var packageVersion = "15.10.1";
36
+ var packageVersion = "15.10.3";
38
37
  // Make DatePicker 50% the width of DateTimePicker
39
38
  // If rendering an icon container, shrink the TimePicker
40
39
  var datePickerContainerStyles = css({
@@ -93,8 +92,6 @@ var dateTimePickerDefaultProps = {
93
92
  export var datePickerDefaultAriaLabel = 'Date';
94
93
  export var timePickerDefaultAriaLabel = 'Time';
95
94
  var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
96
- _inherits(DateTimePickerComponent, _React$Component);
97
- var _super = _createSuper(DateTimePickerComponent);
98
95
  function DateTimePickerComponent() {
99
96
  var _this$props$datePicke, _this$props$timePicke;
100
97
  var _this;
@@ -102,8 +99,8 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
102
99
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
103
100
  args[_key] = arguments[_key];
104
101
  }
105
- _this = _super.call.apply(_super, [this].concat(args));
106
- _defineProperty(_assertThisInitialized(_this), "state", {
102
+ _this = _callSuper(this, DateTimePickerComponent, [].concat(args));
103
+ _defineProperty(_this, "state", {
107
104
  dateValue: ((_this$props$datePicke = _this.props.datePickerProps) === null || _this$props$datePicke === void 0 ? void 0 : _this$props$datePicke.defaultValue) || '',
108
105
  isFocused: false,
109
106
  timeValue: ((_this$props$timePicke = _this.props.timePickerProps) === null || _this$props$timePicke === void 0 ? void 0 : _this$props$timePicke.defaultValue) || '',
@@ -112,14 +109,14 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
112
109
  });
113
110
  // All state needs to be accessed via this function so that the state is mapped from props
114
111
  // correctly to allow controlled/uncontrolled usage.
115
- _defineProperty(_assertThisInitialized(_this), "getParsedValues", function () {
112
+ _defineProperty(_this, "getParsedValues", function () {
116
113
  return _this.parseValue(_this.getValue(), _this.state.dateValue, _this.state.timeValue, _this.state.zoneValue);
117
114
  });
118
- _defineProperty(_assertThisInitialized(_this), "getValue", function () {
115
+ _defineProperty(_this, "getValue", function () {
119
116
  var _this$props$value;
120
117
  return (_this$props$value = _this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : _this.state.value;
121
118
  });
122
- _defineProperty(_assertThisInitialized(_this), "onDateBlur", function (event) {
119
+ _defineProperty(_this, "onDateBlur", function (event) {
123
120
  var _this$props$onBlur, _this$props, _this$props$datePicke2;
124
121
  _this.setState({
125
122
  isFocused: false
@@ -129,7 +126,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
129
126
  _this.props.datePickerProps.onBlur(event);
130
127
  }
131
128
  });
132
- _defineProperty(_assertThisInitialized(_this), "onTimeBlur", function (event) {
129
+ _defineProperty(_this, "onTimeBlur", function (event) {
133
130
  var _this$props$onBlur2, _this$props2, _this$props$timePicke2;
134
131
  _this.setState({
135
132
  isFocused: false
@@ -139,7 +136,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
139
136
  _this.props.timePickerProps.onBlur(event);
140
137
  }
141
138
  });
142
- _defineProperty(_assertThisInitialized(_this), "onDateFocus", function (event) {
139
+ _defineProperty(_this, "onDateFocus", function (event) {
143
140
  var _this$props$onFocus, _this$props3, _this$props$datePicke3;
144
141
  _this.setState({
145
142
  isFocused: true
@@ -149,7 +146,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
149
146
  _this.props.datePickerProps.onFocus(event);
150
147
  }
151
148
  });
152
- _defineProperty(_assertThisInitialized(_this), "onTimeFocus", function (event) {
149
+ _defineProperty(_this, "onTimeFocus", function (event) {
153
150
  var _this$props$onFocus2, _this$props4, _this$props$timePicke3;
154
151
  _this.setState({
155
152
  isFocused: true
@@ -159,7 +156,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
159
156
  _this.props.timePickerProps.onFocus(event);
160
157
  }
161
158
  });
162
- _defineProperty(_assertThisInitialized(_this), "onDateChange", function (dateValue) {
159
+ _defineProperty(_this, "onDateChange", function (dateValue) {
163
160
  var _this$props$datePicke4;
164
161
  var parsedValues = _this.getParsedValues();
165
162
  _this.onValueChange({
@@ -171,7 +168,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
171
168
  _this.props.datePickerProps.onChange(dateValue);
172
169
  }
173
170
  });
174
- _defineProperty(_assertThisInitialized(_this), "onTimeChange", function (timeValue) {
171
+ _defineProperty(_this, "onTimeChange", function (timeValue) {
175
172
  var _this$props$timePicke4;
176
173
  var parsedValues = _this.getParsedValues();
177
174
  _this.onValueChange({
@@ -183,7 +180,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
183
180
  _this.props.timePickerProps.onChange(timeValue);
184
181
  }
185
182
  });
186
- _defineProperty(_assertThisInitialized(_this), "onClear", function () {
183
+ _defineProperty(_this, "onClear", function () {
187
184
  var _this$props$datePicke5, _this$props$timePicke5;
188
185
  var parsedValues = _this.getParsedValues();
189
186
  _this.onValueChange({
@@ -200,7 +197,8 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
200
197
  });
201
198
  return _this;
202
199
  }
203
- _createClass(DateTimePickerComponent, [{
200
+ _inherits(DateTimePickerComponent, _React$Component);
201
+ return _createClass(DateTimePickerComponent, [{
204
202
  key: "parseValue",
205
203
  value: function parseValue(value, dateValue, timeValue, zoneValue) {
206
204
  if (this.props.parseValue) {
@@ -405,7 +403,6 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
405
403
  }), ' ') : null);
406
404
  }
407
405
  }]);
408
- return DateTimePickerComponent;
409
406
  }(React.Component);
410
407
  _defineProperty(DateTimePickerComponent, "defaultProps", dateTimePickerDefaultProps);
411
408
  export { DateTimePickerComponent as DateTimePickerWithoutAnalytics };
@@ -27,7 +27,7 @@ function () {
27
27
  return fg('dst-date-picker-use-functional-component');
28
28
  }, DatePickerNew, DatePickerOld);
29
29
  var packageName = "@atlaskit/datetime-picker";
30
- var packageVersion = "15.10.1";
30
+ var packageVersion = "15.10.3";
31
31
  var analyticsAttributes = {
32
32
  componentName: 'dateTimePicker',
33
33
  packageName: packageName,
@@ -17,7 +17,7 @@ import parseTime from '../internal/parse-time';
17
17
  import { convertTokens } from '../internal/parse-tokens';
18
18
  import { makeSingleValue } from '../internal/single-value';
19
19
  var packageName = "@atlaskit/datetime-picker";
20
- var packageVersion = "15.10.1";
20
+ var packageVersion = "15.10.3";
21
21
  var menuStyles = {
22
22
  /* Need to remove default absolute positioning as that causes issues with position fixed */
23
23
  position: 'static',
@@ -1,13 +1,12 @@
1
1
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
2
  import _createClass from "@babel/runtime/helpers/createClass";
3
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
- import _inherits from "@babel/runtime/helpers/inherits";
5
3
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
4
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
5
+ import _inherits from "@babel/runtime/helpers/inherits";
7
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
7
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
8
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
9
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
11
10
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
12
11
  import React from 'react';
13
12
  import noop from '@atlaskit/ds-lib/noop';
@@ -21,19 +20,18 @@ import { gridSize, layers } from '@atlaskit/theme/constants';
21
20
  * container ref.
22
21
  */
23
22
  var FixedLayer = /*#__PURE__*/function (_React$Component) {
24
- _inherits(FixedLayer, _React$Component);
25
- var _super = _createSuper(FixedLayer);
26
23
  function FixedLayer() {
27
24
  var _this;
28
25
  _classCallCheck(this, FixedLayer);
29
26
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
30
27
  args[_key] = arguments[_key];
31
28
  }
32
- _this = _super.call.apply(_super, [this].concat(args));
33
- _defineProperty(_assertThisInitialized(_this), "update", noop);
29
+ _this = _callSuper(this, FixedLayer, [].concat(args));
30
+ _defineProperty(_this, "update", noop);
34
31
  return _this;
35
32
  }
36
- _createClass(FixedLayer, [{
33
+ _inherits(FixedLayer, _React$Component);
34
+ return _createClass(FixedLayer, [{
37
35
  key: "componentDidUpdate",
38
36
  value: function componentDidUpdate(prevProps) {
39
37
  if (prevProps.inputValue !== this.props.inputValue) {
@@ -91,6 +89,5 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
91
89
  );
92
90
  }
93
91
  }]);
94
- return FixedLayer;
95
92
  }(React.Component);
96
93
  export { FixedLayer as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "15.10.1",
3
+ "version": "15.10.3",
4
4
  "description": "A date time picker allows the user to select an associated date and time.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
39
39
  "dependencies": {
40
40
  "@atlaskit/analytics-next": "^10.2.0",
41
41
  "@atlaskit/button": "^20.3.1",
42
- "@atlaskit/calendar": "^15.1.0",
42
+ "@atlaskit/calendar": "^16.0.0",
43
43
  "@atlaskit/ds-lib": "^3.3.0",
44
44
  "@atlaskit/icon": "^23.1.0",
45
45
  "@atlaskit/layering": "^1.0.0",