@atlaskit/editor-plugin-card 4.1.0 → 4.2.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-card
 
+## 4.2.0
+
+### Minor Changes
+
+- [#150201](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150201)
+  [`850f81903fc73`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/850f81903fc73) -
+  Remove usage of UNSAFE lifecycles from card
+
+### Patch Changes
+
+- [#147618](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147618)
+  [`e187b02ef8540`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e187b02ef8540) -
+  Clean up feature flag platform.linking-platform.datasource-word_wrap. This enables the
+  line-wrapping toggle in datasource tables for all customers.
+- Updated dependencies
+
 ## 4.1.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/blockCard.js

@@ -31,13 +31,10 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(BlockCardComponent, _React$PureComponent);
   var _super = _createSuper(BlockCardComponent);
-  function BlockCardComponent() {
+  function BlockCardComponent(props) {
     var _this;
     (0, _classCallCheck2.default)(this, BlockCardComponent);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onResolve", function (data) {
       var _this$props = _this.props,
         getPos = _this$props.getPos,
@@ -81,16 +78,10 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
         throw err;
       }
     });
+    _this.scrollContainer = (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
     return _this;
   }
   (0, _createClass2.default)(BlockCardComponent, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      var view = this.props.view;
-      var scrollContainer = (0, _ui.findOverflowScrollParent)(view.dom);
-      this.scrollContainer = scrollContainer || undefined;
-    }
-  }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -132,8 +123,8 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   function BlockCard() {
     var _this2;
     (0, _classCallCheck2.default)(this, BlockCard);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
     _this2 = _super2.call.apply(_super2, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "updateContentEditable", function (editorViewModeState, divElement) {

package/dist/cjs/nodeviews/datasource.js

@@ -208,7 +208,7 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
             url: attrs === null || attrs === void 0 ? void 0 : attrs.url,
             onColumnResize: this.handleColumnResize,
             columnCustomSizes: columnCustomSizes,
-            onWrappedColumnChange: (0, _platformFeatureFlags.fg)('platform.linking-platform.datasource-word_wrap') ? this.handleWrappedColumnChange : undefined,
+            onWrappedColumnChange: this.handleWrappedColumnChange,
             wrappedColumnKeys: wrappedColumnKeys
           })));
         }

package/dist/cjs/nodeviews/embedCard.js

@@ -104,13 +104,10 @@ var CardInner = function CardInner(_ref) {
 var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(EmbedCardComponent, _React$PureComponent);
   var _super = _createSuper(EmbedCardComponent);
-  function EmbedCardComponent() {
+  function EmbedCardComponent(props) {
     var _this;
     (0, _classCallCheck2.default)(this, EmbedCardComponent);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "embedIframeRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       hasPreview: true
@@ -249,16 +246,12 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         throw err;
       }
     });
