@atlaskit/datetime-picker 15.4.0 → 15.4.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/datetime-picker
 
+## 15.4.1
+
+### Patch Changes
+
+- [#152922](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152922)
+  [`db290b80cd2f5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/db290b80cd2f5) -
+  Fix bug in new calendar button escape handling to close.
+
 ## 15.4.0
 
 ### Minor Changes

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

@@ -43,7 +43,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 // version very soon from converting this to functional. And also React 18 is on
 // the horizon
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.4.0";
+var packageVersion = "15.4.1";
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -328,13 +328,13 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
       // We want to stop this from triggering other keydown events, particularly
       // for space and enter presses. Otherwise, it opens and then closes
       // immediately.
-      if (e.type === 'keydown') {
+      if (e.type === 'keydown' && (e.key === ' ' || e.key === 'Enter')) {
         e.stopPropagation();
+        _this.setState({
+          isKeyDown: true,
+          wasOpenedFromCalendarButton: true
+        });
       }
-      _this.setState({
-        isKeyDown: true,
-        wasOpenedFromCalendarButton: true
-      });
     });
     // This event handler is triggered from both keydown and click. It's weird.
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCalendarButtonClick", function (e) {

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

@@ -40,7 +40,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.4.0";
+var packageVersion = "15.4.1";
 var analyticsAttributes = {
   componentName: 'datePicker',
   packageName: packageName,
@@ -406,11 +406,11 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
     // We want to stop this from triggering other keydown events, particularly
     // for space and enter presses. Otherwise, it opens and then closes
     // immediately.
-    if (e.type === 'keydown') {
+    if (e.type === 'keydown' && (e.key === ' ' || e.key === 'Enter')) {
       e.stopPropagation();
+      setIsKeyDown(true);
+      setWasOpenedFromCalendarButton(true);
     }
-    setIsKeyDown(true);
-    setWasOpenedFromCalendarButton(true);
   };
 
   // This event handler is triggered from both keydown and click. It's weird.

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

@@ -35,7 +35,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var DatePicker = (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component') ? _datePickerFc.default : _datePickerClass.default;
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.4.0";
+var packageVersion = "15.4.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = (0, _react2.css)({

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.4.0";
+var packageVersion = "15.4.1";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

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

@@ -26,7 +26,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.4.0";
+const packageVersion = "15.4.1";
 const datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -311,13 +311,13 @@ class DatePickerComponent extends Component {
       // We want to stop this from triggering other keydown events, particularly
       // for space and enter presses. Otherwise, it opens and then closes
       // immediately.
-      if (e.type === 'keydown') {
+      if (e.type === 'keydown' && (e.key === ' ' || e.key === 'Enter')) {
         e.stopPropagation();
+        this.setState({
+          isKeyDown: true,
+          wasOpenedFromCalendarButton: true
+        });
       }
-      this.setState({
-        isKeyDown: true,
-        wasOpenedFromCalendarButton: true
-      });
     });
     // This event handler is triggered from both keydown and click. It's weird.
     _defineProperty(this, "onCalendarButtonClick", e => {

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

@@ -25,7 +25,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.4.0";
+const packageVersion = "15.4.1";
 const analyticsAttributes = {
   componentName: 'datePicker',
   packageName,
@@ -333,11 +333,11 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     // We want to stop this from triggering other keydown events, particularly
     // for space and enter presses. Otherwise, it opens and then closes
     // immediately.
-    if (e.type === 'keydown') {
+    if (e.type === 'keydown' && (e.key === ' ' || e.key === 'Enter')) {
       e.stopPropagation();
+      setIsKeyDown(true);
+      setWasOpenedFromCalendarButton(true);
     }
-    setIsKeyDown(true);
-    setWasOpenedFromCalendarButton(true);
   };
 
   // This event handler is triggered from both keydown and click. It's weird.

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

@@ -21,7 +21,7 @@ import DatePickerNew from './date-picker-fc';
 import TimePicker from './time-picker';
 const DatePicker = fg('dst-date-picker-use-functional-component') ? DatePickerNew : DatePickerOld;
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.4.0";
+const packageVersion = "15.4.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 const datePickerContainerStyles = css({

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.4.0";
+const packageVersion = "15.4.1";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

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

@@ -36,7 +36,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.4.0";
+var packageVersion = "15.4.1";
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -321,13 +321,13 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
       // We want to stop this from triggering other keydown events, particularly
       // for space and enter presses. Otherwise, it opens and then closes
       // immediately.
-      if (e.type === 'keydown') {
+      if (e.type === 'keydown' && (e.key === ' ' || e.key === 'Enter')) {
         e.stopPropagation();
+        _this.setState({
+          isKeyDown: true,
+          wasOpenedFromCalendarButton: true
+        });
       }
-      _this.setState({
-        isKeyDown: true,
-        wasOpenedFromCalendarButton: true
-      });
     });
     // This event handler is triggered from both keydown and click. It's weird.
     _defineProperty(_assertThisInitialized(_this), "onCalendarButtonClick", function (e) {

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

@@ -31,7 +31,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.4.0";
+var packageVersion = "15.4.1";
 var analyticsAttributes = {
   componentName: 'datePicker',
   packageName: packageName,
@@ -397,11 +397,11 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
     // We want to stop this from triggering other keydown events, particularly
     // for space and enter presses. Otherwise, it opens and then closes
     // immediately.
-    if (e.type === 'keydown') {
+    if (e.type === 'keydown' && (e.key === ' ' || e.key === 'Enter')) {
       e.stopPropagation();
+      setIsKeyDown(true);
+      setWasOpenedFromCalendarButton(true);
     }
-    setIsKeyDown(true);
-    setWasOpenedFromCalendarButton(true);
   };
 
   // This event handler is triggered from both keydown and click. It's weird.

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

@@ -31,7 +31,7 @@ import DatePickerNew from './date-picker-fc';
 import TimePicker from './time-picker';
 var DatePicker = fg('dst-date-picker-use-functional-component') ? DatePickerNew : DatePickerOld;
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.4.0";
+var packageVersion = "15.4.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({

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.4.0";
+var packageVersion = "15.4.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.4.0",
+	"version": "15.4.1",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"