@atlaskit/datetime-picker 17.0.6 → 17.0.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/datetime-picker
 
+## 17.0.7
+
+### Patch Changes
+
+- [#174817](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174817)
+  [`4538c912575ff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4538c912575ff) -
+  Call onMenuOpen and onMenuClose when menu is open or close by calendar button
+
 ## 17.0.6
 
 ### Patch Changes

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

@@ -40,7 +40,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.5";
+var packageVersion = "17.0.6";
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',

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

@@ -36,7 +36,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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 = "17.0.5";
+var packageVersion = "17.0.6";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -395,7 +395,17 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
 
   // This event handler is triggered from both keydown and click. It's weird.
   var onCalendarButtonClick = function onCalendarButtonClick(e) {
-    setIsOpen(!isOpen);
+    setIsOpen(function (isOpen) {
+      if (isOpen) {
+        var _props$selectProps2, _props$selectProps2$o;
+        (0, _platformFeatureFlags.fg)('platform_dst_menuonclose_fix') && ((_props$selectProps2 = props.selectProps) === null || _props$selectProps2 === void 0 || (_props$selectProps2$o = _props$selectProps2.onMenuClose) === null || _props$selectProps2$o === void 0 ? void 0 : _props$selectProps2$o.call(_props$selectProps2));
+        return false;
+      } else {
+        var _props$selectProps3, _props$selectProps3$o;
+        (0, _platformFeatureFlags.fg)('platform_dst_menuonclose_fix') && ((_props$selectProps3 = props.selectProps) === null || _props$selectProps3 === void 0 || (_props$selectProps3$o = _props$selectProps3.onMenuOpen) === null || _props$selectProps3$o === void 0 ? void 0 : _props$selectProps3$o.call(_props$selectProps3));
+        return true;
+      }
+    });
     setWasOpenedFromCalendarButton(true);
     e.stopPropagation();
   };

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

@@ -35,7 +35,7 @@ var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
   return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
 }, _datePickerFc.default, _datePickerClass.default);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.5";
+var packageVersion = "17.0.6";
 var compiledStyles = {
   datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
   timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",

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

@@ -39,7 +39,7 @@ function () {
   return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
 }, _datePickerFc.default, _datePickerClass.default);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.5";
+var packageVersion = "17.0.6";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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

@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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 = "17.0.5";
+var packageVersion = "17.0.6";
 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

@@ -22,7 +22,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 = "17.0.5";
+const packageVersion = "17.0.6";
 const datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',

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

@@ -21,7 +21,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 = "17.0.5";
+const packageVersion = "17.0.6";
 const styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -321,7 +321,17 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
 
   // This event handler is triggered from both keydown and click. It's weird.
   const onCalendarButtonClick = e => {
-    setIsOpen(!isOpen);
+    setIsOpen(isOpen => {
+      if (isOpen) {
+        var _props$selectProps, _props$selectProps$on;
+        fg('platform_dst_menuonclose_fix') && ((_props$selectProps = props.selectProps) === null || _props$selectProps === void 0 ? void 0 : (_props$selectProps$on = _props$selectProps.onMenuClose) === null || _props$selectProps$on === void 0 ? void 0 : _props$selectProps$on.call(_props$selectProps));
+        return false;
+      } else {
+        var _props$selectProps2, _props$selectProps2$o;
+        fg('platform_dst_menuonclose_fix') && ((_props$selectProps2 = props.selectProps) === null || _props$selectProps2 === void 0 ? void 0 : (_props$selectProps2$o = _props$selectProps2.onMenuOpen) === null || _props$selectProps2$o === void 0 ? void 0 : _props$selectProps2$o.call(_props$selectProps2));
+        return true;
+      }
+    });
     setWasOpenedFromCalendarButton(true);
     e.stopPropagation();
   };

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

@@ -17,7 +17,7 @@ import DatePickerNew from './date-picker-fc';
 import TimePicker from './time-picker';
 const DatePicker = componentWithCondition(() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "17.0.5";
+const packageVersion = "17.0.6";
 const compiledStyles = {
   datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
   timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",

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

@@ -21,7 +21,7 @@ const DatePicker = componentWithCondition(
 // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
 () => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "17.0.5";
+const packageVersion = "17.0.6";
 const analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName,

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 = "17.0.5";
+const packageVersion = "17.0.6";
 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

@@ -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 = "17.0.5";
+var packageVersion = "17.0.6";
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',

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

@@ -27,7 +27,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 = "17.0.5";
+var packageVersion = "17.0.6";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -386,7 +386,17 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
 
   // This event handler is triggered from both keydown and click. It's weird.
   var onCalendarButtonClick = function onCalendarButtonClick(e) {
-    setIsOpen(!isOpen);
+    setIsOpen(function (isOpen) {
+      if (isOpen) {
+        var _props$selectProps2, _props$selectProps2$o;
+        fg('platform_dst_menuonclose_fix') && ((_props$selectProps2 = props.selectProps) === null || _props$selectProps2 === void 0 || (_props$selectProps2$o = _props$selectProps2.onMenuClose) === null || _props$selectProps2$o === void 0 ? void 0 : _props$selectProps2$o.call(_props$selectProps2));
+        return false;
+      } else {
+        var _props$selectProps3, _props$selectProps3$o;
+        fg('platform_dst_menuonclose_fix') && ((_props$selectProps3 = props.selectProps) === null || _props$selectProps3 === void 0 || (_props$selectProps3$o = _props$selectProps3.onMenuOpen) === null || _props$selectProps3$o === void 0 ? void 0 : _props$selectProps3$o.call(_props$selectProps3));
+        return true;
+      }
+    });
     setWasOpenedFromCalendarButton(true);
     e.stopPropagation();
   };

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

@@ -28,7 +28,7 @@ var DatePicker = componentWithCondition(function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.5";
+var packageVersion = "17.0.6";
 var compiledStyles = {
   datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
   timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",

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

@@ -30,7 +30,7 @@ function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.5";
+var packageVersion = "17.0.6";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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 = "17.0.5";
+var packageVersion = "17.0.6";
 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": "17.0.6",
+	"version": "17.0.7",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -49,7 +49,7 @@
 		"@atlaskit/popper": "^7.0.0",
 		"@atlaskit/primitives": "^14.9.0",
 		"@atlaskit/select": "^20.7.0",
-		"@atlaskit/tokens": "^5.3.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
@@ -119,6 +119,9 @@
 		},
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
+		},
+		"platform_dst_menuonclose_fix": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/datetime-picker/"