+    _this.scrollContainer = (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
     return _this;
   }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (0, _createClass2.default)(EmbedCardComponent, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      var view = this.props.view;
-      var scrollContainer = (0, _ui.findOverflowScrollParent)(view.dom);
-      this.scrollContainer = scrollContainer || undefined;
-    }
-  }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -350,8 +343,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
   function EmbedCard() {
     var _this2;
     (0, _classCallCheck2.default)(this, EmbedCard);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
     _this2 = _super2.call.apply(_super2, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "updateContentEditable", function (editorViewModeState, divElement) {

package/dist/cjs/ui/ResizableEmbedCard.js

@@ -138,26 +138,22 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
   }
   (0, _createClass2.default)(ResizableEmbedCard, [{
     key: "componentDidUpdate",
-    value: function componentDidUpdate() {
+    value: function componentDidUpdate(prevProps) {
       var offsetLeft = this.calcOffsetLeft();
       if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
         this.setState({
           offsetLeft: offsetLeft
         });
       }
+      if (this.props.layout !== prevProps.layout) {
+        this.checkLayout(prevProps.layout, this.props.layout);
+      }
     }
   }, {
     key: "wrappedLayout",
     get: function get() {
       return _ui.wrappedLayouts.indexOf(this.props.layout) > -1;
     }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (this.props.layout !== nextProps.layout) {
-        this.checkLayout(this.props.layout, nextProps.layout);
-      }
-    }
 
     /**
      * When returning to center layout from a wrapped/aligned layout, it might actually

package/dist/es2019/nodeviews/blockCard.js

@@ -14,8 +14,8 @@ import { Card } from './genericCard';
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class BlockCardComponent extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
+  constructor(props) {
+    super(props);
     _defineProperty(this, "onResolve", data => {
       const {
         getPos,
@@ -63,13 +63,7 @@ export class BlockCardComponent extends React.PureComponent {
         throw err;
       }
     });
-  }
-  UNSAFE_componentWillMount() {
-    const {
-      view
-    } = this.props;
-    const scrollContainer = findOverflowScrollParent(view.dom);
-    this.scrollContainer = scrollContainer || undefined;
+    this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
   }
   render() {
     const {

package/dist/es2019/nodeviews/datasource.js

@@ -173,7 +173,7 @@ export class DatasourceComponent extends React.PureComponent {
           url: attrs === null || attrs === void 0 ? void 0 : attrs.url,
           onColumnResize: this.handleColumnResize,
           columnCustomSizes: columnCustomSizes,
-          onWrappedColumnChange: fg('platform.linking-platform.datasource-word_wrap') ? this.handleWrappedColumnChange : undefined,
+          onWrappedColumnChange: this.handleWrappedColumnChange,
           wrappedColumnKeys: wrappedColumnKeys
         })));
       }

package/dist/es2019/nodeviews/embedCard.js

@@ -86,8 +86,8 @@ const CardInner = ({
 };
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class EmbedCardComponent extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
+  constructor(props) {
+    super(props);
     _defineProperty(this, "embedIframeRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "state", {
       hasPreview: true
@@ -238,14 +238,11 @@ export class EmbedCardComponent extends React.PureComponent {
         throw err;
       }
     });
+    this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
   }
-  UNSAFE_componentWillMount() {
-    const {
-      view
-    } = this.props;
-    const scrollContainer = findOverflowScrollParent(view.dom);
-    this.scrollContainer = scrollContainer || undefined;
-  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   render() {
     const {
       node,

package/dist/es2019/ui/ResizableEmbedCard.js

@@ -126,22 +126,20 @@ export default class ResizableEmbedCard extends React.Component {
       return highlight;
     });
   }
-  componentDidUpdate() {
+  componentDidUpdate(prevProps) {
     const offsetLeft = this.calcOffsetLeft();
     if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
       this.setState({
         offsetLeft
       });
     }
+    if (this.props.layout !== prevProps.layout) {
+      this.checkLayout(prevProps.layout, this.props.layout);
+    }
   }
   get wrappedLayout() {
     return wrappedLayouts.indexOf(this.props.layout) > -1;
   }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.layout !== nextProps.layout) {
-      this.checkLayout(this.props.layout, nextProps.layout);
-    }
-  }
 
   /**
    * When returning to center layout from a wrapped/aligned layout, it might actually

package/dist/esm/nodeviews/blockCard.js

@@ -25,13 +25,10 @@ import { Card } from './genericCard';
 export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(BlockCardComponent, _React$PureComponent);
   var _super = _createSuper(BlockCardComponent);
-  function BlockCardComponent() {
+  function BlockCardComponent(props) {
     var _this;
     _classCallCheck(this, BlockCardComponent);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "onResolve", function (data) {
       var _this$props = _this.props,
         getPos = _this$props.getPos,
@@ -75,16 +72,10 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         throw err;
       }
     });
+    _this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
     return _this;
   }
   _createClass(BlockCardComponent, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      var view = this.props.view;
-      var scrollContainer = findOverflowScrollParent(view.dom);
-      this.scrollContainer = scrollContainer || undefined;
-    }
-  }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -126,8 +117,8 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   function BlockCard() {
     var _this2;
     _classCallCheck(this, BlockCard);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
     _this2 = _super2.call.apply(_super2, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this2), "updateContentEditable", function (editorViewModeState, divElement) {

package/dist/esm/nodeviews/datasource.js

@@ -204,7 +204,7 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
             url: attrs === null || attrs === void 0 ? void 0 : attrs.url,
             onColumnResize: this.handleColumnResize,
             columnCustomSizes: columnCustomSizes,
-            onWrappedColumnChange: fg('platform.linking-platform.datasource-word_wrap') ? this.handleWrappedColumnChange : undefined,
+            onWrappedColumnChange: this.handleWrappedColumnChange,
             wrappedColumnKeys: wrappedColumnKeys
           })));
         }

package/dist/esm/nodeviews/embedCard.js

@@ -97,13 +97,10 @@ var CardInner = function CardInner(_ref) {
 export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(EmbedCardComponent, _React$PureComponent);
   var _super = _createSuper(EmbedCardComponent);
-  function EmbedCardComponent() {
+  function EmbedCardComponent(props) {
     var _this;
     _classCallCheck(this, EmbedCardComponent);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "embedIframeRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "state", {
       hasPreview: true
@@ -242,16 +239,12 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         throw err;
       }
     });
+    _this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
     return _this;
   }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   _createClass(EmbedCardComponent, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      var view = this.props.view;
-      var scrollContainer = findOverflowScrollParent(view.dom);
-      this.scrollContainer = scrollContainer || undefined;
-    }
-  }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -343,8 +336,8 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
   function EmbedCard() {
     var _this2;
     _classCallCheck(this, EmbedCard);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
     _this2 = _super2.call.apply(_super2, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this2), "updateContentEditable", function (editorViewModeState, divElement) {

package/dist/esm/ui/ResizableEmbedCard.js

@@ -134,26 +134,22 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
   }
   _createClass(ResizableEmbedCard, [{
     key: "componentDidUpdate",
-    value: function componentDidUpdate() {
+    value: function componentDidUpdate(prevProps) {
       var offsetLeft = this.calcOffsetLeft();
       if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
         this.setState({
           offsetLeft: offsetLeft
         });
       }
+      if (this.props.layout !== prevProps.layout) {
+        this.checkLayout(prevProps.layout, this.props.layout);
+      }
     }
   }, {
     key: "wrappedLayout",
     get: function get() {
       return wrappedLayouts.indexOf(this.props.layout) > -1;
     }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (this.props.layout !== nextProps.layout) {
-        this.checkLayout(this.props.layout, nextProps.layout);
-      }
-    }
 
     /**
      * When returning to center layout from a wrapped/aligned layout, it might actually

package/dist/types/nodeviews/blockCard.d.ts

@@ -11,7 +11,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
-    UNSAFE_componentWillMount(): void;
+    constructor(props: SmartCardProps);
     onResolve: (data: {
         url?: string | undefined;
         title?: string | undefined;

package/dist/types/nodeviews/embedCard.d.ts

@@ -15,12 +15,12 @@ export type EmbedCardState = {
 export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps, EmbedCardState> {
     private scrollContainer?;
     private embedIframeRef;
+    constructor(props: SmartCardProps);
     context: any;
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
     state: EmbedCardState;
-    UNSAFE_componentWillMount(): void;
     private getPosSafely;
     onResolve: (data: {
         url?: string | undefined;

package/dist/types/ui/ResizableEmbedCard.d.ts

@@ -20,9 +20,8 @@ export default class ResizableEmbedCard extends React.Component<Props, State> {
         aspectRatio: number;
     };
     state: State;
-    componentDidUpdate(): void;
+    componentDidUpdate(prevProps: Props): void;
     get wrappedLayout(): boolean;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     /**
      * When returning to center layout from a wrapped/aligned layout, it might actually
      * be wide or full-width

package/dist/types-ts4.5/nodeviews/blockCard.d.ts

@@ -11,7 +11,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
-    UNSAFE_componentWillMount(): void;
+    constructor(props: SmartCardProps);
     onResolve: (data: {
         url?: string | undefined;
         title?: string | undefined;

package/dist/types-ts4.5/nodeviews/embedCard.d.ts

@@ -15,12 +15,12 @@ export type EmbedCardState = {
 export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps, EmbedCardState> {
     private scrollContainer?;
     private embedIframeRef;
+    constructor(props: SmartCardProps);
     context: any;
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
     state: EmbedCardState;
-    UNSAFE_componentWillMount(): void;
     private getPosSafely;
     onResolve: (data: {
         url?: string | undefined;

package/dist/types-ts4.5/ui/ResizableEmbedCard.d.ts

@@ -20,9 +20,8 @@ export default class ResizableEmbedCard extends React.Component<Props, State> {
         aspectRatio: number;
     };
     state: State;
-    componentDidUpdate(): void;
+    componentDidUpdate(prevProps: Props): void;
     get wrappedLayout(): boolean;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     /**
      * When returning to center layout from a wrapped/aligned layout, it might actually
      * be wide or full-width

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "4.1.0",
+	"version": "4.2.0",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,7 +34,7 @@
 		"@atlaskit/adf-schema": "^40.9.0",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/custom-steps": "^0.7.0",
-		"@atlaskit/editor-common": "^93.1.0",
+		"@atlaskit/editor-common": "^93.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-decorations": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
@@ -55,7 +55,7 @@
 		"@atlaskit/menu": "2.12.7",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.2.0",
-		"@atlaskit/smart-card": "^29.1.0",
+		"@atlaskit/smart-card": "^29.2.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/tmp-editor-statsig": "^2.3.0",
 		"@atlaskit/tokens": "^2.0.0",
@@ -117,9 +117,6 @@
 		"platform.linking-platform.enable-datasource-edit-dropdown-toolbar": {
 			"type": "boolean"
 		},
-		"platform.linking-platform.datasource-word_wrap": {
-			"type": "boolean"
-		},
 		"linking-platform-contenteditable-false-live-view": {
 			"type": "boolean"
 		},