@atlaskit/onboarding 11.13.0 → 11.14.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/onboarding
 
+## 11.14.0
+
+### Minor Changes
+
+- [`2d1da097bd763`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2d1da097bd763) -
+  DSP-20687 removing usage of findDOMNode in react-transition-group behind ff
+
 ## 11.13.0
 
 ### Minor Changes

package/dist/cjs/components/animation.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Fade = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 duration = {
@@ -25,13 +27,16 @@ var Fade = exports.Fade = function Fade(_ref) {
   var hasEntered = _ref.hasEntered,
     children = _ref.children,
     onExited = _ref.onExited;
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+  var nodeRef = _react.default.useRef(null);
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, (0, _extends2.default)({
     in: hasEntered,
     timeout: duration,
     onExited: onExited,
     unmountOnExit: true,
     appear: true
-  }, function (status) {
+  }, (0, _platformFeatureFlags.fg)('platform-design-system-dsp-20687-transition-group') && {
+    nodeRef: nodeRef
+  }), function (status) {
     var base = {
       transition: "opacity ".concat(duration.exit, "ms"),
       opacity: 0

package/dist/es2019/components/animation.js

@@ -1,5 +1,7 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { Transition } from 'react-transition-group';
+import { fg } from '@atlaskit/platform-feature-flags';
 const duration = {
   enter: 0,
   exit: 100
@@ -15,28 +17,33 @@ export const Fade = ({
   hasEntered,
   children,
   onExited
-}) => /*#__PURE__*/React.createElement(Transition, {
-  in: hasEntered,
-  timeout: duration,
-  onExited: onExited,
-  unmountOnExit: true,
-  appear: true
-}, status => {
-  const base = {
-    transition: `opacity ${duration.exit}ms`,
-    opacity: 0
-  };
-  const anim = {
-    entered: {
-      opacity: 1
-    },
-    exiting: {
+}) => {
+  const nodeRef = React.useRef(null);
+  return /*#__PURE__*/React.createElement(Transition, _extends({
+    in: hasEntered,
+    timeout: duration,
+    onExited: onExited,
+    unmountOnExit: true,
+    appear: true
+  }, fg('platform-design-system-dsp-20687-transition-group') && {
+    nodeRef
+  }), status => {
+    const base = {
+      transition: `opacity ${duration.exit}ms`,
       opacity: 0
-    }
-  };
-  const style = {
-    ...base,
-    ...anim[status]
-  };
-  return children(style);
-});
+    };
+    const anim = {
+      entered: {
+        opacity: 1
+      },
+      exiting: {
+        opacity: 0
+      }
+    };
+    const style = {
+      ...base,
+      ...anim[status]
+    };
+    return children(style);
+  });
+};

package/dist/esm/components/animation.js

@@ -1,8 +1,10 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _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; }
 import React from 'react';
 import { Transition } from 'react-transition-group';
+import { fg } from '@atlaskit/platform-feature-flags';
 var duration = {
   enter: 0,
   exit: 100
@@ -18,13 +20,16 @@ export var Fade = function Fade(_ref) {
   var hasEntered = _ref.hasEntered,
     children = _ref.children,
     onExited = _ref.onExited;
-  return /*#__PURE__*/React.createElement(Transition, {
+  var nodeRef = React.useRef(null);
+  return /*#__PURE__*/React.createElement(Transition, _extends({
     in: hasEntered,
     timeout: duration,
     onExited: onExited,
     unmountOnExit: true,
     appear: true
-  }, function (status) {
+  }, fg('platform-design-system-dsp-20687-transition-group') && {
+    nodeRef: nodeRef
+  }), function (status) {
     var base = {
       transition: "opacity ".concat(duration.exit, "ms"),
       opacity: 0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "11.13.0",
+	"version": "11.14.0",
 	"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,10 +29,6 @@
 	"homepage": "https://atlassian.design/components/onboarding/",
 	"atlassian": {
 		"team": "Design System Team",
-		"releaseModel": "continuous",
-		"productPushConsumption": [
-			"jira"
-		],
 		"website": {
 			"name": "Onboarding (spotlight)",
 			"category": "Components"
@@ -46,9 +42,9 @@
 		"@atlaskit/modal-dialog": "^12.15.0",
 		"@atlaskit/motion": "^1.9.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/popper": "^6.2.0",
+		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/portal": "^4.9.0",
-		"@atlaskit/primitives": "^12.0.0",
+		"@atlaskit/primitives": "^12.1.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/tokens": "^1.59.0",
 		"@babel/runtime": "^7.0.0",
@@ -91,6 +87,9 @@
 		},
 		"platform-design-system-dsp-20262-spotlight-target": {
 			"type": "boolean"
+		},
+		"platform-design-system-dsp-20687-transition-group": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {