@atlaskit/datetime-picker 15.0.0 → 15.0.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/datetime-picker
 
+## 15.0.1
+
+### Patch Changes
+
+- [#145902](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/145902)
+  [`7d95e270ddda2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7d95e270ddda2) -
+  Ensure provided onChange handlers on in `*PickerProps` run alongside internal parsing logic
+  instead of overriding it.
+
 ## 15.0.0
 
 ### Major Changes

package/dist/cjs/components/date-picker.js

@@ -36,7 +36,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.0.0";
+var packageVersion = "15.0.1";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,

package/dist/cjs/components/date-time-picker.js

@@ -32,7 +32,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.0.0";
+var packageVersion = "15.0.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = (0, _react2.css)({
@@ -131,28 +131,43 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
       (_this$props$onFocus = (_this$props2 = _this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props2, event);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDateChange", function (dateValue) {
+      var _this$props$datePicke;
       var parsedValues = _this.getParsedValues();
       _this.onValueChange({
         dateValue: dateValue,
         timeValue: parsedValues.timeValue,
         zoneValue: parsedValues.zoneValue
       });
+      if ((_this$props$datePicke = _this.props.datePickerProps) !== null && _this$props$datePicke !== void 0 && _this$props$datePicke.onChange) {
+        _this.props.datePickerProps.onChange(dateValue);
+      }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTimeChange", function (timeValue) {
+      var _this$props$timePicke;
       var parsedValues = _this.getParsedValues();
       _this.onValueChange({
         dateValue: parsedValues.dateValue,
         timeValue: timeValue,
         zoneValue: parsedValues.zoneValue
       });
+      if ((_this$props$timePicke = _this.props.timePickerProps) !== null && _this$props$timePicke !== void 0 && _this$props$timePicke.onChange) {
+        _this.props.timePickerProps.onChange(timeValue);
+      }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClear", function () {
+      var _this$props$datePicke2, _this$props$timePicke2;
       var parsedValues = _this.getParsedValues();
       _this.onValueChange({
         dateValue: '',
         timeValue: '',
         zoneValue: parsedValues.zoneValue
       });
+      if ((_this$props$datePicke2 = _this.props.datePickerProps) !== null && _this$props$datePicke2 !== void 0 && _this$props$datePicke2.onChange) {
+        _this.props.datePickerProps.onChange('');
+      }
+      if ((_this$props$timePicke2 = _this.props.timePickerProps) !== null && _this$props$timePicke2 !== void 0 && _this$props$timePicke2.onChange) {
+        _this.props.timePickerProps.onChange('');
+      }
     });
     return _this;
   }
@@ -301,7 +316,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
         name: datePickerProps.name,
         nextMonthLabel: datePickerProps.nextMonthLabel,
         onBlur: datePickerProps.onBlur || this.onBlur,
-        onChange: datePickerProps.onChange || this.onDateChange,
+        onChange: this.onDateChange,
         onFocus: datePickerProps.onFocus || this.onFocus,
         parseInputValue: datePickerProps.parseInputValue,
         placeholder: datePickerProps.placeholder,
@@ -330,7 +345,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
         locale: timePickerProps.locale || locale,
         name: timePickerProps.name,
         onBlur: timePickerProps.onBlur || this.onBlur,
-        onChange: timePickerProps.onChange || this.onTimeChange,
+        onChange: this.onTimeChange,
         onFocus: timePickerProps.onFocus || this.onFocus,
         parseInputValue: timePickerProps.parseInputValue,
         placeholder: timePickerProps.placeholder,

package/dist/cjs/components/time-picker.js

@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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; }
 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; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.0.0";
+var packageVersion = "15.0.1";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/es2019/components/date-picker.js

@@ -19,7 +19,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.0.0";
+const packageVersion = "15.0.1";
 const datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,

package/dist/es2019/components/date-time-picker.js

@@ -18,7 +18,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.0.0";
+const packageVersion = "15.0.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 const datePickerContainerStyles = css({
@@ -107,28 +107,43 @@ class DateTimePickerComponent extends React.Component {
       (_this$props$onFocus = (_this$props2 = this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props2, event);
     });
     _defineProperty(this, "onDateChange", dateValue => {
+      var _this$props$datePicke;
       const parsedValues = this.getParsedValues();
       this.onValueChange({
         dateValue,
         timeValue: parsedValues.timeValue,
         zoneValue: parsedValues.zoneValue
       });
+      if ((_this$props$datePicke = this.props.datePickerProps) !== null && _this$props$datePicke !== void 0 && _this$props$datePicke.onChange) {
+        this.props.datePickerProps.onChange(dateValue);
+      }
     });
     _defineProperty(this, "onTimeChange", timeValue => {
+      var _this$props$timePicke;
       const parsedValues = this.getParsedValues();
       this.onValueChange({
         dateValue: parsedValues.dateValue,
         timeValue,
         zoneValue: parsedValues.zoneValue
       });
+      if ((_this$props$timePicke = this.props.timePickerProps) !== null && _this$props$timePicke !== void 0 && _this$props$timePicke.onChange) {
+        this.props.timePickerProps.onChange(timeValue);
+      }
     });
     _defineProperty(this, "onClear", () => {
+      var _this$props$datePicke2, _this$props$timePicke2;
       const parsedValues = this.getParsedValues();
       this.onValueChange({
         dateValue: '',
         timeValue: '',
         zoneValue: parsedValues.zoneValue
       });
+      if ((_this$props$datePicke2 = this.props.datePickerProps) !== null && _this$props$datePicke2 !== void 0 && _this$props$datePicke2.onChange) {
+        this.props.datePickerProps.onChange('');
+      }
+      if ((_this$props$timePicke2 = this.props.timePickerProps) !== null && _this$props$timePicke2 !== void 0 && _this$props$timePicke2.onChange) {
+        this.props.timePickerProps.onChange('');
+      }
     });
   }
   parseValue(value, dateValue, timeValue, zoneValue) {
@@ -266,7 +281,7 @@ class DateTimePickerComponent extends React.Component {
       name: datePickerProps.name,
       nextMonthLabel: datePickerProps.nextMonthLabel,
       onBlur: datePickerProps.onBlur || this.onBlur,
-      onChange: datePickerProps.onChange || this.onDateChange,
+      onChange: this.onDateChange,
       onFocus: datePickerProps.onFocus || this.onFocus,
       parseInputValue: datePickerProps.parseInputValue,
       placeholder: datePickerProps.placeholder,
@@ -295,7 +310,7 @@ class DateTimePickerComponent extends React.Component {
       locale: timePickerProps.locale || locale,
       name: timePickerProps.name,
       onBlur: timePickerProps.onBlur || this.onBlur,
-      onChange: timePickerProps.onChange || this.onTimeChange,
+      onChange: this.onTimeChange,
       onFocus: timePickerProps.onFocus || this.onFocus,
       parseInputValue: timePickerProps.parseInputValue,
       placeholder: timePickerProps.placeholder,

package/dist/es2019/components/time-picker.js

@@ -11,7 +11,7 @@ import parseTime from '../internal/parse-time';
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.0.0";
+const packageVersion = "15.0.1";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/esm/components/date-picker.js

@@ -29,7 +29,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.0.0";
+var packageVersion = "15.0.1";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,

package/dist/esm/components/date-time-picker.js

@@ -28,7 +28,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.0.0";
+var packageVersion = "15.0.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({
@@ -127,28 +127,43 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
       (_this$props$onFocus = (_this$props2 = _this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props2, event);
     });
     _defineProperty(_assertThisInitialized(_this), "onDateChange", function (dateValue) {
+      var _this$props$datePicke;
       var parsedValues = _this.getParsedValues();
       _this.onValueChange({
         dateValue: dateValue,
         timeValue: parsedValues.timeValue,
         zoneValue: parsedValues.zoneValue
       });
+      if ((_this$props$datePicke = _this.props.datePickerProps) !== null && _this$props$datePicke !== void 0 && _this$props$datePicke.onChange) {
+        _this.props.datePickerProps.onChange(dateValue);
+      }
     });
     _defineProperty(_assertThisInitialized(_this), "onTimeChange", function (timeValue) {
+      var _this$props$timePicke;
       var parsedValues = _this.getParsedValues();
       _this.onValueChange({
         dateValue: parsedValues.dateValue,
         timeValue: timeValue,
         zoneValue: parsedValues.zoneValue
       });
+      if ((_this$props$timePicke = _this.props.timePickerProps) !== null && _this$props$timePicke !== void 0 && _this$props$timePicke.onChange) {
+        _this.props.timePickerProps.onChange(timeValue);
+      }
     });
     _defineProperty(_assertThisInitialized(_this), "onClear", function () {
+      var _this$props$datePicke2, _this$props$timePicke2;
       var parsedValues = _this.getParsedValues();
       _this.onValueChange({
         dateValue: '',
         timeValue: '',
         zoneValue: parsedValues.zoneValue
       });
+      if ((_this$props$datePicke2 = _this.props.datePickerProps) !== null && _this$props$datePicke2 !== void 0 && _this$props$datePicke2.onChange) {
+        _this.props.datePickerProps.onChange('');
+      }
+      if ((_this$props$timePicke2 = _this.props.timePickerProps) !== null && _this$props$timePicke2 !== void 0 && _this$props$timePicke2.onChange) {
+        _this.props.timePickerProps.onChange('');
+      }
     });
     return _this;
   }
@@ -297,7 +312,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
         name: datePickerProps.name,
         nextMonthLabel: datePickerProps.nextMonthLabel,
         onBlur: datePickerProps.onBlur || this.onBlur,
-        onChange: datePickerProps.onChange || this.onDateChange,
+        onChange: this.onDateChange,
         onFocus: datePickerProps.onFocus || this.onFocus,
         parseInputValue: datePickerProps.parseInputValue,
         placeholder: datePickerProps.placeholder,
@@ -326,7 +341,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
         locale: timePickerProps.locale || locale,
         name: timePickerProps.name,
         onBlur: timePickerProps.onBlur || this.onBlur,
-        onChange: timePickerProps.onChange || this.onTimeChange,
+        onChange: this.onTimeChange,
         onFocus: timePickerProps.onFocus || this.onFocus,
         parseInputValue: timePickerProps.parseInputValue,
         placeholder: timePickerProps.placeholder,

package/dist/esm/components/time-picker.js

@@ -17,7 +17,7 @@ import parseTime from '../internal/parse-time';
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.0.0";
+var packageVersion = "15.0.1";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "15.0.0",
+	"version": "15.0.1",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"