@atlaskit/editor-plugin-card 1.1.5 → 1.2.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-card
 
+## 1.2.1
+
+### Patch Changes
+
+- [#76893](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/76893) [`8d781cb52f84`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d781cb52f84) - [ux] Add support for datasource column wrapping controls
+- Updated dependencies
+
+## 1.2.0
+
+### Minor Changes
+
+- [#77720](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77720) [`5b0f2fbdda16`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5b0f2fbdda16) - [ux] Added link preferences button to datasources (feature-flagged)
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.1.5
 
 ### Patch Changes

package/dist/cjs/nodeviews/datasource.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DatasourceComponent = exports.Datasource = void 0;
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -57,19 +58,38 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleColumnChange", function (columnKeys) {
       var _this$getColumnsInfo = _this.getColumnsInfo(),
-        columnCustomSizes = _this$getColumnsInfo.columnCustomSizes;
-      _this.updateTableProperties(columnKeys, columnCustomSizes || {});
+        _this$getColumnsInfo$ = _this$getColumnsInfo.wrappedColumnKeys,
+        wrappedColumnKeys = _this$getColumnsInfo$ === void 0 ? [] : _this$getColumnsInfo$,
+        _this$getColumnsInfo$2 = _this$getColumnsInfo.columnCustomSizes,
+        columnCustomSizes = _this$getColumnsInfo$2 === void 0 ? {} : _this$getColumnsInfo$2;
+      _this.updateTableProperties(columnKeys, columnCustomSizes, wrappedColumnKeys);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleColumnResize", function (key, width) {
       var _this$getColumnsInfo2 = _this.getColumnsInfo(),
-        columnCustomSizes = _this$getColumnsInfo2.columnCustomSizes,
-        visibleColumnKeys = _this$getColumnsInfo2.visibleColumnKeys;
-      var newColumnCustomSizes = _objectSpread(_objectSpread({}, columnCustomSizes || {}), {}, (0, _defineProperty2.default)({}, key, width));
-      // In case for some reason there are no visible keys stored in ADF, we can take them from columnSizes
-      // columnKeys are needed to update ADF (since custom width only make sense for a visible column)
-      // So this function effectively adds a visible column if it wasn't there
-      var columnKeys = visibleColumnKeys && visibleColumnKeys.indexOf(key) > -1 ? visibleColumnKeys : Object.keys(newColumnCustomSizes);
-      _this.updateTableProperties(columnKeys, newColumnCustomSizes);
+        _this$getColumnsInfo3 = _this$getColumnsInfo2.wrappedColumnKeys,
+        wrappedColumnKeys = _this$getColumnsInfo3 === void 0 ? [] : _this$getColumnsInfo3,
+        _this$getColumnsInfo4 = _this$getColumnsInfo2.columnCustomSizes,
+        columnCustomSizes = _this$getColumnsInfo4 === void 0 ? {} : _this$getColumnsInfo4,
+        _this$getColumnsInfo5 = _this$getColumnsInfo2.visibleColumnKeys,
+        visibleColumnKeys = _this$getColumnsInfo5 === void 0 ? [] : _this$getColumnsInfo5;
+      var newColumnCustomSizes = _objectSpread(_objectSpread({}, columnCustomSizes), {}, (0, _defineProperty2.default)({}, key, width));
+      _this.updateTableProperties(visibleColumnKeys, newColumnCustomSizes, wrappedColumnKeys);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleWrappedColumnChange", function (key, shouldWrap) {
+      var _this$getColumnsInfo6 = _this.getColumnsInfo(),
+        _this$getColumnsInfo7 = _this$getColumnsInfo6.wrappedColumnKeys,
+        wrappedColumnKeys = _this$getColumnsInfo7 === void 0 ? [] : _this$getColumnsInfo7,
+        _this$getColumnsInfo8 = _this$getColumnsInfo6.columnCustomSizes,
+        columnCustomSizes = _this$getColumnsInfo8 === void 0 ? {} : _this$getColumnsInfo8,
+        _this$getColumnsInfo9 = _this$getColumnsInfo6.visibleColumnKeys,
+        visibleColumnKeys = _this$getColumnsInfo9 === void 0 ? [] : _this$getColumnsInfo9;
+      var wrappedColumnKeysSet = new Set(wrappedColumnKeys);
+      if (shouldWrap) {
+        wrappedColumnKeysSet.add(key);
+      } else {
+        wrappedColumnKeysSet.delete(key);
+      }
+      _this.updateTableProperties(visibleColumnKeys, columnCustomSizes, Array.from(wrappedColumnKeysSet));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onError", function (_ref) {
       var err = _ref.err;
@@ -81,7 +101,7 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
   }
   (0, _createClass2.default)(DatasourceComponent, [{
     key: "updateTableProperties",
-    value: function updateTableProperties(columnKeys, columnCustomSizes) {
+    value: function updateTableProperties(columnKeysArg, columnCustomSizes, wrappedColumnKeys) {
       var _this$props$view = this.props.view,
         state = _this$props$view.state,
         dispatch = _this$props$view.dispatch;
@@ -89,14 +109,25 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
       if (pos === undefined) {
         return;
       }
+
+      // In case for some reason there are no visible keys stored in ADF, we take them
+      // from incoming sets of attributes like column sizes and wrapped column keys
+      // columnKeys are needed to update ADF (
+      // since attributes (like custom width and wrapped state) only make sense for a visible column )
+      // So this part effectively adds a visible column if it wasn't there but attributes were given.
+      var columnKeys = columnKeysArg.length > 0 ? columnKeysArg : Array.from(new Set([].concat((0, _toConsumableArray2.default)(Object.keys(columnCustomSizes)), (0, _toConsumableArray2.default)(wrappedColumnKeys))));
       var views = [{
         type: 'table',
         properties: {
           columns: columnKeys.map(function (key) {
-            return _objectSpread({
+            var width = columnCustomSizes[key];
+            var isWrapped = wrappedColumnKeys.includes(key);
+            return _objectSpread(_objectSpread({
               key: key
-            }, columnCustomSizes[key] ? {
-              width: columnCustomSizes[key]
+            }, width ? {
+              width: width
+            } : {}), isWrapped ? {
+              isWrapped: isWrapped
             } : {});
           })
         }
@@ -133,9 +164,15 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
         });
         columnCustomSizes = Object.fromEntries(keyWidthPairs);
       }
+      var wrappedColumnKeys = columnsProp === null || columnsProp === void 0 ? void 0 : columnsProp.filter(function (c) {
+        return c.isWrapped;
+      }).map(function (c) {
+        return c.key;
+      });
       return {
         visibleColumnKeys: visibleColumnKeys,
-        columnCustomSizes: columnCustomSizes
+        columnCustomSizes: columnCustomSizes,
+        wrappedColumnKeys: wrappedColumnKeys
       };
     }
   }, {
@@ -146,9 +183,10 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
       var attrs = this.props.node.attrs;
       var tableView = this.getTableView();
       if (tableView) {
-        var _this$getColumnsInfo3 = this.getColumnsInfo(),
-          visibleColumnKeys = _this$getColumnsInfo3.visibleColumnKeys,
-          columnCustomSizes = _this$getColumnsInfo3.columnCustomSizes;
+        var _this$getColumnsInfo10 = this.getColumnsInfo(),
+          visibleColumnKeys = _this$getColumnsInfo10.visibleColumnKeys,
+          columnCustomSizes = _this$getColumnsInfo10.columnCustomSizes,
+          wrappedColumnKeys = _this$getColumnsInfo10.wrappedColumnKeys;
 
         // [WS-2307]: we only render card wrapped into a Provider when the value is ready
         if (cardContext && cardContext.value) {
@@ -163,7 +201,9 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
             onVisibleColumnKeysChange: this.handleColumnChange,
             url: attrs === null || attrs === void 0 ? void 0 : attrs.url,
             onColumnResize: this.handleColumnResize,
-            columnCustomSizes: columnCustomSizes
+            columnCustomSizes: columnCustomSizes,
+            onWrappedColumnChange: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.datasource-word_wrap') ? this.handleWrappedColumnChange : undefined,
+            wrappedColumnKeys: wrappedColumnKeys
           })));
         }
       }

package/dist/cjs/pm-plugins/doc.js

@@ -447,24 +447,19 @@ var updateCardViaDatasource = exports.updateCardViaDatasource = function updateC
   if (newAdf.type === 'blockCard') {
     var _node$attrs, _newAdf$attrs;
     if ((_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.datasource && (_newAdf$attrs = newAdf.attrs) !== null && _newAdf$attrs !== void 0 && _newAdf$attrs.datasource) {
-      var _ref3, _ref6, _newViews$properties, _oldViews$properties, _newAdf$attrs2, _node$attrs2;
-      // datasource to datasource
-      var _ref = (_ref3 = newAdf.attrs.datasource.views) !== null && _ref3 !== void 0 ? _ref3 : [],
+      var _ref3, _ref6, _oldViews$properties, _newViews$properties;
+      var newAttrs = newAdf.attrs;
+      var oldAttrs = node.attrs;
+      var _ref = (_ref3 = newAttrs.datasource.views) !== null && _ref3 !== void 0 ? _ref3 : [],
         _ref2 = (0, _slicedToArray2.default)(_ref, 1),
         newViews = _ref2[0];
-      var _ref4 = (_ref6 = node.attrs.datasource.views) !== null && _ref6 !== void 0 ? _ref6 : [],
+      var _ref4 = (_ref6 = oldAttrs.datasource.views) !== null && _ref6 !== void 0 ? _ref6 : [],
         _ref5 = (0, _slicedToArray2.default)(_ref4, 1),
         oldViews = _ref5[0];
-      var newColumnKeys = newViews === null || newViews === void 0 || (_newViews$properties = newViews.properties) === null || _newViews$properties === void 0 ? void 0 : _newViews$properties.columns.map(function (column) {
-        return column.key;
-      });
-      var oldColumnKeys = oldViews === null || oldViews === void 0 || (_oldViews$properties = oldViews.properties) === null || _oldViews$properties === void 0 ? void 0 : _oldViews$properties.columns.map(function (column) {
-        return column.key;
-      });
-      var isColumnChange = !(0, _isEqual.default)(oldColumnKeys, newColumnKeys);
-      var isUrlChange = ((_newAdf$attrs2 = newAdf.attrs) === null || _newAdf$attrs2 === void 0 ? void 0 : _newAdf$attrs2.url) !== ((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.url);
+      var isColumnChange = !(0, _isEqual.default)(oldViews === null || oldViews === void 0 || (_oldViews$properties = oldViews.properties) === null || _oldViews$properties === void 0 ? void 0 : _oldViews$properties.columns, newViews === null || newViews === void 0 || (_newViews$properties = newViews.properties) === null || _newViews$properties === void 0 ? void 0 : _newViews$properties.columns);
+      var isUrlChange = newAttrs.url !== oldAttrs.url;
       if (isColumnChange || isUrlChange) {
-        tr.setNodeMarkup(from, schemaNodes.blockCard, _objectSpread(_objectSpread({}, node.attrs), newAdf.attrs));
+        tr.setNodeMarkup(from, schemaNodes.blockCard, _objectSpread(_objectSpread({}, oldAttrs), newAdf.attrs));
       }
     } else if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.enable-datasource-appearance-toolbar') && node.type.isText) {
       // url to datasource

package/dist/cjs/toolbar.js

@@ -438,7 +438,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       type: 'separator'
     });
   }
-  toolbarItems.push({
+  toolbarItems.push.apply(toolbarItems, [{
     type: 'copy-button',
     items: [{
       state: state,
@@ -447,7 +447,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
     }, {
       type: 'separator'
     }]
-  }, {
+  }].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.getBooleanFF)('platform.editor-add-link-preferences-button-to-datasources_xt1sh') ? getSettingsButtonGroup(intl, editorAnalyticsApi) : []), [{
     id: 'editor.link.delete',
     focusEditoronEnter: true,
     type: 'button',
@@ -459,7 +459,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
     onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
     title: intl.formatMessage(_messages.default.remove),
     onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
-  });
+  }]));
   return toolbarItems;
 };
 var shouldRenderToolbarPulse = exports.shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEnabled, appearance, status, isDiscoverabilityEnabled) {

package/dist/cjs/ui/DatasourceModal/index.js

@@ -17,6 +17,9 @@ var _doc = require("../../pm-plugins/doc");
 var _useFetchDatasourceInfo = require("../useFetchDatasourceInfo");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 DatasourceModal = exports.DatasourceModal = function DatasourceModal(_ref) {
@@ -92,9 +95,34 @@ var DatasourceModal = exports.DatasourceModal = function DatasourceModal(_ref) {
     var _ref3 = views,
       _ref4 = (0, _slicedToArray2.default)(_ref3, 1),
       tableView = _ref4[0];
-    var visibleColumnKeys = tableView === null || tableView === void 0 || (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(function (column) {
-      return column.key;
-    });
+    var visibleColumnKeys = [];
+    var wrappedColumnKeys = [];
+    var columnCustomSizes;
+    var columns = tableView === null || tableView === void 0 || (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns;
+    if (columns) {
+      columnCustomSizes = {};
+      var _iterator = _createForOfIteratorHelper(columns),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _step$value = _step.value,
+            _key = _step$value.key,
+            width = _step$value.width,
+            isWrapped = _step$value.isWrapped;
+          visibleColumnKeys.push(_key);
+          if (width) {
+            columnCustomSizes[_key] = width;
+          }
+          if (isWrapped) {
+            wrappedColumnKeys.push(_key);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "jira-config-modal"
     }, /*#__PURE__*/_react.default.createElement(_linkDatasource.JiraIssuesConfigModal, {
@@ -104,6 +132,8 @@ var DatasourceModal = exports.DatasourceModal = function DatasourceModal(_ref) {
       visibleColumnKeys: visibleColumnKeys,
       parameters: parameters,
       url: (_existingNode5 = existingNode) === null || _existingNode5 === void 0 ? void 0 : _existingNode5.attrs.url,
+      columnCustomSizes: columnCustomSizes,
+      wrappedColumnKeys: wrappedColumnKeys,
       onCancel: onClose,
       onInsert: onInsert
     }));

package/dist/es2019/nodeviews/datasource.js

@@ -32,24 +32,36 @@ export class DatasourceComponent extends React.PureComponent {
     });
     _defineProperty(this, "handleColumnChange", columnKeys => {
       const {
-        columnCustomSizes
+        wrappedColumnKeys = [],
+        columnCustomSizes = {}
       } = this.getColumnsInfo();
-      this.updateTableProperties(columnKeys, columnCustomSizes || {});
+      this.updateTableProperties(columnKeys, columnCustomSizes, wrappedColumnKeys);
     });
     _defineProperty(this, "handleColumnResize", (key, width) => {
       const {
-        columnCustomSizes,
-        visibleColumnKeys
+        wrappedColumnKeys = [],
+        columnCustomSizes = {},
+        visibleColumnKeys = []
       } = this.getColumnsInfo();
       const newColumnCustomSizes = {
-        ...(columnCustomSizes || {}),
+        ...columnCustomSizes,
         [key]: width
       };
-      // In case for some reason there are no visible keys stored in ADF, we can take them from columnSizes
-      // columnKeys are needed to update ADF (since custom width only make sense for a visible column)
-      // So this function effectively adds a visible column if it wasn't there
-      const columnKeys = visibleColumnKeys && visibleColumnKeys.indexOf(key) > -1 ? visibleColumnKeys : Object.keys(newColumnCustomSizes);
-      this.updateTableProperties(columnKeys, newColumnCustomSizes);
+      this.updateTableProperties(visibleColumnKeys, newColumnCustomSizes, wrappedColumnKeys);
+    });
+    _defineProperty(this, "handleWrappedColumnChange", (key, shouldWrap) => {
+      const {
+        wrappedColumnKeys = [],
+        columnCustomSizes = {},
+        visibleColumnKeys = []
+      } = this.getColumnsInfo();
+      const wrappedColumnKeysSet = new Set(wrappedColumnKeys);
+      if (shouldWrap) {
+        wrappedColumnKeysSet.add(key);
+      } else {
+        wrappedColumnKeysSet.delete(key);
+      }
+      this.updateTableProperties(visibleColumnKeys, columnCustomSizes, Array.from(wrappedColumnKeysSet));
     });
     _defineProperty(this, "onError", ({
       err
@@ -59,7 +71,7 @@ export class DatasourceComponent extends React.PureComponent {
       }
     });
   }
-  updateTableProperties(columnKeys, columnCustomSizes) {
+  updateTableProperties(columnKeysArg, columnCustomSizes, wrappedColumnKeys) {
     const {
       state,
       dispatch
@@ -68,15 +80,29 @@ export class DatasourceComponent extends React.PureComponent {
     if (pos === undefined) {
       return;
     }
+
+    // In case for some reason there are no visible keys stored in ADF, we take them
+    // from incoming sets of attributes like column sizes and wrapped column keys
+    // columnKeys are needed to update ADF (
+    // since attributes (like custom width and wrapped state) only make sense for a visible column )
+    // So this part effectively adds a visible column if it wasn't there but attributes were given.
+    const columnKeys = columnKeysArg.length > 0 ? columnKeysArg : Array.from(new Set([...Object.keys(columnCustomSizes), ...wrappedColumnKeys]));
     const views = [{
       type: 'table',
       properties: {
-        columns: columnKeys.map(key => ({
-          key,
-          ...(columnCustomSizes[key] ? {
-            width: columnCustomSizes[key]
-          } : {})
-        }))
+        columns: columnKeys.map(key => {
+          const width = columnCustomSizes[key];
+          const isWrapped = wrappedColumnKeys.includes(key);
+          return {
+            key,
+            ...(width ? {
+              width
+            } : {}),
+            ...(isWrapped ? {
+              isWrapped
+            } : {})
+          };
+        })
       }
     }];
     const attrs = this.props.node.attrs;
@@ -106,9 +132,11 @@ export class DatasourceComponent extends React.PureComponent {
       const keyWidthPairs = columnsWithWidth.map(c => [c.key, c.width]);
       columnCustomSizes = Object.fromEntries(keyWidthPairs);
     }
+    const wrappedColumnKeys = columnsProp === null || columnsProp === void 0 ? void 0 : columnsProp.filter(c => c.isWrapped).map(c => c.key);
     return {
       visibleColumnKeys,
-      columnCustomSizes
+      columnCustomSizes,
+      wrappedColumnKeys
     };
   }
   render() {
@@ -119,7 +147,8 @@ export class DatasourceComponent extends React.PureComponent {
     if (tableView) {
       const {
         visibleColumnKeys,
-        columnCustomSizes
+        columnCustomSizes,
+        wrappedColumnKeys
       } = this.getColumnsInfo();
 
       // [WS-2307]: we only render card wrapped into a Provider when the value is ready
@@ -135,7 +164,9 @@ export class DatasourceComponent extends React.PureComponent {
           onVisibleColumnKeysChange: this.handleColumnChange,
           url: attrs === null || attrs === void 0 ? void 0 : attrs.url,
           onColumnResize: this.handleColumnResize,
-          columnCustomSizes: columnCustomSizes
+          columnCustomSizes: columnCustomSizes,
+          onWrappedColumnChange: getBooleanFF('platform.linking-platform.datasource-word_wrap') ? this.handleWrappedColumnChange : undefined,
+          wrappedColumnKeys: wrappedColumnKeys
         })));
       }
     }

package/dist/es2019/pm-plugins/doc.js

@@ -428,17 +428,16 @@ export const updateCardViaDatasource = args => {
   if (newAdf.type === 'blockCard') {
     var _node$attrs, _newAdf$attrs;
     if ((_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.datasource && (_newAdf$attrs = newAdf.attrs) !== null && _newAdf$attrs !== void 0 && _newAdf$attrs.datasource) {
-      var _ref, _ref2, _newViews$properties, _oldViews$properties, _newAdf$attrs2, _node$attrs2;
-      // datasource to datasource
-      const [newViews] = (_ref = newAdf.attrs.datasource.views) !== null && _ref !== void 0 ? _ref : [];
-      const [oldViews] = (_ref2 = node.attrs.datasource.views) !== null && _ref2 !== void 0 ? _ref2 : [];
-      const newColumnKeys = newViews === null || newViews === void 0 ? void 0 : (_newViews$properties = newViews.properties) === null || _newViews$properties === void 0 ? void 0 : _newViews$properties.columns.map(column => column.key);
-      const oldColumnKeys = oldViews === null || oldViews === void 0 ? void 0 : (_oldViews$properties = oldViews.properties) === null || _oldViews$properties === void 0 ? void 0 : _oldViews$properties.columns.map(column => column.key);
-      const isColumnChange = !isEqual(oldColumnKeys, newColumnKeys);
-      const isUrlChange = ((_newAdf$attrs2 = newAdf.attrs) === null || _newAdf$attrs2 === void 0 ? void 0 : _newAdf$attrs2.url) !== ((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.url);
+      var _ref, _ref2, _oldViews$properties, _newViews$properties;
+      const newAttrs = newAdf.attrs;
+      const oldAttrs = node.attrs;
+      const [newViews] = (_ref = newAttrs.datasource.views) !== null && _ref !== void 0 ? _ref : [];
+      const [oldViews] = (_ref2 = oldAttrs.datasource.views) !== null && _ref2 !== void 0 ? _ref2 : [];
+      const isColumnChange = !isEqual(oldViews === null || oldViews === void 0 ? void 0 : (_oldViews$properties = oldViews.properties) === null || _oldViews$properties === void 0 ? void 0 : _oldViews$properties.columns, newViews === null || newViews === void 0 ? void 0 : (_newViews$properties = newViews.properties) === null || _newViews$properties === void 0 ? void 0 : _newViews$properties.columns);
+      const isUrlChange = newAttrs.url !== oldAttrs.url;
       if (isColumnChange || isUrlChange) {
         tr.setNodeMarkup(from, schemaNodes.blockCard, {
-          ...node.attrs,
+          ...oldAttrs,
           ...newAdf.attrs
         });
       }

package/dist/es2019/toolbar.js

@@ -440,7 +440,7 @@ const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hove
     }, {
       type: 'separator'
     }]
-  }, {
+  }, ...(getBooleanFF('platform.editor-add-link-preferences-button-to-datasources_xt1sh') ? getSettingsButtonGroup(intl, editorAnalyticsApi) : []), {
     id: 'editor.link.delete',
     focusEditoronEnter: true,
     type: 'button',

package/dist/es2019/ui/DatasourceModal/index.js

@@ -79,7 +79,26 @@ export const DatasourceModal = ({
       views = []
     } = ((_existingNode4 = existingNode) === null || _existingNode4 === void 0 ? void 0 : (_existingNode4$attrs = _existingNode4.attrs) === null || _existingNode4$attrs === void 0 ? void 0 : _existingNode4$attrs.datasource) || {};
     const [tableView] = views;
-    const visibleColumnKeys = tableView === null || tableView === void 0 ? void 0 : (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(column => column.key);
+    const visibleColumnKeys = [];
+    const wrappedColumnKeys = [];
+    let columnCustomSizes;
+    const columns = tableView === null || tableView === void 0 ? void 0 : (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns;
+    if (columns) {
+      columnCustomSizes = {};
+      for (const {
+        key,
+        width,
+        isWrapped
+      } of columns) {
+        visibleColumnKeys.push(key);
+        if (width) {
+          columnCustomSizes[key] = width;
+        }
+        if (isWrapped) {
+          wrappedColumnKeys.push(key);
+        }
+      }
+    }
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": "jira-config-modal"
     }, /*#__PURE__*/React.createElement(JiraIssuesConfigModal, {
@@ -89,6 +108,8 @@ export const DatasourceModal = ({
       visibleColumnKeys: visibleColumnKeys,
       parameters: parameters,
       url: (_existingNode5 = existingNode) === null || _existingNode5 === void 0 ? void 0 : _existingNode5.attrs.url,
+      columnCustomSizes: columnCustomSizes,
+      wrappedColumnKeys: wrappedColumnKeys,
       onCancel: onClose,
       onInsert: onInsert
     }));

package/dist/esm/nodeviews/datasource.js

@@ -1,4 +1,5 @@
 import _get from "@babel/runtime/helpers/get";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -51,19 +52,38 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "handleColumnChange", function (columnKeys) {
       var _this$getColumnsInfo = _this.getColumnsInfo(),
-        columnCustomSizes = _this$getColumnsInfo.columnCustomSizes;
-      _this.updateTableProperties(columnKeys, columnCustomSizes || {});
+        _this$getColumnsInfo$ = _this$getColumnsInfo.wrappedColumnKeys,
+        wrappedColumnKeys = _this$getColumnsInfo$ === void 0 ? [] : _this$getColumnsInfo$,
+        _this$getColumnsInfo$2 = _this$getColumnsInfo.columnCustomSizes,
+        columnCustomSizes = _this$getColumnsInfo$2 === void 0 ? {} : _this$getColumnsInfo$2;
+      _this.updateTableProperties(columnKeys, columnCustomSizes, wrappedColumnKeys);
     });
     _defineProperty(_assertThisInitialized(_this), "handleColumnResize", function (key, width) {
       var _this$getColumnsInfo2 = _this.getColumnsInfo(),
-        columnCustomSizes = _this$getColumnsInfo2.columnCustomSizes,
-        visibleColumnKeys = _this$getColumnsInfo2.visibleColumnKeys;
-      var newColumnCustomSizes = _objectSpread(_objectSpread({}, columnCustomSizes || {}), {}, _defineProperty({}, key, width));
-      // In case for some reason there are no visible keys stored in ADF, we can take them from columnSizes
-      // columnKeys are needed to update ADF (since custom width only make sense for a visible column)
-      // So this function effectively adds a visible column if it wasn't there
-      var columnKeys = visibleColumnKeys && visibleColumnKeys.indexOf(key) > -1 ? visibleColumnKeys : Object.keys(newColumnCustomSizes);
-      _this.updateTableProperties(columnKeys, newColumnCustomSizes);
+        _this$getColumnsInfo3 = _this$getColumnsInfo2.wrappedColumnKeys,
+        wrappedColumnKeys = _this$getColumnsInfo3 === void 0 ? [] : _this$getColumnsInfo3,
+        _this$getColumnsInfo4 = _this$getColumnsInfo2.columnCustomSizes,
+        columnCustomSizes = _this$getColumnsInfo4 === void 0 ? {} : _this$getColumnsInfo4,
+        _this$getColumnsInfo5 = _this$getColumnsInfo2.visibleColumnKeys,
+        visibleColumnKeys = _this$getColumnsInfo5 === void 0 ? [] : _this$getColumnsInfo5;
+      var newColumnCustomSizes = _objectSpread(_objectSpread({}, columnCustomSizes), {}, _defineProperty({}, key, width));
+      _this.updateTableProperties(visibleColumnKeys, newColumnCustomSizes, wrappedColumnKeys);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleWrappedColumnChange", function (key, shouldWrap) {
+      var _this$getColumnsInfo6 = _this.getColumnsInfo(),
+        _this$getColumnsInfo7 = _this$getColumnsInfo6.wrappedColumnKeys,
+        wrappedColumnKeys = _this$getColumnsInfo7 === void 0 ? [] : _this$getColumnsInfo7,
+        _this$getColumnsInfo8 = _this$getColumnsInfo6.columnCustomSizes,
+        columnCustomSizes = _this$getColumnsInfo8 === void 0 ? {} : _this$getColumnsInfo8,
+        _this$getColumnsInfo9 = _this$getColumnsInfo6.visibleColumnKeys,
+        visibleColumnKeys = _this$getColumnsInfo9 === void 0 ? [] : _this$getColumnsInfo9;
+      var wrappedColumnKeysSet = new Set(wrappedColumnKeys);
+      if (shouldWrap) {
+        wrappedColumnKeysSet.add(key);
+      } else {
+        wrappedColumnKeysSet.delete(key);
+      }
+      _this.updateTableProperties(visibleColumnKeys, columnCustomSizes, Array.from(wrappedColumnKeysSet));
     });
     _defineProperty(_assertThisInitialized(_this), "onError", function (_ref) {
       var err = _ref.err;
@@ -75,7 +95,7 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
   }
   _createClass(DatasourceComponent, [{
     key: "updateTableProperties",
-    value: function updateTableProperties(columnKeys, columnCustomSizes) {
+    value: function updateTableProperties(columnKeysArg, columnCustomSizes, wrappedColumnKeys) {
       var _this$props$view = this.props.view,
         state = _this$props$view.state,
         dispatch = _this$props$view.dispatch;
@@ -83,14 +103,25 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
       if (pos === undefined) {
         return;
       }
+
+      // In case for some reason there are no visible keys stored in ADF, we take them
+      // from incoming sets of attributes like column sizes and wrapped column keys
+      // columnKeys are needed to update ADF (
+      // since attributes (like custom width and wrapped state) only make sense for a visible column )
+      // So this part effectively adds a visible column if it wasn't there but attributes were given.
+      var columnKeys = columnKeysArg.length > 0 ? columnKeysArg : Array.from(new Set([].concat(_toConsumableArray(Object.keys(columnCustomSizes)), _toConsumableArray(wrappedColumnKeys))));
       var views = [{
         type: 'table',
         properties: {
           columns: columnKeys.map(function (key) {
-            return _objectSpread({
+            var width = columnCustomSizes[key];
+            var isWrapped = wrappedColumnKeys.includes(key);
+            return _objectSpread(_objectSpread({
               key: key
-            }, columnCustomSizes[key] ? {
-              width: columnCustomSizes[key]
+            }, width ? {
+              width: width
+            } : {}), isWrapped ? {
+              isWrapped: isWrapped
             } : {});
           })
         }
@@ -127,9 +158,15 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
         });
         columnCustomSizes = Object.fromEntries(keyWidthPairs);
       }
+      var wrappedColumnKeys = columnsProp === null || columnsProp === void 0 ? void 0 : columnsProp.filter(function (c) {
+        return c.isWrapped;
+      }).map(function (c) {
+        return c.key;
+      });
       return {
         visibleColumnKeys: visibleColumnKeys,
-        columnCustomSizes: columnCustomSizes
+        columnCustomSizes: columnCustomSizes,
+        wrappedColumnKeys: wrappedColumnKeys
       };
     }
   }, {
@@ -140,9 +177,10 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
       var attrs = this.props.node.attrs;
       var tableView = this.getTableView();
       if (tableView) {
-        var _this$getColumnsInfo3 = this.getColumnsInfo(),
-          visibleColumnKeys = _this$getColumnsInfo3.visibleColumnKeys,
-          columnCustomSizes = _this$getColumnsInfo3.columnCustomSizes;
+        var _this$getColumnsInfo10 = this.getColumnsInfo(),
+          visibleColumnKeys = _this$getColumnsInfo10.visibleColumnKeys,
+          columnCustomSizes = _this$getColumnsInfo10.columnCustomSizes,
+          wrappedColumnKeys = _this$getColumnsInfo10.wrappedColumnKeys;
 
         // [WS-2307]: we only render card wrapped into a Provider when the value is ready
         if (cardContext && cardContext.value) {
@@ -157,7 +195,9 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
             onVisibleColumnKeysChange: this.handleColumnChange,
             url: attrs === null || attrs === void 0 ? void 0 : attrs.url,
             onColumnResize: this.handleColumnResize,
-            columnCustomSizes: columnCustomSizes
+            columnCustomSizes: columnCustomSizes,
+            onWrappedColumnChange: getBooleanFF('platform.linking-platform.datasource-word_wrap') ? this.handleWrappedColumnChange : undefined,
+            wrappedColumnKeys: wrappedColumnKeys
           })));
         }
       }

package/dist/esm/pm-plugins/doc.js

@@ -440,24 +440,19 @@ export var updateCardViaDatasource = function updateCardViaDatasource(args) {
   if (newAdf.type === 'blockCard') {
     var _node$attrs, _newAdf$attrs;
     if ((_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.datasource && (_newAdf$attrs = newAdf.attrs) !== null && _newAdf$attrs !== void 0 && _newAdf$attrs.datasource) {
-      var _ref3, _ref6, _newViews$properties, _oldViews$properties, _newAdf$attrs2, _node$attrs2;
-      // datasource to datasource
-      var _ref = (_ref3 = newAdf.attrs.datasource.views) !== null && _ref3 !== void 0 ? _ref3 : [],
+      var _ref3, _ref6, _oldViews$properties, _newViews$properties;
+      var newAttrs = newAdf.attrs;
+      var oldAttrs = node.attrs;
+      var _ref = (_ref3 = newAttrs.datasource.views) !== null && _ref3 !== void 0 ? _ref3 : [],
         _ref2 = _slicedToArray(_ref, 1),
         newViews = _ref2[0];
-      var _ref4 = (_ref6 = node.attrs.datasource.views) !== null && _ref6 !== void 0 ? _ref6 : [],
+      var _ref4 = (_ref6 = oldAttrs.datasource.views) !== null && _ref6 !== void 0 ? _ref6 : [],
         _ref5 = _slicedToArray(_ref4, 1),
         oldViews = _ref5[0];
-      var newColumnKeys = newViews === null || newViews === void 0 || (_newViews$properties = newViews.properties) === null || _newViews$properties === void 0 ? void 0 : _newViews$properties.columns.map(function (column) {
-        return column.key;
-      });
-      var oldColumnKeys = oldViews === null || oldViews === void 0 || (_oldViews$properties = oldViews.properties) === null || _oldViews$properties === void 0 ? void 0 : _oldViews$properties.columns.map(function (column) {
-        return column.key;
-      });
-      var isColumnChange = !isEqual(oldColumnKeys, newColumnKeys);
-      var isUrlChange = ((_newAdf$attrs2 = newAdf.attrs) === null || _newAdf$attrs2 === void 0 ? void 0 : _newAdf$attrs2.url) !== ((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.url);
+      var isColumnChange = !isEqual(oldViews === null || oldViews === void 0 || (_oldViews$properties = oldViews.properties) === null || _oldViews$properties === void 0 ? void 0 : _oldViews$properties.columns, newViews === null || newViews === void 0 || (_newViews$properties = newViews.properties) === null || _newViews$properties === void 0 ? void 0 : _newViews$properties.columns);
+      var isUrlChange = newAttrs.url !== oldAttrs.url;
       if (isColumnChange || isUrlChange) {
-        tr.setNodeMarkup(from, schemaNodes.blockCard, _objectSpread(_objectSpread({}, node.attrs), newAdf.attrs));
+        tr.setNodeMarkup(from, schemaNodes.blockCard, _objectSpread(_objectSpread({}, oldAttrs), newAdf.attrs));
       }
     } else if (getBooleanFF('platform.linking-platform.enable-datasource-appearance-toolbar') && node.type.isText) {
       // url to datasource

package/dist/esm/toolbar.js

@@ -428,7 +428,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       type: 'separator'
     });
   }
-  toolbarItems.push({
+  toolbarItems.push.apply(toolbarItems, [{
     type: 'copy-button',
     items: [{
       state: state,
@@ -437,7 +437,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
     }, {
       type: 'separator'
     }]
-  }, {
+  }].concat(_toConsumableArray(getBooleanFF('platform.editor-add-link-preferences-button-to-datasources_xt1sh') ? getSettingsButtonGroup(intl, editorAnalyticsApi) : []), [{
     id: 'editor.link.delete',
     focusEditoronEnter: true,
     type: 'button',
@@ -449,7 +449,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
     onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
     title: intl.formatMessage(commonMessages.remove),
     onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
-  });
+  }]));
   return toolbarItems;
 };
 export var shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEnabled, appearance, status, isDiscoverabilityEnabled) {

package/dist/esm/ui/DatasourceModal/index.js

@@ -1,5 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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, { useCallback } from 'react';
@@ -82,9 +85,34 @@ export var DatasourceModal = function DatasourceModal(_ref) {
     var _ref3 = views,
       _ref4 = _slicedToArray(_ref3, 1),
       tableView = _ref4[0];
-    var visibleColumnKeys = tableView === null || tableView === void 0 || (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(function (column) {
-      return column.key;
-    });
+    var visibleColumnKeys = [];
+    var wrappedColumnKeys = [];
+    var columnCustomSizes;
+    var columns = tableView === null || tableView === void 0 || (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns;
+    if (columns) {
+      columnCustomSizes = {};
+      var _iterator = _createForOfIteratorHelper(columns),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _step$value = _step.value,
+            _key = _step$value.key,
+            width = _step$value.width,
+            isWrapped = _step$value.isWrapped;
+          visibleColumnKeys.push(_key);
+          if (width) {
+            columnCustomSizes[_key] = width;
+          }
+          if (isWrapped) {
+            wrappedColumnKeys.push(_key);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": "jira-config-modal"
     }, /*#__PURE__*/React.createElement(JiraIssuesConfigModal, {
@@ -94,6 +122,8 @@ export var DatasourceModal = function DatasourceModal(_ref) {
       visibleColumnKeys: visibleColumnKeys,
       parameters: parameters,
       url: (_existingNode5 = existingNode) === null || _existingNode5 === void 0 ? void 0 : _existingNode5.attrs.url,
+      columnCustomSizes: columnCustomSizes,
+      wrappedColumnKeys: wrappedColumnKeys,
       onCancel: onClose,
       onInsert: onInsert
     }));

package/dist/types/datasourceErrorBoundary.d.ts

@@ -2,14 +2,14 @@ import React from 'react';
 import type { DatasourceModalType } from '@atlaskit/editor-common/types';
 import type { APIError } from '@atlaskit/smart-card';
 import type { DatasourceProps } from './nodeviews/datasource';
-export type DatasourceErrorBoundaryProps = {
+export type DatasourceErrorBoundaryProps = React.PropsWithChildren<{
     url?: string;
     unsupportedComponent?: React.ComponentType;
     handleError?: () => void;
     view: DatasourceProps['view'];
     datasourceModalType?: DatasourceModalType;
     datasourceId?: string;
-};
+}>;
 export declare class DatasourceErrorBoundary extends React.Component<DatasourceErrorBoundaryProps> {
     state: {
         isError: boolean;

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

@@ -32,6 +32,7 @@ export declare class DatasourceComponent extends React.PureComponent<DatasourceC
     private updateTableProperties;
     handleColumnChange: (columnKeys: string[]) => void;
     handleColumnResize: (key: string, width: number) => void;
+    handleWrappedColumnChange: (key: string, shouldWrap: boolean) => void;
     onError: ({ err }: {
         err?: Error | undefined;
     }) => void;

package/dist/types-ts4.5/datasourceErrorBoundary.d.ts

@@ -2,14 +2,14 @@ import React from 'react';
 import type { DatasourceModalType } from '@atlaskit/editor-common/types';
 import type { APIError } from '@atlaskit/smart-card';
 import type { DatasourceProps } from './nodeviews/datasource';
-export type DatasourceErrorBoundaryProps = {
+export type DatasourceErrorBoundaryProps = React.PropsWithChildren<{
     url?: string;
     unsupportedComponent?: React.ComponentType;
     handleError?: () => void;
     view: DatasourceProps['view'];
     datasourceModalType?: DatasourceModalType;
     datasourceId?: string;
-};
+}>;
 export declare class DatasourceErrorBoundary extends React.Component<DatasourceErrorBoundaryProps> {
     state: {
         isError: boolean;

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

@@ -32,6 +32,7 @@ export declare class DatasourceComponent extends React.PureComponent<DatasourceC
     private updateTableProperties;
     handleColumnChange: (columnKeys: string[]) => void;
     handleColumnResize: (key: string, width: number) => void;
+    handleWrappedColumnChange: (key: string, shouldWrap: boolean) => void;
     onError: ({ err }: {
         err?: Error | undefined;
     }) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "1.1.5",
+  "version": "1.2.1",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
     "@atlaskit/adf-schema": "^35.6.0",
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/custom-steps": "^0.0.15",
-    "@atlaskit/editor-common": "^78.12.0",
+    "@atlaskit/editor-common": "^78.14.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-decorations": "^1.0.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
@@ -49,12 +49,12 @@
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/link-analytics": "^8.3.0",
     "@atlaskit/link-client-extension": "^1.8.0",
-    "@atlaskit/link-datasource": "^1.23.0",
-    "@atlaskit/linking-common": "^5.4.0",
+    "@atlaskit/link-datasource": "^1.24.0",
+    "@atlaskit/linking-common": "^5.5.0",
     "@atlaskit/linking-types": "^8.7.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/primitives": "^4.1.0",
-    "@atlaskit/smart-card": "^26.49.0",
+    "@atlaskit/smart-card": "^26.50.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.41.0",
     "@babel/runtime": "^7.0.0",
@@ -95,11 +95,9 @@
       "ui-components": [
         "lite-mode"
       ],
-      "deprecation": [
-        "no-deprecated-imports"
-      ],
+      "deprecation": "no-deprecated-imports",
       "styling": [
-        "static",
+        "emotion",
         "emotion"
       ]
     }
@@ -112,9 +110,15 @@
     "platform.editor.show-embed-card-frame-renderer": {
       "type": "boolean"
     },
+    "platform.linking-platform.datasource-word_wrap": {
+      "type": "boolean"
+    },
     "platform.linking-platform.enable-datasource-appearance-toolbar": {
       "type": "boolean"
     },
+    "platform.editor-add-link-preferences-button-to-datasources_xt1sh": {
+      "type": "boolean"
+    },
     "platform.editor.card.fix-embed-card-select-all": {
       "type": "boolean"
     }
@@ -124,4 +128,4 @@
       "checkDevDependencies": true
     }
   }
-}
+}