@atlaskit/editor-core 185.3.1 → 185.4.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-core
 
+## 185.4.2
+
+### Patch Changes
+
+- [`a9350cf3831`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a9350cf3831) - Check existence of window and document variable for confluence SSR to work
+
+## 185.4.0
+
+### Minor Changes
+
+- [`714f16e525a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/714f16e525a) - [ux] Added blockCard integration with datasource ADFs
+
 ## 185.3.1
 
 ### Patch Changes

package/compass.yml

@@ -0,0 +1,52 @@
+name: Editor
+id: 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/3d05b1c1-0470-426d-9d4c-4983c298f65d'
+description: A package contains Atlassian editor core functionality
+configVersion: 1
+typeId: UI_ELEMENT
+ownerId: 'ari:cloud:teams::team/cf6a670b-5252-4c68-a769-9207de366beb'
+fields:
+  tier: 2
+links:
+  - name: null
+    type: REPOSITORY
+    url: 'https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/editor/editor-core/'
+  - name: '#team-cc-editor-services'
+    type: CHAT_CHANNEL
+    url: 'https://atlassian.slack.com/app_redirect?channel=team-cc-editor-services'
+  - name: ''
+    type: ON_CALL
+    url: 'https://atlassian.app.opsgenie.com/settings/schedule/detail/b2599bc4-2eec-4364-963c-a52b0fea279b'
+  - name: ''
+    type: PROJECT
+    url: 'https://product-fabric.atlassian.net/jira/software/c/projects/ED/boards/2107'
+  - name: ''
+    type: DASHBOARD
+    url: 'https://atlassian.signalfx.com/#/dashboard/EzEdH3ZA0AA?groupId=EzEdHB6A4AA&configId=EzEdILZAwAE'
+  - name: ''
+    type: DASHBOARD
+    url: 'https://atlassian.signalfx.com/#/dashboard/E1UTo1cAwAE?groupId=E1UTovfA0AI&configId=E1UTo82A4AE'
+  - name: ''
+    type: DOCUMENT
+    url: 'https://hello.atlassian.net/wiki/spaces/EDITOR/overview'
+  - name: '#help-editor'
+    type: CHAT_CHANNEL
+    url: 'https://atlassian.slack.com/app_redirect?channel=help-editor'
+relationships:
+  DEPENDS_ON:
+    - 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/75a52084-b8d0-49ca-bd36-d185348854d5'
+    - 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/3aa89c97-0733-451b-bbe9-073e1e7353e2'
+labels:
+  - atlassian-platform
+customFields:
+  - name: Dev Owner
+    type: user
+    value: null
+  - name: Product
+    type: text
+    value: null
+  - name: Test
+    type: text
+    value: null
+
+# Learn more about formatting compass.yml:
+# https://go.atlassian.com/compass-yml-format

package/dist/cjs/plugins/card/nodeviews/datasource.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatasourceComponent = exports.Datasource = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react2 = require("@emotion/react");
+var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
+var _linkDatasource = require("@atlaskit/link-datasource");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+var containerStyles = (0, _react2.css)({
+  height: '500px',
+  overflow: 'auto'
+});
+var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2.default)(DatasourceComponent, _React$PureComponent);
+  var _super = _createSuper(DatasourceComponent);
+  function DatasourceComponent(props) {
+    var _this;
+    (0, _classCallCheck2.default)(this, DatasourceComponent);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getPosSafely", function () {
+      var getPos = _this.props.getPos;
+      if (!getPos || typeof getPos === 'boolean') {
+        return;
+      }
+      try {
+        return getPos();
+      } catch (e) {
+        // Can blow up in rare cases, when node has been removed.
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getDatasource", function () {
+      return _this.props.node.attrs.datasource;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getTableView", function (datasource) {
+      var views = (datasource || _this.getDatasource()).views;
+      return views.find(function (view) {
+        return view.type === 'table';
+      }) || undefined;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleColumnChange", function (columnKeys) {
+      var _this$props$view = _this.props.view,
+        state = _this$props$view.state,
+        dispatch = _this$props$view.dispatch;
+      var pos = _this.getPosSafely();
+      if (pos === undefined) {
+        return;
+      }
+      var attrs = _this.props.node.attrs;
+      var views = [{
+        type: 'table',
+        properties: {
+          columns: columnKeys.map(function (key) {
+            return {
+              key: key
+            };
+          })
+        }
+      }];
+      var tr = state.tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, attrs), {}, {
+        datasource: _objectSpread(_objectSpread({}, attrs.datasource), {}, {
+          views: views
+        })
+      }));
+      tr.setMeta('scrollIntoView', false);
+      dispatch(tr);
+    });
+    return _this;
+  }
+  (0, _createClass2.default)(DatasourceComponent, [{
+    key: "render",
+    value: function render() {
+      var cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
+      var datasource = this.getDatasource();
+      var tableView = this.getTableView();
+      if (tableView) {
+        var _tableView$properties;
+        var visibleColumnKeys = (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(function (_ref) {
+          var key = _ref.key;
+          return key;
+        });
+
+        // [WS-2307]: we only render card wrapped into a Provider when the value is ready
+        if (cardContext && cardContext.value) {
+          return (0, _react2.jsx)(cardContext.Provider, {
+            value: cardContext.value
+          }, (0, _react2.jsx)(_linkDatasource.DatasourceTableView, {
+            datasourceId: datasource.id,
+            parameters: datasource.parameters,
+            visibleColumnKeys: visibleColumnKeys,
+            onVisibleColumnKeysChange: this.handleColumnChange
+          }));
+        }
+      }
+      return null;
+    }
+  }]);
+  return DatasourceComponent;
+}(_react.default.PureComponent);
+exports.DatasourceComponent = DatasourceComponent;
+(0, _defineProperty2.default)(DatasourceComponent, "contextTypes", {
+  contextAdapter: _propTypes.default.object
+});
+var Datasource = /*#__PURE__*/function (_ReactNodeView) {
+  (0, _inherits2.default)(Datasource, _ReactNodeView);
+  var _super2 = _createSuper(Datasource);
+  function Datasource() {
+    (0, _classCallCheck2.default)(this, Datasource);
+    return _super2.apply(this, arguments);
+  }
+  (0, _createClass2.default)(Datasource, [{
+    key: "render",
+    value: function render() {
+      return (0, _react2.jsx)("div", {
+        css: containerStyles
+      }, (0, _react2.jsx)(DatasourceComponent, {
+        node: this.node,
+        view: this.view,
+        getPos: this.getPos
+      }));
+    }
+  }]);
+  return Datasource;
+}(_reactNodeView.default);
+exports.Datasource = Datasource;

package/dist/cjs/plugins/card/pm-plugins/main.js

@@ -23,6 +23,7 @@ var _reducers = _interopRequireDefault(require("./reducers"));
 var _resolve = require("./util/resolve");
 var _state = require("./util/state");
 var _analytics = require("./analytics");
+var _datasource = require("../nodeviews/datasource");
 var createPlugin = function createPlugin(options, pluginInjectionApi) {
   return function (pmPluginFactoryParams) {
     var lpAnalyticsEventsNext = pmPluginFactoryParams.featureFlags.lpAnalyticsEventsNext;
@@ -129,6 +130,9 @@ var createPlugin = function createPlugin(options, pluginInjectionApi) {
               showServerActions: showServerActions
             };
             var hasIntlContext = true;
+            if (node.attrs.datasource) {
+              return new _datasource.Datasource(node, view, getPos, portalProviderAPI, eventDispatcher, undefined, undefined, true, undefined, hasIntlContext).init();
+            }
             return new _blockCard.BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
           },
           embedCard: function embedCard(node, view, getPos) {

package/dist/cjs/utils/clipboard.js

@@ -1,7 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,10 +9,11 @@ exports.checkClipboardTypes = checkClipboardTypes;
 exports.copyToClipboard = exports.copyHTMLToClipboardPolyfill = exports.copyHTMLToClipboard = void 0;
 exports.isPastedFile = isPastedFile;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var clipboard = _interopRequireWildcard(require("clipboard-polyfill"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function checkClipboardTypes(type, item) {
   var isDOMStringList = function isDOMStringList(t) {
     return !t.indexOf && !!t.contains;
@@ -118,9 +119,11 @@ var copyHTMLToClipboard = /*#__PURE__*/function () {
           _context2.next = 13;
           break;
         case 12:
-          // ED-17083 extension copy seems have issue with ClipboardItem API
-          // Hence of use of this polyfill
-          copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
+          if ((typeof document === "undefined" ? "undefined" : (0, _typeof2.default)(document)) !== undefined) {
+            // ED-17083 extension copy seems have issue with ClipboardItem API
+            // Hence of use of this polyfill
+            copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
+          }
         case 13:
         case "end":
           return _context2.stop();

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "185.3.1";
+var version = "185.4.2";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "185.3.1",
+	"version": "185.4.2",
 	"sideEffects": false
 }

package/dist/es2019/plugins/card/nodeviews/datasource.js

@@ -0,0 +1,100 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/** @jsx jsx */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css, jsx } from '@emotion/react';
+import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import { DatasourceTableView } from '@atlaskit/link-datasource';
+const containerStyles = css({
+  height: '500px',
+  overflow: 'auto'
+});
+export class DatasourceComponent extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "getPosSafely", () => {
+      const {
+        getPos
+      } = this.props;
+      if (!getPos || typeof getPos === 'boolean') {
+        return;
+      }
+      try {
+        return getPos();
+      } catch (e) {
+        // Can blow up in rare cases, when node has been removed.
+      }
+    });
+    _defineProperty(this, "getDatasource", () => this.props.node.attrs.datasource);
+    _defineProperty(this, "getTableView", datasource => {
+      const views = (datasource || this.getDatasource()).views;
+      return views.find(view => view.type === 'table') || undefined;
+    });
+    _defineProperty(this, "handleColumnChange", columnKeys => {
+      const {
+        state,
+        dispatch
+      } = this.props.view;
+      const pos = this.getPosSafely();
+      if (pos === undefined) {
+        return;
+      }
+      const attrs = this.props.node.attrs;
+      const views = [{
+        type: 'table',
+        properties: {
+          columns: columnKeys.map(key => ({
+            key
+          }))
+        }
+      }];
+      const tr = state.tr.setNodeMarkup(pos, undefined, {
+        ...attrs,
+        datasource: {
+          ...attrs.datasource,
+          views
+        }
+      });
+      tr.setMeta('scrollIntoView', false);
+      dispatch(tr);
+    });
+  }
+  render() {
+    const cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
+    const datasource = this.getDatasource();
+    const tableView = this.getTableView();
+    if (tableView) {
+      var _tableView$properties;
+      const visibleColumnKeys = (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(({
+        key
+      }) => key);
+
+      // [WS-2307]: we only render card wrapped into a Provider when the value is ready
+      if (cardContext && cardContext.value) {
+        return jsx(cardContext.Provider, {
+          value: cardContext.value
+        }, jsx(DatasourceTableView, {
+          datasourceId: datasource.id,
+          parameters: datasource.parameters,
+          visibleColumnKeys: visibleColumnKeys,
+          onVisibleColumnKeysChange: this.handleColumnChange
+        }));
+      }
+    }
+    return null;
+  }
+}
+_defineProperty(DatasourceComponent, "contextTypes", {
+  contextAdapter: PropTypes.object
+});
+export class Datasource extends ReactNodeView {
+  render() {
+    return jsx("div", {
+      css: containerStyles
+    }, jsx(DatasourceComponent, {
+      node: this.node,
+      view: this.view,
+      getPos: this.getPos
+    }));
+  }
+}

package/dist/es2019/plugins/card/pm-plugins/main.js

@@ -9,6 +9,7 @@ import reducer from './reducers';
 import { handleProvider, resolveWithProvider } from './util/resolve';
 import { getNewRequests, getPluginState, getPluginStateWithUpdatedPos } from './util/state';
 import { createAnalyticsQueue, eventsFromTransaction } from './analytics';
+import { Datasource } from '../nodeviews/datasource';
 export { pluginKey } from './plugin-key';
 export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryParams => {
   const {
@@ -119,6 +120,9 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
             showServerActions
           };
           const hasIntlContext = true;
+          if (node.attrs.datasource) {
+            return new Datasource(node, view, getPos, portalProviderAPI, eventDispatcher, undefined, undefined, true, undefined, hasIntlContext).init();
+          }
           return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
         },
         embedCard: (node, view, getPos) => {

package/dist/es2019/utils/clipboard.js

@@ -48,7 +48,7 @@ export const copyHTMLToClipboard = async (elementToCopy, plainTextToCopy) => {
     } catch (error) {
       throw new Error('Clipboard api is not supported');
     }
-  } else {
+  } else if (typeof document !== undefined) {
     // ED-17083 extension copy seems have issue with ClipboardItem API
     // Hence of use of this polyfill
     copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "185.3.1";
+export const version = "185.4.2";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "185.3.1",
+	"version": "185.4.2",
 	"sideEffects": false
 }

package/dist/esm/plugins/card/nodeviews/datasource.js

@@ -0,0 +1,131 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+/** @jsx jsx */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css, jsx } from '@emotion/react';
+import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import { DatasourceTableView } from '@atlaskit/link-datasource';
+var containerStyles = css({
+  height: '500px',
+  overflow: 'auto'
+});
+export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(DatasourceComponent, _React$PureComponent);
+  var _super = _createSuper(DatasourceComponent);
+  function DatasourceComponent(props) {
+    var _this;
+    _classCallCheck(this, DatasourceComponent);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "getPosSafely", function () {
+      var getPos = _this.props.getPos;
+      if (!getPos || typeof getPos === 'boolean') {
+        return;
+      }
+      try {
+        return getPos();
+      } catch (e) {
+        // Can blow up in rare cases, when node has been removed.
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "getDatasource", function () {
+      return _this.props.node.attrs.datasource;
+    });
+    _defineProperty(_assertThisInitialized(_this), "getTableView", function (datasource) {
+      var views = (datasource || _this.getDatasource()).views;
+      return views.find(function (view) {
+        return view.type === 'table';
+      }) || undefined;
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleColumnChange", function (columnKeys) {
+      var _this$props$view = _this.props.view,
+        state = _this$props$view.state,
+        dispatch = _this$props$view.dispatch;
+      var pos = _this.getPosSafely();
+      if (pos === undefined) {
+        return;
+      }
+      var attrs = _this.props.node.attrs;
+      var views = [{
+        type: 'table',
+        properties: {
+          columns: columnKeys.map(function (key) {
+            return {
+              key: key
+            };
+          })
+        }
+      }];
+      var tr = state.tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, attrs), {}, {
+        datasource: _objectSpread(_objectSpread({}, attrs.datasource), {}, {
+          views: views
+        })
+      }));
+      tr.setMeta('scrollIntoView', false);
+      dispatch(tr);
+    });
+    return _this;
+  }
+  _createClass(DatasourceComponent, [{
+    key: "render",
+    value: function render() {
+      var cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
+      var datasource = this.getDatasource();
+      var tableView = this.getTableView();
+      if (tableView) {
+        var _tableView$properties;
+        var visibleColumnKeys = (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(function (_ref) {
+          var key = _ref.key;
+          return key;
+        });
+
+        // [WS-2307]: we only render card wrapped into a Provider when the value is ready
+        if (cardContext && cardContext.value) {
+          return jsx(cardContext.Provider, {
+            value: cardContext.value
+          }, jsx(DatasourceTableView, {
+            datasourceId: datasource.id,
+            parameters: datasource.parameters,
+            visibleColumnKeys: visibleColumnKeys,
+            onVisibleColumnKeysChange: this.handleColumnChange
+          }));
+        }
+      }
+      return null;
+    }
+  }]);
+  return DatasourceComponent;
+}(React.PureComponent);
+_defineProperty(DatasourceComponent, "contextTypes", {
+  contextAdapter: PropTypes.object
+});
+export var Datasource = /*#__PURE__*/function (_ReactNodeView) {
+  _inherits(Datasource, _ReactNodeView);
+  var _super2 = _createSuper(Datasource);
+  function Datasource() {
+    _classCallCheck(this, Datasource);
+    return _super2.apply(this, arguments);
+  }
+  _createClass(Datasource, [{
+    key: "render",
+    value: function render() {
+      return jsx("div", {
+        css: containerStyles
+      }, jsx(DatasourceComponent, {
+        node: this.node,
+        view: this.view,
+        getPos: this.getPos
+      }));
+    }
+  }]);
+  return Datasource;
+}(ReactNodeView);

package/dist/esm/plugins/card/pm-plugins/main.js

@@ -10,6 +10,7 @@ import reducer from './reducers';
 import { handleProvider, resolveWithProvider } from './util/resolve';
 import { getNewRequests, getPluginState, getPluginStateWithUpdatedPos } from './util/state';
 import { createAnalyticsQueue, eventsFromTransaction } from './analytics';
+import { Datasource } from '../nodeviews/datasource';
 export { pluginKey } from './plugin-key';
 export var createPlugin = function createPlugin(options, pluginInjectionApi) {
   return function (pmPluginFactoryParams) {
@@ -117,6 +118,9 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
               showServerActions: showServerActions
             };
             var hasIntlContext = true;
+            if (node.attrs.datasource) {
+              return new Datasource(node, view, getPos, portalProviderAPI, eventDispatcher, undefined, undefined, true, undefined, hasIntlContext).init();
+            }
             return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
           },
           embedCard: function embedCard(node, view, getPos) {

package/dist/esm/utils/clipboard.js

@@ -1,3 +1,4 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import * as clipboard from 'clipboard-polyfill';
@@ -105,9 +106,11 @@ export var copyHTMLToClipboard = /*#__PURE__*/function () {
           _context2.next = 13;
           break;
         case 12:
-          // ED-17083 extension copy seems have issue with ClipboardItem API
-          // Hence of use of this polyfill
-          copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
+          if ((typeof document === "undefined" ? "undefined" : _typeof(document)) !== undefined) {
+            // ED-17083 extension copy seems have issue with ClipboardItem API
+            // Hence of use of this polyfill
+            copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
+          }
         case 13:
         case "end":
           return _context2.stop();

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "185.3.1";
+export var version = "185.4.2";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "185.3.1",
+	"version": "185.4.2",
 	"sideEffects": false
 }

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

@@ -0,0 +1,27 @@
+/** @jsx jsx */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { jsx } from '@emotion/react';
+import { Node as PMNode } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import ReactNodeView, { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
+interface DatasourceComponentProps extends ReactComponentProps {
+    node: PMNode;
+    view: EditorView;
+    getPos: getPosHandler;
+}
+export declare class DatasourceComponent extends React.PureComponent<DatasourceComponentProps> {
+    static contextTypes: {
+        contextAdapter: PropTypes.Requireable<object>;
+    };
+    constructor(props: DatasourceComponentProps);
+    private getPosSafely;
+    private getDatasource;
+    private getTableView;
+    handleColumnChange: (columnKeys: string[]) => void;
+    render(): jsx.JSX.Element | null;
+}
+export declare class Datasource extends ReactNodeView<DatasourceComponentProps> {
+    render(): jsx.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,27 @@
+/** @jsx jsx */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { jsx } from '@emotion/react';
+import { Node as PMNode } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import ReactNodeView, { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
+interface DatasourceComponentProps extends ReactComponentProps {
+    node: PMNode;
+    view: EditorView;
+    getPos: getPosHandler;
+}
+export declare class DatasourceComponent extends React.PureComponent<DatasourceComponentProps> {
+    static contextTypes: {
+        contextAdapter: PropTypes.Requireable<object>;
+    };
+    constructor(props: DatasourceComponentProps);
+    private getPosSafely;
+    private getDatasource;
+    private getTableView;
+    handleColumnChange: (columnKeys: string[]) => void;
+    render(): jsx.JSX.Element | null;
+}
+export declare class Datasource extends ReactNodeView<DatasourceComponentProps> {
+    render(): jsx.JSX.Element;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "185.3.1",
+  "version": "185.4.2",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.4.0",
-    "@atlaskit/adf-schema": "^25.9.0",
+    "@atlaskit/adf-schema": "^25.10.0",
     "@atlaskit/adf-utils": "^18.4.0",
     "@atlaskit/analytics-gas-types": "^5.1.0",
     "@atlaskit/analytics-listeners": "^8.7.0",
@@ -49,7 +49,7 @@
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/date": "^0.10.0",
     "@atlaskit/datetime-picker": "^12.7.0",
-    "@atlaskit/editor-common": "^74.9.0",
+    "@atlaskit/editor-common": "^74.10.0",
     "@atlaskit/editor-json-transformer": "^8.9.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.0",
     "@atlaskit/editor-palette": "1.5.1",
@@ -70,6 +70,7 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/link-analytics": "^8.0.0",
+    "@atlaskit/link-datasource": "^0.24.0",
     "@atlaskit/link-picker": "^1.25.0",
     "@atlaskit/locale": "^2.5.0",
     "@atlaskit/logo": "^13.14.0",
@@ -81,7 +82,7 @@
     "@atlaskit/media-ui": "^23.1.0",
     "@atlaskit/media-viewer": "^48.0.0",
     "@atlaskit/mention": "^22.1.0",
-    "@atlaskit/menu": "^1.7.0",
+    "@atlaskit/menu": "^1.8.0",
     "@atlaskit/modal-dialog": "^12.6.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/prosemirror-collab": "^0.2.0",
@@ -151,10 +152,10 @@
     "@atlaskit/atlassian-navigation": "^2.6.0",
     "@atlaskit/breadcrumbs": "11.10.4",
     "@atlaskit/code": "^14.6.0",
-    "@atlaskit/collab-provider": "9.3.0",
+    "@atlaskit/collab-provider": "9.3.1",
     "@atlaskit/docs": "*",
     "@atlaskit/drawer": "^7.5.0",
-    "@atlaskit/dropdown-menu": "^11.9.0",
+    "@atlaskit/dropdown-menu": "^11.10.0",
     "@atlaskit/editor-card-provider": "^3.0.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
     "@atlaskit/editor-plugin-table": "^1.6.0",
@@ -167,10 +168,10 @@
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
-    "@atlaskit/menu": "^1.7.0",
+    "@atlaskit/menu": "^1.8.0",
     "@atlaskit/page-layout": "^1.7.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/renderer": "^108.2.0",
+    "@atlaskit/renderer": "^108.3.0",
     "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/share": "*",
     "@atlaskit/smart-user-picker": "^6.1.0",