@atlaskit/datetime-picker 17.9.3 → 17.9.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/datetime-picker
 
+## 17.9.4
+
+### Patch Changes
+
+- [`6d0485dce81c4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d0485dce81c4) -
+  Internal: updated to the new `@atlaskit/top-layer` `Popover`/`Dialog` behaviour where the host
+  element unmounts after the exit animation completes. No consumer action required.
+- Updated dependencies
+
 ## 17.9.3
 
 ### Patch Changes

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

@@ -44,7 +44,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.9.2";
+var packageVersion = "17.9.3";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

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

@@ -33,7 +33,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // for typing `process`
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.9.2";
+var packageVersion = "17.9.3";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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

@@ -30,7 +30,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; } // oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.9.2";
+var packageVersion = "17.9.3";
 var defaultTimeFormat = 'h:mma';
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */

package/dist/cjs/internal/fixed-layer-menu-top-layer.js

@@ -74,7 +74,11 @@ var FixedLayerMenuTopLayer = exports.FixedLayerMenuTopLayer = function FixedLaye
   (0, _useAnchorPosition.useAnchorPosition)({
     anchorRef: triggerRef,
     popoverRef: popoverRef,
-    placement: popupPlacement
+    placement: popupPlacement,
+    // The Popover is rendered with `isOpen` always true while this
+    // component is mounted (react-select conditionally mounts/unmounts
+    // the menu), so positioning is always active.
+    isOpen: true
   });
   return /*#__PURE__*/React.createElement(_popover.Popover, {
     ref: popoverRef,

package/dist/cjs/internal/menu-top-layer.js

@@ -73,7 +73,11 @@ var MenuTopLayer = exports.MenuTopLayer = function MenuTopLayer(_ref) {
   (0, _useAnchorPosition.useAnchorPosition)({
     anchorRef: triggerRef,
     popoverRef: popoverRef,
-    placement: popupPlacement
+    placement: popupPlacement,
+    // The Popover is rendered with `isOpen` always true while this
+    // component is mounted (react-select conditionally mounts/unmounts
+    // the menu), so positioning is always active.
+    isOpen: true
   });
   var onMenuMouseDown = function onMenuMouseDown(event) {
     if (event.button !== 0) {

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

@@ -31,7 +31,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
 import { parseDate } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "17.9.2";
+const packageVersion = "17.9.3";
 const styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

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

@@ -20,7 +20,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "17.9.2";
+const packageVersion = "17.9.3";
 const analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName,

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

@@ -17,7 +17,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import { placeholderDatetime } from '../internal/placeholder-date-time';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "17.9.2";
+const packageVersion = "17.9.3";
 const defaultTimeFormat = 'h:mma';
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */

package/dist/es2019/internal/fixed-layer-menu-top-layer.js

@@ -64,7 +64,11 @@ export const FixedLayerMenuTopLayer = ({
   useAnchorPosition({
     anchorRef: triggerRef,
     popoverRef,
-    placement: popupPlacement
+    placement: popupPlacement,
+    // The Popover is rendered with `isOpen` always true while this
+    // component is mounted (react-select conditionally mounts/unmounts
+    // the menu), so positioning is always active.
+    isOpen: true
   });
   return /*#__PURE__*/React.createElement(Popover, {
     ref: popoverRef,

package/dist/es2019/internal/menu-top-layer.js

@@ -68,7 +68,11 @@ export const MenuTopLayer = ({
   useAnchorPosition({
     anchorRef: triggerRef,
     popoverRef,
-    placement: popupPlacement
+    placement: popupPlacement,
+    // The Popover is rendered with `isOpen` always true while this
+    // component is mounted (react-select conditionally mounts/unmounts
+    // the menu), so positioning is always active.
+    isOpen: true
   });
   const onMenuMouseDown = event => {
     if (event.button !== 0) {

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

@@ -37,7 +37,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
 import { parseDate } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.9.2";
+var packageVersion = "17.9.3";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

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

@@ -27,7 +27,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.9.2";
+var packageVersion = "17.9.3";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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

@@ -23,7 +23,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import { placeholderDatetime } from '../internal/placeholder-date-time';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.9.2";
+var packageVersion = "17.9.3";
 var defaultTimeFormat = 'h:mma';
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */

package/dist/esm/internal/fixed-layer-menu-top-layer.js

@@ -65,7 +65,11 @@ var FixedLayerMenuTopLayer = function FixedLayerMenuTopLayer(_ref) {
   useAnchorPosition({
     anchorRef: triggerRef,
     popoverRef: popoverRef,
-    placement: popupPlacement
+    placement: popupPlacement,
+    // The Popover is rendered with `isOpen` always true while this
+    // component is mounted (react-select conditionally mounts/unmounts
+    // the menu), so positioning is always active.
+    isOpen: true
   });
   return /*#__PURE__*/React.createElement(Popover, {
     ref: popoverRef,

package/dist/esm/internal/menu-top-layer.js

@@ -64,7 +64,11 @@ export var MenuTopLayer = function MenuTopLayer(_ref) {
   useAnchorPosition({
     anchorRef: triggerRef,
     popoverRef: popoverRef,
-    placement: popupPlacement
+    placement: popupPlacement,
+    // The Popover is rendered with `isOpen` always true while this
+    // component is mounted (react-select conditionally mounts/unmounts
+    // the menu), so positioning is always active.
+    isOpen: true
   });
   var onMenuMouseDown = function onMenuMouseDown(event) {
     if (event.button !== 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "17.9.3",
+	"version": "17.9.4",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,7 +52,7 @@
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/select": "^21.12.0",
 		"@atlaskit/tokens": "^13.3.0",
-		"@atlaskit/top-layer": "^0.15.0",
+		"@atlaskit/top-layer": "^0.16.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"date-fns": "^2.17.0"