@atlaskit/media-viewer 53.0.0 → 53.0.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/media-viewer
 
+## 53.0.1
+
+### Patch Changes
+
+- [`e3d1ec1074c7e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3d1ec1074c7e) -
+  Removing UNSAFE_componentWillReceiveProps from media-picker, media-avatar-picker and media-viewer
+  package to support React19 migration
+
 ## 53.0.0
 
 ### Major Changes

package/dist/cjs/viewers/base-viewer.js

@@ -17,6 +17,7 @@ var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
 var _deepEqual = _interopRequireDefault(require("deep-equal"));
 var _mediaClient = require("@atlaskit/media-client");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _errorMessage = _interopRequireDefault(require("../errorMessage"));
 var _loading = require("../loading");
 var _download = require("../download");
@@ -73,6 +74,9 @@ var BaseViewer = exports.BaseViewer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if ((0, _platformFeatureFlags.fg)('platform_media_package_react19_lifecycle_fix')) {
+        return;
+      }
       if (this.needsReset(nextProps, this.props)) {
         this.release();
         this.setState(this.initialState);
@@ -81,8 +85,16 @@ var BaseViewer = exports.BaseViewer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      if (this.needsReset(prevProps, this.props)) {
-        this.init();
+      if ((0, _platformFeatureFlags.fg)('platform_media_package_react19_lifecycle_fix')) {
+        if (this.needsReset(prevProps, this.props)) {
+          this.release();
+          this.setState(this.initialState);
+          this.init();
+        }
+      } else {
+        if (this.needsReset(prevProps, this.props)) {
+          this.init();
+        }
       }
     }
   }, {

package/dist/es2019/viewers/base-viewer.js

@@ -4,6 +4,7 @@ import { FormattedMessage } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 import deepEqual from 'deep-equal';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ErrorMessage from '../errorMessage';
 import { Spinner } from '../loading';
 import { ErrorViewDownloadButton } from '../download';
@@ -45,14 +46,25 @@ export class BaseViewer extends React.Component {
   // However, this lifecycle method might eventually be deprecated, so be careful
   // when working with it.
   UNSAFE_componentWillReceiveProps(nextProps) {
+    if (fg('platform_media_package_react19_lifecycle_fix')) {
+      return;
+    }
     if (this.needsReset(nextProps, this.props)) {
       this.release();
       this.setState(this.initialState);
     }
   }
   componentDidUpdate(prevProps) {
-    if (this.needsReset(prevProps, this.props)) {
-      this.init();
+    if (fg('platform_media_package_react19_lifecycle_fix')) {
+      if (this.needsReset(prevProps, this.props)) {
+        this.release();
+        this.setState(this.initialState);
+        this.init();
+      }
+    } else {
+      if (this.needsReset(prevProps, this.props)) {
+        this.init();
+      }
     }
   }
   render() {

package/dist/esm/viewers/base-viewer.js

@@ -13,6 +13,7 @@ import { FormattedMessage } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 import deepEqual from 'deep-equal';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ErrorMessage from '../errorMessage';
 import { Spinner } from '../loading';
 import { ErrorViewDownloadButton } from '../download';
@@ -64,6 +65,9 @@ export var BaseViewer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if (fg('platform_media_package_react19_lifecycle_fix')) {
+        return;
+      }
       if (this.needsReset(nextProps, this.props)) {
         this.release();
         this.setState(this.initialState);
@@ -72,8 +76,16 @@ export var BaseViewer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      if (this.needsReset(prevProps, this.props)) {
-        this.init();
+      if (fg('platform_media_package_react19_lifecycle_fix')) {
+        if (this.needsReset(prevProps, this.props)) {
+          this.release();
+          this.setState(this.initialState);
+          this.init();
+        }
+      } else {
+        if (this.needsReset(prevProps, this.props)) {
+          this.init();
+        }
       }
     }
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "53.0.0",
+	"version": "53.0.1",
 	"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -131,6 +131,9 @@
 		"platform_media_react19_support": {
 			"type": "boolean"
 		},
+		"platform_media_package_react19_lifecycle_fix": {
+			"type": "boolean"
+		},
 		"platform_media_a11y_suppression_fixes": {
 			"type": "boolean"
 		}