@atlaskit/editor-plugin-card 0.5.10 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-card
 
+## 0.6.0
+
+### Minor Changes
+
+- [`8b8a309cb62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8b8a309cb62) - Added datasource analytic CRUD events
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.5.11
+
+### Patch Changes
+
+- [`37c62369dae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/37c62369dae) - NO-ISSUE Import doc builder types from editor-common
+
 ## 0.5.10
 
 ### Patch Changes

package/dist/cjs/analytics/events-from-tr.js

@@ -140,6 +140,7 @@ var findChanged = function findChanged(tr, state) {
   if (!isUpdate) {
     var _getLinkMetadataFromT = (0, _card.getLinkMetadataFromTransaction)(tr),
       inputMethod = _getLinkMetadataFromT.inputMethod;
+
     /**
      * If there is no identifiable input method, and the links inserted and removed appear to be the same,
      * then this transaction likely is not intended to be consided to be the insertion and removal of links

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

@@ -430,7 +430,7 @@ var getLinkNodeType = function getLinkNodeType(appearance, linkNodes) {
 
 // Apply an update to a datasource (aka blockCard) node
 exports.getLinkNodeType = getLinkNodeType;
-var updateExistingDatasource = function updateExistingDatasource(state, node, newAdf, view) {
+var updateExistingDatasource = function updateExistingDatasource(state, node, newAdf, view, sourceEvent) {
   var tr = state.tr,
     from = state.selection.from,
     schemaNodes = state.schema.nodes;
@@ -455,18 +455,23 @@ var updateExistingDatasource = function updateExistingDatasource(state, node, ne
     if (isColumnChange || isUrlChange) {
       tr.setNodeMarkup(from, schemaNodes.blockCard, _objectSpread(_objectSpread({}, node.attrs), newAdf.attrs));
       (0, _card.addLinkMetadata)(state.selection, tr, {
-        action: _analytics.ACTION.UPDATED
+        action: _analytics.ACTION.UPDATED,
+        sourceEvent: sourceEvent
       });
     }
   } else if (newAdf.type === 'inlineCard') {
     // datasource to inline
     tr.setNodeMarkup(from, schemaNodes.inlineCard, newAdf.attrs);
+    (0, _card.addLinkMetadata)(state.selection, tr, {
+      action: _analytics.ACTION.UPDATED,
+      sourceEvent: sourceEvent
+    });
   }
   (0, _actions.hideDatasourceModal)(tr);
   view.dispatch(tr.scrollIntoView());
 };
 exports.updateExistingDatasource = updateExistingDatasource;
-var insertDatasource = function insertDatasource(state, adf, view) {
+var insertDatasource = function insertDatasource(state, adf, view, sourceEvent) {
   var tr = state.tr,
     from = state.selection.from,
     schemaNodes = state.schema.nodes;
@@ -478,6 +483,10 @@ var insertDatasource = function insertDatasource(state, adf, view) {
   // this will allow us to deal with insertions from multiple paths in a more consistent way
   newNode && tr.insert(from, newNode);
   (0, _actions.hideDatasourceModal)(tr);
+  (0, _card.addLinkMetadata)(state.selection, tr, {
+    action: _analytics.ACTION.INSERTED,
+    sourceEvent: sourceEvent
+  });
   view.dispatch(tr.scrollIntoView());
 };
 exports.insertDatasource = insertDatasource;

package/dist/cjs/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.js

@@ -6,39 +6,161 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DatasourceEventsBinding = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _linkAnalytics = require("@atlaskit/link-analytics");
 var _types = require("../../analytics/types");
+var _common = require("./common");
+var _excluded = ["node", "nodeContext"],
+  _excluded2 = ["node", "nodeContext"],
+  _excluded3 = ["node", "nodeContext"];
+function getDatasourceDisplay(datasourceAttrs) {
+  var _datasourceAttrs$data;
+  return (_datasourceAttrs$data = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data === void 0 ? void 0 : _datasourceAttrs$data.type;
+}
+function getDisplayedColumnCount(datasourceAttrs) {
+  var _datasourceAttrs$data2, _datasourceAttrs$data3, _datasourceAttrs$data4, _datasourceAttrs$data5;
+  return (_datasourceAttrs$data2 = (_datasourceAttrs$data3 = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data3 === void 0 ? void 0 : (_datasourceAttrs$data4 = _datasourceAttrs$data3.properties) === null || _datasourceAttrs$data4 === void 0 ? void 0 : (_datasourceAttrs$data5 = _datasourceAttrs$data4.columns) === null || _datasourceAttrs$data5 === void 0 ? void 0 : _datasourceAttrs$data5.length) !== null && _datasourceAttrs$data2 !== void 0 ? _datasourceAttrs$data2 : 0;
+}
+function getSearchMethod(creationMethod, metadata) {
+  if (creationMethod === 'editor_paste' || creationMethod === 'editor_type') {
+    return '';
+  }
+  var sourceEvent = metadata.sourceEvent;
+  if (sourceEvent instanceof _analyticsNext.UIAnalyticsEvent) {
+    var event = sourceEvent;
+    return event.payload.searchMethod;
+  }
+  return 'unknown';
+}
+function getAnalyticAttributesFromNode(datasourceAttrs, metadata) {
+  var url = datasourceAttrs.url,
+    _datasourceAttrs$data6 = datasourceAttrs.datasource,
+    datasourceId = _datasourceAttrs$data6.id,
+    parameters = _datasourceAttrs$data6.parameters;
+  var display = getDatasourceDisplay(datasourceAttrs);
+  var inputMethod = '';
+  var actions = [];
+  if (metadata.inputMethod) {
+    var _getMethod;
+    inputMethod = (_getMethod = (0, _common.getMethod)({
+      inputMethod: metadata.inputMethod
+    })) !== null && _getMethod !== void 0 ? _getMethod : '';
+  } else if (metadata.sourceEvent instanceof _analyticsNext.UIAnalyticsEvent) {
+    inputMethod = metadata.sourceEvent.payload.inputMethod;
+    actions = metadata.sourceEvent.payload.actions;
+  }
+  var displayedColumnCount = getDisplayedColumnCount(datasourceAttrs);
+  var searchMethod = getSearchMethod(inputMethod, metadata);
+  return {
+    actions: actions,
+    inputMethod: inputMethod,
+    datasourceId: datasourceId,
+    display: display,
+    displayedColumnCount: displayedColumnCount,
+    parameters: parameters,
+    searchMethod: searchMethod,
+    url: url
+  };
+}
+
 /**
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly
  */
 var DatasourceEventsBinding = function DatasourceEventsBinding(_ref) {
   var cardPluginEvents = _ref.cardPluginEvents;
+  var _useDatasourceLifecyc = (0, _linkAnalytics.useDatasourceLifecycleAnalytics)(),
+    datasourceCreated = _useDatasourceLifecyc.datasourceCreated,
+    datasourceUpdated = _useDatasourceLifecyc.datasourceUpdated,
+    datasourceDeleted = _useDatasourceLifecyc.datasourceDeleted;
   var eventHandlers = (0, _react.useMemo)(function () {
-    var _ref2;
-    return _ref2 = {}, (0, _defineProperty2.default)(_ref2, _types.EVENT.CREATED, function (metadata) {
-      // TODO Impl as part of https://product-fabric.atlassian.net/browse/EDM-7072
-      // eslint-disable-next-line no-console
-      console.log('CREATED', metadata.node, metadata.nodeContext);
-    }), (0, _defineProperty2.default)(_ref2, _types.EVENT.UPDATED, function (metadata) {
-      // TODO Impl as part of https://product-fabric.atlassian.net/browse/EDM-7072
-      // eslint-disable-next-line no-console
-      console.log('UPDATED', metadata.node, metadata.nodeContext);
-    }), (0, _defineProperty2.default)(_ref2, _types.EVENT.DELETED, function (metadata) {
-      // TODO Impl as part of https://product-fabric.atlassian.net/browse/EDM-7072
-      // eslint-disable-next-line no-console
-      console.log('DELETED', metadata.node, metadata.nodeContext);
-    }), _ref2;
-  }, []);
+    var _ref5;
+    return _ref5 = {}, (0, _defineProperty2.default)(_ref5, _types.EVENT.CREATED, function (_ref2) {
+      var node = _ref2.node,
+        nodeContext = _ref2.nodeContext,
+        metadata = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+      var attributes = getAnalyticAttributesFromNode(node.attrs, metadata);
+      var actions = attributes.actions,
+        inputMethod = attributes.inputMethod,
+        datasourceId = attributes.datasourceId,
+        display = attributes.display,
+        displayedColumnCount = attributes.displayedColumnCount,
+        parameters = attributes.parameters,
+        searchMethod = attributes.searchMethod,
+        url = attributes.url;
+      datasourceCreated({
+        datasourceId: datasourceId,
+        parameters: parameters,
+        url: url
+      }, null, {
+        actions: actions,
+        creationMethod: inputMethod,
+        display: display,
+        displayedColumnCount: displayedColumnCount,
+        nodeContext: nodeContext,
+        searchMethod: searchMethod
+      });
+    }), (0, _defineProperty2.default)(_ref5, _types.EVENT.UPDATED, function (_ref3) {
+      var node = _ref3.node,
+        nodeContext = _ref3.nodeContext,
+        metadata = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+      var attributes = getAnalyticAttributesFromNode(node.attrs, metadata);
+      var actions = attributes.actions,
+        datasourceId = attributes.datasourceId,
+        display = attributes.display,
+        displayedColumnCount = attributes.displayedColumnCount,
+        inputMethod = attributes.inputMethod,
+        parameters = attributes.parameters,
+        searchMethod = attributes.searchMethod,
+        url = attributes.url;
+      datasourceUpdated({
+        datasourceId: datasourceId,
+        parameters: parameters,
+        url: url
+      }, null, {
+        actions: actions,
+        display: display,
+        displayedColumnCount: displayedColumnCount,
+        nodeContext: nodeContext,
+        searchMethod: searchMethod,
+        updateMethod: inputMethod
+      });
+    }), (0, _defineProperty2.default)(_ref5, _types.EVENT.DELETED, function (_ref4) {
+      var node = _ref4.node,
+        nodeContext = _ref4.nodeContext,
+        metadata = (0, _objectWithoutProperties2.default)(_ref4, _excluded3);
+      var attributes = getAnalyticAttributesFromNode(node.attrs, metadata);
+      var datasourceId = attributes.datasourceId,
+        display = attributes.display,
+        displayedColumnCount = attributes.displayedColumnCount,
+        inputMethod = attributes.inputMethod,
+        parameters = attributes.parameters,
+        searchMethod = attributes.searchMethod,
+        url = attributes.url;
+      datasourceDeleted({
+        datasourceId: datasourceId,
+        parameters: parameters,
+        url: url
+      }, null, {
+        deleteMethod: inputMethod,
+        display: display,
+        displayedColumnCount: displayedColumnCount,
+        nodeContext: nodeContext,
+        searchMethod: searchMethod
+      });
+    }), _ref5;
+  }, [datasourceCreated, datasourceUpdated, datasourceDeleted]);
 
   /**
    * Subscribe to datasource events
    */
   (0, _react.useEffect)(function () {
-    var unsubscribe = cardPluginEvents.subscribe(function (_ref3) {
-      var event = _ref3.event,
-        subject = _ref3.subject,
-        data = _ref3.data;
+    var unsubscribe = cardPluginEvents.subscribe(function (_ref6) {
+      var event = _ref6.event,
+        subject = _ref6.subject,
+        data = _ref6.data;
       if (subject === _types.EVENT_SUBJECT.DATASOURCE) {
         eventHandlers[event](data);
       }

package/dist/es2019/analytics/events-from-tr.js

@@ -123,6 +123,7 @@ export const findChanged = (tr, state) => {
     const {
       inputMethod
     } = getLinkMetadataFromTransaction(tr);
+
     /**
      * If there is no identifiable input method, and the links inserted and removed appear to be the same,
      * then this transaction likely is not intended to be consided to be the insertion and removal of links

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

@@ -394,7 +394,7 @@ export const getLinkNodeType = (appearance, linkNodes) => {
 };
 
 // Apply an update to a datasource (aka blockCard) node
-export const updateExistingDatasource = (state, node, newAdf, view) => {
+export const updateExistingDatasource = (state, node, newAdf, view, sourceEvent) => {
   const {
     tr,
     selection: {
@@ -420,17 +420,22 @@ export const updateExistingDatasource = (state, node, newAdf, view) => {
         ...newAdf.attrs
       });
       addLinkMetadata(state.selection, tr, {
-        action: ACTION.UPDATED
+        action: ACTION.UPDATED,
+        sourceEvent
       });
     }
   } else if (newAdf.type === 'inlineCard') {
     // datasource to inline
     tr.setNodeMarkup(from, schemaNodes.inlineCard, newAdf.attrs);
+    addLinkMetadata(state.selection, tr, {
+      action: ACTION.UPDATED,
+      sourceEvent
+    });
   }
   hideDatasourceModal(tr);
   view.dispatch(tr.scrollIntoView());
 };
-export const insertDatasource = (state, adf, view) => {
+export const insertDatasource = (state, adf, view, sourceEvent) => {
   const {
     tr,
     selection: {
@@ -450,5 +455,9 @@ export const insertDatasource = (state, adf, view) => {
   // this will allow us to deal with insertions from multiple paths in a more consistent way
   newNode && tr.insert(from, newNode);
   hideDatasourceModal(tr);
+  addLinkMetadata(state.selection, tr, {
+    action: ACTION.INSERTED,
+    sourceEvent
+  });
   view.dispatch(tr.scrollIntoView());
 };

package/dist/es2019/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.js

@@ -1,5 +1,63 @@
 import { useEffect, useMemo } from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { useDatasourceLifecycleAnalytics } from '@atlaskit/link-analytics';
 import { EVENT, EVENT_SUBJECT } from '../../analytics/types';
+import { getMethod } from './common';
+function getDatasourceDisplay(datasourceAttrs) {
+  var _datasourceAttrs$data;
+  return (_datasourceAttrs$data = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data === void 0 ? void 0 : _datasourceAttrs$data.type;
+}
+function getDisplayedColumnCount(datasourceAttrs) {
+  var _datasourceAttrs$data2, _datasourceAttrs$data3, _datasourceAttrs$data4, _datasourceAttrs$data5;
+  return (_datasourceAttrs$data2 = (_datasourceAttrs$data3 = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data3 === void 0 ? void 0 : (_datasourceAttrs$data4 = _datasourceAttrs$data3.properties) === null || _datasourceAttrs$data4 === void 0 ? void 0 : (_datasourceAttrs$data5 = _datasourceAttrs$data4.columns) === null || _datasourceAttrs$data5 === void 0 ? void 0 : _datasourceAttrs$data5.length) !== null && _datasourceAttrs$data2 !== void 0 ? _datasourceAttrs$data2 : 0;
+}
+function getSearchMethod(creationMethod, metadata) {
+  if (creationMethod === 'editor_paste' || creationMethod === 'editor_type') {
+    return '';
+  }
+  const {
+    sourceEvent
+  } = metadata;
+  if (sourceEvent instanceof UIAnalyticsEvent) {
+    const event = sourceEvent;
+    return event.payload.searchMethod;
+  }
+  return 'unknown';
+}
+function getAnalyticAttributesFromNode(datasourceAttrs, metadata) {
+  const {
+    url,
+    datasource: {
+      id: datasourceId,
+      parameters
+    }
+  } = datasourceAttrs;
+  const display = getDatasourceDisplay(datasourceAttrs);
+  let inputMethod = '';
+  let actions = [];
+  if (metadata.inputMethod) {
+    var _getMethod;
+    inputMethod = (_getMethod = getMethod({
+      inputMethod: metadata.inputMethod
+    })) !== null && _getMethod !== void 0 ? _getMethod : '';
+  } else if (metadata.sourceEvent instanceof UIAnalyticsEvent) {
+    inputMethod = metadata.sourceEvent.payload.inputMethod;
+    actions = metadata.sourceEvent.payload.actions;
+  }
+  const displayedColumnCount = getDisplayedColumnCount(datasourceAttrs);
+  const searchMethod = getSearchMethod(inputMethod, metadata);
+  return {
+    actions,
+    inputMethod,
+    datasourceId,
+    display,
+    displayedColumnCount,
+    parameters,
+    searchMethod,
+    url
+  };
+}
+
 /**
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly
@@ -7,25 +65,100 @@ import { EVENT, EVENT_SUBJECT } from '../../analytics/types';
 export const DatasourceEventsBinding = ({
   cardPluginEvents
 }) => {
+  const {
+    datasourceCreated,
+    datasourceUpdated,
+    datasourceDeleted
+  } = useDatasourceLifecycleAnalytics();
   const eventHandlers = useMemo(() => {
     return {
-      [EVENT.CREATED]: metadata => {
-        // TODO Impl as part of https://product-fabric.atlassian.net/browse/EDM-7072
-        // eslint-disable-next-line no-console
-        console.log('CREATED', metadata.node, metadata.nodeContext);
+      [EVENT.CREATED]: ({
+        node,
+        nodeContext,
+        ...metadata
+      }) => {
+        const attributes = getAnalyticAttributesFromNode(node.attrs, metadata);
+        const {
+          actions,
+          inputMethod,
+          datasourceId,
+          display,
+          displayedColumnCount,
+          parameters,
+          searchMethod,
+          url
+        } = attributes;
+        datasourceCreated({
+          datasourceId,
+          parameters,
+          url
+        }, null, {
+          actions,
+          creationMethod: inputMethod,
+          display,
+          displayedColumnCount,
+          nodeContext: nodeContext,
+          searchMethod
+        });
       },
-      [EVENT.UPDATED]: metadata => {
-        // TODO Impl as part of https://product-fabric.atlassian.net/browse/EDM-7072
-        // eslint-disable-next-line no-console
-        console.log('UPDATED', metadata.node, metadata.nodeContext);
+      [EVENT.UPDATED]: ({
+        node,
+        nodeContext,
+        ...metadata
+      }) => {
+        const attributes = getAnalyticAttributesFromNode(node.attrs, metadata);
+        const {
+          actions,
+          datasourceId,
+          display,
+          displayedColumnCount,
+          inputMethod,
+          parameters,
+          searchMethod,
+          url
+        } = attributes;
+        datasourceUpdated({
+          datasourceId,
+          parameters,
+          url
+        }, null, {
+          actions,
+          display,
+          displayedColumnCount,
+          nodeContext: nodeContext,
+          searchMethod,
+          updateMethod: inputMethod
+        });
       },
-      [EVENT.DELETED]: metadata => {
-        // TODO Impl as part of https://product-fabric.atlassian.net/browse/EDM-7072
-        // eslint-disable-next-line no-console
-        console.log('DELETED', metadata.node, metadata.nodeContext);
+      [EVENT.DELETED]: ({
+        node,
+        nodeContext,
+        ...metadata
+      }) => {
+        const attributes = getAnalyticAttributesFromNode(node.attrs, metadata);
+        const {
+          datasourceId,
+          display,
+          displayedColumnCount,
+          inputMethod,
+          parameters,
+          searchMethod,
+          url
+        } = attributes;
+        datasourceDeleted({
+          datasourceId,
+          parameters,
+          url
+        }, null, {
+          deleteMethod: inputMethod,
+          display,
+          displayedColumnCount,
+          nodeContext: nodeContext,
+          searchMethod
+        });
       }
     };
-  }, []);
+  }, [datasourceCreated, datasourceUpdated, datasourceDeleted]);
 
   /**
    * Subscribe to datasource events

package/dist/esm/analytics/events-from-tr.js

@@ -133,6 +133,7 @@ export var findChanged = function findChanged(tr, state) {
   if (!isUpdate) {
     var _getLinkMetadataFromT = getLinkMetadataFromTransaction(tr),
       inputMethod = _getLinkMetadataFromT.inputMethod;
+
     /**
      * If there is no identifiable input method, and the links inserted and removed appear to be the same,
      * then this transaction likely is not intended to be consided to be the insertion and removal of links

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

@@ -412,7 +412,7 @@ export var getLinkNodeType = function getLinkNodeType(appearance, linkNodes) {
 };
 
 // Apply an update to a datasource (aka blockCard) node
-export var updateExistingDatasource = function updateExistingDatasource(state, node, newAdf, view) {
+export var updateExistingDatasource = function updateExistingDatasource(state, node, newAdf, view, sourceEvent) {
   var tr = state.tr,
     from = state.selection.from,
     schemaNodes = state.schema.nodes;
@@ -437,17 +437,22 @@ export var updateExistingDatasource = function updateExistingDatasource(state, n
     if (isColumnChange || isUrlChange) {
       tr.setNodeMarkup(from, schemaNodes.blockCard, _objectSpread(_objectSpread({}, node.attrs), newAdf.attrs));
       addLinkMetadata(state.selection, tr, {
-        action: ACTION.UPDATED
+        action: ACTION.UPDATED,
+        sourceEvent: sourceEvent
       });
     }
   } else if (newAdf.type === 'inlineCard') {
     // datasource to inline
     tr.setNodeMarkup(from, schemaNodes.inlineCard, newAdf.attrs);
+    addLinkMetadata(state.selection, tr, {
+      action: ACTION.UPDATED,
+      sourceEvent: sourceEvent
+    });
   }
   hideDatasourceModal(tr);
   view.dispatch(tr.scrollIntoView());
 };
-export var insertDatasource = function insertDatasource(state, adf, view) {
+export var insertDatasource = function insertDatasource(state, adf, view, sourceEvent) {
   var tr = state.tr,
     from = state.selection.from,
     schemaNodes = state.schema.nodes;
@@ -459,5 +464,9 @@ export var insertDatasource = function insertDatasource(state, adf, view) {
   // this will allow us to deal with insertions from multiple paths in a more consistent way
   newNode && tr.insert(from, newNode);
   hideDatasourceModal(tr);
+  addLinkMetadata(state.selection, tr, {
+    action: ACTION.INSERTED,
+    sourceEvent: sourceEvent
+  });
   view.dispatch(tr.scrollIntoView());
 };

package/dist/esm/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.js

@@ -1,37 +1,159 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["node", "nodeContext"],
+  _excluded2 = ["node", "nodeContext"],
+  _excluded3 = ["node", "nodeContext"];
 import { useEffect, useMemo } from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { useDatasourceLifecycleAnalytics } from '@atlaskit/link-analytics';
 import { EVENT, EVENT_SUBJECT } from '../../analytics/types';
+import { getMethod } from './common';
+function getDatasourceDisplay(datasourceAttrs) {
+  var _datasourceAttrs$data;
+  return (_datasourceAttrs$data = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data === void 0 ? void 0 : _datasourceAttrs$data.type;
+}
+function getDisplayedColumnCount(datasourceAttrs) {
+  var _datasourceAttrs$data2, _datasourceAttrs$data3, _datasourceAttrs$data4, _datasourceAttrs$data5;
+  return (_datasourceAttrs$data2 = (_datasourceAttrs$data3 = datasourceAttrs.datasource.views[0]) === null || _datasourceAttrs$data3 === void 0 ? void 0 : (_datasourceAttrs$data4 = _datasourceAttrs$data3.properties) === null || _datasourceAttrs$data4 === void 0 ? void 0 : (_datasourceAttrs$data5 = _datasourceAttrs$data4.columns) === null || _datasourceAttrs$data5 === void 0 ? void 0 : _datasourceAttrs$data5.length) !== null && _datasourceAttrs$data2 !== void 0 ? _datasourceAttrs$data2 : 0;
+}
+function getSearchMethod(creationMethod, metadata) {
+  if (creationMethod === 'editor_paste' || creationMethod === 'editor_type') {
+    return '';
+  }
+  var sourceEvent = metadata.sourceEvent;
+  if (sourceEvent instanceof UIAnalyticsEvent) {
+    var event = sourceEvent;
+    return event.payload.searchMethod;
+  }
+  return 'unknown';
+}
+function getAnalyticAttributesFromNode(datasourceAttrs, metadata) {
+  var url = datasourceAttrs.url,
+    _datasourceAttrs$data6 = datasourceAttrs.datasource,
+    datasourceId = _datasourceAttrs$data6.id,
+    parameters = _datasourceAttrs$data6.parameters;
+  var display = getDatasourceDisplay(datasourceAttrs);
+  var inputMethod = '';
+  var actions = [];
+  if (metadata.inputMethod) {
+    var _getMethod;
+    inputMethod = (_getMethod = getMethod({
+      inputMethod: metadata.inputMethod
+    })) !== null && _getMethod !== void 0 ? _getMethod : '';
+  } else if (metadata.sourceEvent instanceof UIAnalyticsEvent) {
+    inputMethod = metadata.sourceEvent.payload.inputMethod;
+    actions = metadata.sourceEvent.payload.actions;
+  }
+  var displayedColumnCount = getDisplayedColumnCount(datasourceAttrs);
+  var searchMethod = getSearchMethod(inputMethod, metadata);
+  return {
+    actions: actions,
+    inputMethod: inputMethod,
+    datasourceId: datasourceId,
+    display: display,
+    displayedColumnCount: displayedColumnCount,
+    parameters: parameters,
+    searchMethod: searchMethod,
+    url: url
+  };
+}
+
 /**
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly
  */
 export var DatasourceEventsBinding = function DatasourceEventsBinding(_ref) {
   var cardPluginEvents = _ref.cardPluginEvents;
+  var _useDatasourceLifecyc = useDatasourceLifecycleAnalytics(),
+    datasourceCreated = _useDatasourceLifecyc.datasourceCreated,
+    datasourceUpdated = _useDatasourceLifecyc.datasourceUpdated,
+    datasourceDeleted = _useDatasourceLifecyc.datasourceDeleted;
   var eventHandlers = useMemo(function () {
-    var _ref2;
-    return _ref2 = {}, _defineProperty(_ref2, EVENT.CREATED, function (metadata) {
-      // TODO Impl as part of https://product-fabric.atlassian.net/browse/EDM-7072
-      // eslint-disable-next-line no-console
-      console.log('CREATED', metadata.node, metadata.nodeContext);
-    }), _defineProperty(_ref2, EVENT.UPDATED, function (metadata) {
-      // TODO Impl as part of https://product-fabric.atlassian.net/browse/EDM-7072
-      // eslint-disable-next-line no-console
-      console.log('UPDATED', metadata.node, metadata.nodeContext);
-    }), _defineProperty(_ref2, EVENT.DELETED, function (metadata) {
-      // TODO Impl as part of https://product-fabric.atlassian.net/browse/EDM-7072
-      // eslint-disable-next-line no-console
-      console.log('DELETED', metadata.node, metadata.nodeContext);
-    }), _ref2;
-  }, []);
+    var _ref5;
+    return _ref5 = {}, _defineProperty(_ref5, EVENT.CREATED, function (_ref2) {
+      var node = _ref2.node,
+        nodeContext = _ref2.nodeContext,
+        metadata = _objectWithoutProperties(_ref2, _excluded);
+      var attributes = getAnalyticAttributesFromNode(node.attrs, metadata);
+      var actions = attributes.actions,
+        inputMethod = attributes.inputMethod,
+        datasourceId = attributes.datasourceId,
+        display = attributes.display,
+        displayedColumnCount = attributes.displayedColumnCount,
+        parameters = attributes.parameters,
+        searchMethod = attributes.searchMethod,
+        url = attributes.url;
+      datasourceCreated({
+        datasourceId: datasourceId,
+        parameters: parameters,
+        url: url
+      }, null, {
+        actions: actions,
+        creationMethod: inputMethod,
+        display: display,
+        displayedColumnCount: displayedColumnCount,
+        nodeContext: nodeContext,
+        searchMethod: searchMethod
+      });
+    }), _defineProperty(_ref5, EVENT.UPDATED, function (_ref3) {
+      var node = _ref3.node,
+        nodeContext = _ref3.nodeContext,
+        metadata = _objectWithoutProperties(_ref3, _excluded2);
+      var attributes = getAnalyticAttributesFromNode(node.attrs, metadata);
+      var actions = attributes.actions,
+        datasourceId = attributes.datasourceId,
+        display = attributes.display,
+        displayedColumnCount = attributes.displayedColumnCount,
+        inputMethod = attributes.inputMethod,
+        parameters = attributes.parameters,
+        searchMethod = attributes.searchMethod,
+        url = attributes.url;
+      datasourceUpdated({
+        datasourceId: datasourceId,
+        parameters: parameters,
+        url: url
+      }, null, {
+        actions: actions,
+        display: display,
+        displayedColumnCount: displayedColumnCount,
+        nodeContext: nodeContext,
+        searchMethod: searchMethod,
+        updateMethod: inputMethod
+      });
+    }), _defineProperty(_ref5, EVENT.DELETED, function (_ref4) {
+      var node = _ref4.node,
+        nodeContext = _ref4.nodeContext,
+        metadata = _objectWithoutProperties(_ref4, _excluded3);
+      var attributes = getAnalyticAttributesFromNode(node.attrs, metadata);
+      var datasourceId = attributes.datasourceId,
+        display = attributes.display,
+        displayedColumnCount = attributes.displayedColumnCount,
+        inputMethod = attributes.inputMethod,
+        parameters = attributes.parameters,
+        searchMethod = attributes.searchMethod,
+        url = attributes.url;
+      datasourceDeleted({
+        datasourceId: datasourceId,
+        parameters: parameters,
+        url: url
+      }, null, {
+        deleteMethod: inputMethod,
+        display: display,
+        displayedColumnCount: displayedColumnCount,
+        nodeContext: nodeContext,
+        searchMethod: searchMethod
+      });
+    }), _ref5;
+  }, [datasourceCreated, datasourceUpdated, datasourceDeleted]);
 
   /**
    * Subscribe to datasource events
    */
   useEffect(function () {
-    var unsubscribe = cardPluginEvents.subscribe(function (_ref3) {
-      var event = _ref3.event,
-        subject = _ref3.subject,
-        data = _ref3.data;
+    var unsubscribe = cardPluginEvents.subscribe(function (_ref6) {
+      var event = _ref6.event,
+        subject = _ref6.subject,
+        data = _ref6.data;
       if (subject === EVENT_SUBJECT.DATASOURCE) {
         eventHandlers[event](data);
       }

package/dist/types/analytics/events-from-tr.d.ts

@@ -1,5 +1,5 @@
-import { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { CardPluginEvent, Entity } from './types';
+import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { CardPluginEvent, Entity } from './types';
 /**
  * Find the links, smartLinks, datasources that were changed in a transaction
  */

package/dist/types/analytics/types.d.ts

@@ -1,4 +1,4 @@
-import { Node } from '@atlaskit/editor-prosemirror/model';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
 export type Entity = {
     pos: number;
     node: Node;

package/dist/types/pm-plugins/doc.d.ts

@@ -1,13 +1,14 @@
 import type { CreateUIAnalyticsEvent, UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { ACTION, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { ACTION } from '@atlaskit/editor-common/analytics';
 import type { CardReplacementInputMethod } from '@atlaskit/editor-common/card';
-import { CardAdf, CardAppearance, DatasourceAdf } from '@atlaskit/editor-common/provider-factory';
+import type { CardAdf, CardAppearance, DatasourceAdf } from '@atlaskit/editor-common/provider-factory';
 import type { Command } from '@atlaskit/editor-common/types';
-import { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
-import { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { InlineCardAdf } from '@atlaskit/smart-card';
-import { Request } from '../types';
+import type { Request } from '../types';
 export declare const replaceQueuedUrlWithCard: (url: string, cardData: CardAdf | DatasourceAdf, analyticsAction?: ACTION, editorAnalyticsApi?: EditorAnalyticsAPI, createAnalyticsEvent?: CreateUIAnalyticsEvent) => Command;
 export declare const handleFallbackWithAnalytics: (request: Request, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const queueCardsFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined) => Transaction;
@@ -22,5 +23,5 @@ export type LinkNodes = {
     [key in 'inlineCard' | 'blockCard' | 'embedCard']: NodeType;
 };
 export declare const getLinkNodeType: (appearance: CardAppearance, linkNodes: LinkNodes) => NodeType;
-export declare const updateExistingDatasource: (state: EditorState, node: Node, newAdf: DatasourceAdf | InlineCardAdf, view: EditorView) => void;
-export declare const insertDatasource: (state: EditorState, adf: DatasourceAdf | InlineCardAdf, view: EditorView) => void;
+export declare const updateExistingDatasource: (state: EditorState, node: Node, newAdf: DatasourceAdf | InlineCardAdf, view: EditorView, sourceEvent?: UIAnalyticsEvent) => void;
+export declare const insertDatasource: (state: EditorState, adf: DatasourceAdf | InlineCardAdf, view: EditorView, sourceEvent?: UIAnalyticsEvent) => void;

package/dist/types/ui/DatasourceModal/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import { DatasourceModalType } from '@atlaskit/editor-common/types';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { DatasourceModalType } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 type DatasourceModalProps = {
     view: EditorView;
     editorAnalyticsApi?: EditorAnalyticsAPI;

package/dist/types/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.d.ts

@@ -1,4 +1,4 @@
-import { AnalyticsBindingsProps } from './common';
+import type { AnalyticsBindingsProps } from './common';
 /**
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly

package/dist/types-ts4.5/analytics/events-from-tr.d.ts

@@ -1,5 +1,5 @@
-import { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { CardPluginEvent, Entity } from './types';
+import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { CardPluginEvent, Entity } from './types';
 /**
  * Find the links, smartLinks, datasources that were changed in a transaction
  */

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

@@ -1,4 +1,4 @@
-import { Node } from '@atlaskit/editor-prosemirror/model';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
 export type Entity = {
     pos: number;
     node: Node;

package/dist/types-ts4.5/pm-plugins/doc.d.ts

@@ -1,13 +1,14 @@
 import type { CreateUIAnalyticsEvent, UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { ACTION, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { ACTION } from '@atlaskit/editor-common/analytics';
 import type { CardReplacementInputMethod } from '@atlaskit/editor-common/card';
-import { CardAdf, CardAppearance, DatasourceAdf } from '@atlaskit/editor-common/provider-factory';
+import type { CardAdf, CardAppearance, DatasourceAdf } from '@atlaskit/editor-common/provider-factory';
 import type { Command } from '@atlaskit/editor-common/types';
-import { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
-import { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { InlineCardAdf } from '@atlaskit/smart-card';
-import { Request } from '../types';
+import type { Request } from '../types';
 export declare const replaceQueuedUrlWithCard: (url: string, cardData: CardAdf | DatasourceAdf, analyticsAction?: ACTION, editorAnalyticsApi?: EditorAnalyticsAPI, createAnalyticsEvent?: CreateUIAnalyticsEvent) => Command;
 export declare const handleFallbackWithAnalytics: (request: Request, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const queueCardsFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined) => Transaction;
@@ -22,5 +23,5 @@ export type LinkNodes = {
     [key in 'inlineCard' | 'blockCard' | 'embedCard']: NodeType;
 };
 export declare const getLinkNodeType: (appearance: CardAppearance, linkNodes: LinkNodes) => NodeType;
-export declare const updateExistingDatasource: (state: EditorState, node: Node, newAdf: DatasourceAdf | InlineCardAdf, view: EditorView) => void;
-export declare const insertDatasource: (state: EditorState, adf: DatasourceAdf | InlineCardAdf, view: EditorView) => void;
+export declare const updateExistingDatasource: (state: EditorState, node: Node, newAdf: DatasourceAdf | InlineCardAdf, view: EditorView, sourceEvent?: UIAnalyticsEvent) => void;
+export declare const insertDatasource: (state: EditorState, adf: DatasourceAdf | InlineCardAdf, view: EditorView, sourceEvent?: UIAnalyticsEvent) => void;

package/dist/types-ts4.5/ui/DatasourceModal/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import { DatasourceModalType } from '@atlaskit/editor-common/types';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { DatasourceModalType } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 type DatasourceModalProps = {
     view: EditorView;
     editorAnalyticsApi?: EditorAnalyticsAPI;

package/dist/types-ts4.5/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.d.ts

@@ -1,4 +1,4 @@
-import { AnalyticsBindingsProps } from './common';
+import type { AnalyticsBindingsProps } from './common';
 /**
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "0.5.10",
+  "version": "0.6.0",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -44,10 +44,10 @@
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/editor-shared-styles": "^2.6.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/link-analytics": "^8.2.0",
+    "@atlaskit/link-analytics": "^8.3.0",
     "@atlaskit/link-datasource": "^1.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/smart-card": "^26.25.0",
+    "@atlaskit/smart-card": "^26.26.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.22.0",
     "@babel/runtime": "^7.0.0",

package/report.api.md

@@ -31,7 +31,7 @@ import type { GridPlugin } from '@atlaskit/editor-plugin-grid';
 import type { HyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
 import type { LinkPickerOptions } from '@atlaskit/editor-common/types';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';
+import type { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';
 import type { OptionalPlugin } from '@atlaskit/editor-common/types';
 import { SmartLinkEvents } from '@atlaskit/smart-card';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';

package/tmp/api-report-tmp.d.ts

@@ -20,7 +20,7 @@ import type { GridPlugin } from '@atlaskit/editor-plugin-grid';
 import type { HyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
 import type { LinkPickerOptions } from '@atlaskit/editor-common/types';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';
+import type { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';
 import type { OptionalPlugin } from '@atlaskit/editor-common/types';
 import { SmartLinkEvents } from '@atlaskit/smart-card';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';