@atlaskit/link-datasource 1.0.13 → 1.0.15

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-datasource
 
+## 1.0.15
+
+### Patch Changes
+
+- [`50617191678`](https://bitbucket.org/atlassian/atlassian-frontend/commits/50617191678) - Added button clicked (sync) event into datasources
+
+## 1.0.14
+
+### Patch Changes
+
+- [`d2172ba6e25`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2172ba6e25) - Updated analytics spec with ui events for datasources
+
 ## 1.0.13
 
 ### Patch Changes

package/dist/cjs/hooks/useDatasourceTableState.js

@@ -52,11 +52,19 @@ var useDatasourceTableState = function useDatasourceTableState(_ref) {
     _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
     shouldForceRequest = _useState18[0],
     setShouldForceRequest = _useState18[1];
+  var _useState19 = (0, _react.useState)([]),
+    _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+    destinationObjectTypes = _useState20[0],
+    setDestinationObjectTypes = _useState20[1];
+  var _useState21 = (0, _react.useState)(),
+    _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+    extensionKey = _useState22[0],
+    setExtensionKey = _useState22[1];
   var _useDatasourceClientE = (0, _linkClientExtension.useDatasourceClientExtension)(),
     getDatasourceData = _useDatasourceClientE.getDatasourceData,
     getDatasourceDetails = _useDatasourceClientE.getDatasourceDetails;
   var loadDatasourceDetails = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    var _yield$getDatasourceD, access, schema, isColumnNotPresentInCurrentColumnsList, allColumns, newColumns;
+    var _yield$getDatasourceD, _yield$getDatasourceD2, access, _destinationObjectTypes, _extensionKey, schema, isColumnNotPresentInCurrentColumnsList, allColumns, newColumns;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -73,15 +81,20 @@ var useDatasourceTableState = function useDatasourceTableState(_ref) {
           });
         case 5:
           _yield$getDatasourceD = _context.sent;
-          access = _yield$getDatasourceD.meta.access;
+          _yield$getDatasourceD2 = _yield$getDatasourceD.meta;
+          access = _yield$getDatasourceD2.access;
+          _destinationObjectTypes = _yield$getDatasourceD2.destinationObjectTypes;
+          _extensionKey = _yield$getDatasourceD2.extensionKey;
           schema = _yield$getDatasourceD.data.schema;
           if (!(access === 'forbidden' || access === 'unauthorized')) {
-            _context.next = 11;
+            _context.next = 14;
             break;
           }
           setStatus('unauthorized');
           return _context.abrupt("return");
-        case 11:
+        case 14:
+          setExtensionKey(_extensionKey);
+          setDestinationObjectTypes(_destinationObjectTypes);
           isColumnNotPresentInCurrentColumnsList = function isColumnNotPresentInCurrentColumnsList(col) {
             return !columns.find(function (column) {
               return column.key === col.key;
@@ -90,17 +103,17 @@ var useDatasourceTableState = function useDatasourceTableState(_ref) {
           allColumns = schema.properties;
           newColumns = allColumns.filter(isColumnNotPresentInCurrentColumnsList);
           newColumns.length > 0 && setColumns([].concat((0, _toConsumableArray2.default)(columns), (0, _toConsumableArray2.default)(newColumns)));
-          _context.next = 20;
+          _context.next = 25;
           break;
-        case 17:
-          _context.prev = 17;
+        case 22:
+          _context.prev = 22;
           _context.t0 = _context["catch"](2);
           setStatus('rejected');
-        case 20:
+        case 25:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[2, 17]]);
+    }, _callee, null, [[2, 22]]);
   })), [columns, datasourceId, getDatasourceDetails, parameters]);
   var applySchemaProperties = (0, _react.useCallback)(function (properties) {
     if (columns.length === 0) {
@@ -128,9 +141,12 @@ var useDatasourceTableState = function useDatasourceTableState(_ref) {
       shouldForceRequest,
       sortedFieldKeys,
       datasourceDataRequest,
-      _yield$getDatasourceD2,
-      access,
       _yield$getDatasourceD3,
+      _yield$getDatasourceD4,
+      access,
+      _destinationObjectTypes2,
+      _extensionKey2,
+      _yield$getDatasourceD5,
       items,
       nextPageCursor,
       _totalCount,
@@ -161,20 +177,25 @@ var useDatasourceTableState = function useDatasourceTableState(_ref) {
           _context2.next = 11;
           return getDatasourceData(datasourceId, datasourceDataRequest, shouldForceRequest);
         case 11:
-          _yield$getDatasourceD2 = _context2.sent;
-          access = _yield$getDatasourceD2.meta.access;
-          _yield$getDatasourceD3 = _yield$getDatasourceD2.data;
-          items = _yield$getDatasourceD3.items;
-          nextPageCursor = _yield$getDatasourceD3.nextPageCursor;
-          _totalCount = _yield$getDatasourceD3.totalCount;
-          schema = _yield$getDatasourceD3.schema;
+          _yield$getDatasourceD3 = _context2.sent;
+          _yield$getDatasourceD4 = _yield$getDatasourceD3.meta;
+          access = _yield$getDatasourceD4.access;
+          _destinationObjectTypes2 = _yield$getDatasourceD4.destinationObjectTypes;
+          _extensionKey2 = _yield$getDatasourceD4.extensionKey;
+          _yield$getDatasourceD5 = _yield$getDatasourceD3.data;
+          items = _yield$getDatasourceD5.items;
+          nextPageCursor = _yield$getDatasourceD5.nextPageCursor;
+          _totalCount = _yield$getDatasourceD5.totalCount;
+          schema = _yield$getDatasourceD5.schema;
           if (!(access === 'forbidden' || access === 'unauthorized')) {
-            _context2.next = 21;
+            _context2.next = 24;
             break;
           }
           setStatus('unauthorized');
           return _context2.abrupt("return");
-        case 21:
+        case 24:
+          setExtensionKey(_extensionKey2);
+          setDestinationObjectTypes(_destinationObjectTypes2);
           setTotalCount(_totalCount);
           setNextCursor(nextPageCursor);
           setResponseItems(function (currentResponseItems) {
@@ -191,17 +212,17 @@ var useDatasourceTableState = function useDatasourceTableState(_ref) {
           if (isSchemaFromData && schema && items.length > 0) {
             applySchemaProperties(schema.properties);
           }
-          _context2.next = 33;
+          _context2.next = 38;
           break;
-        case 30:
-          _context2.prev = 30;
+        case 35:
+          _context2.prev = 35;
           _context2.t0 = _context2["catch"](8);
           setStatus('rejected');
-        case 33:
+        case 38:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[8, 30]]);
+    }, _callee2, null, [[8, 35]]);
   })), [parameters, fieldKeys, getDatasourceData, datasourceId, nextCursor, applySchemaProperties]);
   var reset = (0, _react.useCallback)(function (options) {
     setStatus('empty');
@@ -254,7 +275,9 @@ var useDatasourceTableState = function useDatasourceTableState(_ref) {
     hasNextPage: hasNextPage,
     columns: columns,
     defaultVisibleColumnKeys: defaultVisibleColumnKeys,
-    totalCount: totalCount
+    totalCount: totalCount,
+    extensionKey: extensionKey,
+    destinationObjectTypes: destinationObjectTypes
   };
 };
 exports.useDatasourceTableState = useDatasourceTableState;

package/dist/cjs/ui/assets-modal/modal/index.js

@@ -231,7 +231,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.0.13",
+  packageVersion: "1.0.15",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/cjs/ui/datasource-table-view/datasourceTableView.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.DatasourceTableView = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _analytics = require("../../analytics");
 var _useDatasourceTableState = require("../../hooks/useDatasourceTableState");
 var _accessRequired = require("../common/error-state/access-required");
 var _loadingError = require("../common/error-state/loading-error");
@@ -16,7 +18,7 @@ var _emptyState = _interopRequireDefault(require("../issue-like-table/empty-stat
 var _tableFooter = require("../table-footer");
 /** @jsx jsx */
 
-var DatasourceTableView = function DatasourceTableView(_ref) {
+var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAnalytics(_ref) {
   var datasourceId = _ref.datasourceId,
     parameters = _ref.parameters,
     visibleColumnKeys = _ref.visibleColumnKeys,
@@ -34,7 +36,12 @@ var DatasourceTableView = function DatasourceTableView(_ref) {
     columns = _useDatasourceTableSt.columns,
     defaultVisibleColumnKeys = _useDatasourceTableSt.defaultVisibleColumnKeys,
     totalCount = _useDatasourceTableSt.totalCount,
-    loadDatasourceDetails = _useDatasourceTableSt.loadDatasourceDetails;
+    loadDatasourceDetails = _useDatasourceTableSt.loadDatasourceDetails,
+    _useDatasourceTableSt2 = _useDatasourceTableSt.extensionKey,
+    extensionKey = _useDatasourceTableSt2 === void 0 ? null : _useDatasourceTableSt2,
+    destinationObjectTypes = _useDatasourceTableSt.destinationObjectTypes;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
 
   /*  Need this to make sure that the datasource in the editor gets updated new info if any edits are made in the modal
       But we don't want to call it on initial load. This screws up useDatasourceTableState's internal
@@ -53,10 +60,14 @@ var DatasourceTableView = function DatasourceTableView(_ref) {
     }
   }, [visibleColumnKeys, defaultVisibleColumnKeys, onVisibleColumnKeysChange]);
   var forcedReset = (0, _react.useCallback)(function () {
+    fireEvent('ui.button.clicked.sync', {
+      extensionKey: extensionKey,
+      destinationObjectTypes: destinationObjectTypes
+    });
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [destinationObjectTypes, extensionKey, fireEvent, reset]);
   if (status === 'resolved' && !responseItems.length) {
     return (0, _react2.jsx)(_noResults.NoResults, {
       onRefresh: reset
@@ -97,4 +108,9 @@ var DatasourceTableView = function DatasourceTableView(_ref) {
     }))
   );
 };
+var analyticsContextData = {
+  packageName: "@atlaskit/link-datasource",
+  packageVersion: "1.0.15"
+};
+var DatasourceTableView = (0, _analyticsNext.withAnalyticsContext)(analyticsContextData)(DatasourceTableViewWithoutAnalytics);
 exports.DatasourceTableView = DatasourceTableView;

package/dist/cjs/ui/jira-issues-modal/modal/index.js

@@ -348,7 +348,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.0.13",
+  packageVersion: "1.0.15",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/es2019/hooks/useDatasourceTableState.js

@@ -14,6 +14,8 @@ export const useDatasourceTableState = ({
   const [columns, setColumns] = useState([]);
   const [totalCount, setTotalCount] = useState(undefined);
   const [shouldForceRequest, setShouldForceRequest] = useState(false);
+  const [destinationObjectTypes, setDestinationObjectTypes] = useState([]);
+  const [extensionKey, setExtensionKey] = useState();
   const {
     getDatasourceData,
     getDatasourceDetails
@@ -25,7 +27,9 @@ export const useDatasourceTableState = ({
     try {
       const {
         meta: {
-          access
+          access,
+          destinationObjectTypes,
+          extensionKey
         },
         data: {
           schema
@@ -37,6 +41,8 @@ export const useDatasourceTableState = ({
         setStatus('unauthorized');
         return;
       }
+      setExtensionKey(extensionKey);
+      setDestinationObjectTypes(destinationObjectTypes);
       const isColumnNotPresentInCurrentColumnsList = col => !columns.find(column => column.key === col.key);
       const allColumns = schema.properties;
       const newColumns = allColumns.filter(isColumnNotPresentInCurrentColumnsList);
@@ -83,7 +89,9 @@ export const useDatasourceTableState = ({
     try {
       const {
         meta: {
-          access
+          access,
+          destinationObjectTypes,
+          extensionKey
         },
         data: {
           items,
@@ -96,6 +104,8 @@ export const useDatasourceTableState = ({
         setStatus('unauthorized');
         return;
       }
+      setExtensionKey(extensionKey);
+      setDestinationObjectTypes(destinationObjectTypes);
       setTotalCount(totalCount);
       setNextCursor(nextPageCursor);
       setResponseItems(currentResponseItems => {
@@ -165,6 +175,8 @@ export const useDatasourceTableState = ({
     hasNextPage,
     columns,
     defaultVisibleColumnKeys,
-    totalCount
+    totalCount,
+    extensionKey,
+    destinationObjectTypes
   };
 };

package/dist/es2019/ui/assets-modal/modal/index.js

@@ -205,7 +205,7 @@ const analyticsContextAttributes = {
 };
 const analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.0.13",
+  packageVersion: "1.0.15",
   source: 'datasourceConfigModal'
 };
 const contextData = {

package/dist/es2019/ui/datasource-table-view/datasourceTableView.js

@@ -1,6 +1,8 @@
 /** @jsx jsx */
 import { useCallback, useEffect, useRef } from 'react';
 import { jsx } from '@emotion/react';
+import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { useDatasourceTableState } from '../../hooks/useDatasourceTableState';
 import { AccessRequired } from '../common/error-state/access-required';
 import { LoadingError } from '../common/error-state/loading-error';
@@ -8,7 +10,7 @@ import { NoResults } from '../common/error-state/no-results';
 import { IssueLikeDataTableView } from '../issue-like-table';
 import EmptyState from '../issue-like-table/empty-state';
 import { TableFooter } from '../table-footer';
-export const DatasourceTableView = ({
+const DatasourceTableViewWithoutAnalytics = ({
   datasourceId,
   parameters,
   visibleColumnKeys,
@@ -23,12 +25,17 @@ export const DatasourceTableView = ({
     columns,
     defaultVisibleColumnKeys,
     totalCount,
-    loadDatasourceDetails
+    loadDatasourceDetails,
+    extensionKey = null,
+    destinationObjectTypes
   } = useDatasourceTableState({
     datasourceId,
     parameters,
     fieldKeys: visibleColumnKeys
   });
+  const {
+    fireEvent
+  } = useDatasourceAnalyticsEvents();
 
   /*  Need this to make sure that the datasource in the editor gets updated new info if any edits are made in the modal
       But we don't want to call it on initial load. This screws up useDatasourceTableState's internal
@@ -47,10 +54,14 @@ export const DatasourceTableView = ({
     }
   }, [visibleColumnKeys, defaultVisibleColumnKeys, onVisibleColumnKeysChange]);
   const forcedReset = useCallback(() => {
+    fireEvent('ui.button.clicked.sync', {
+      extensionKey,
+      destinationObjectTypes
+    });
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [destinationObjectTypes, extensionKey, fireEvent, reset]);
   if (status === 'resolved' && !responseItems.length) {
     return jsx(NoResults, {
       onRefresh: reset
@@ -90,4 +101,9 @@ export const DatasourceTableView = ({
       isLoading: !isDataReady || status === 'loading'
     }))
   );
-};
+};
+const analyticsContextData = {
+  packageName: "@atlaskit/link-datasource",
+  packageVersion: "1.0.15"
+};
+export const DatasourceTableView = withAnalyticsContext(analyticsContextData)(DatasourceTableViewWithoutAnalytics);

package/dist/es2019/ui/jira-issues-modal/modal/index.js

@@ -294,7 +294,7 @@ const analyticsContextAttributes = {
 };
 const analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.0.13",
+  packageVersion: "1.0.15",
   source: 'datasourceConfigModal'
 };
 const contextData = {

package/dist/esm/hooks/useDatasourceTableState.js

@@ -45,11 +45,19 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
     _useState18 = _slicedToArray(_useState17, 2),
     shouldForceRequest = _useState18[0],
     setShouldForceRequest = _useState18[1];
+  var _useState19 = useState([]),
+    _useState20 = _slicedToArray(_useState19, 2),
+    destinationObjectTypes = _useState20[0],
+    setDestinationObjectTypes = _useState20[1];
+  var _useState21 = useState(),
+    _useState22 = _slicedToArray(_useState21, 2),
+    extensionKey = _useState22[0],
+    setExtensionKey = _useState22[1];
   var _useDatasourceClientE = useDatasourceClientExtension(),
     getDatasourceData = _useDatasourceClientE.getDatasourceData,
     getDatasourceDetails = _useDatasourceClientE.getDatasourceDetails;
   var loadDatasourceDetails = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var _yield$getDatasourceD, access, schema, isColumnNotPresentInCurrentColumnsList, allColumns, newColumns;
+    var _yield$getDatasourceD, _yield$getDatasourceD2, access, _destinationObjectTypes, _extensionKey, schema, isColumnNotPresentInCurrentColumnsList, allColumns, newColumns;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -66,15 +74,20 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
           });
         case 5:
           _yield$getDatasourceD = _context.sent;
-          access = _yield$getDatasourceD.meta.access;
+          _yield$getDatasourceD2 = _yield$getDatasourceD.meta;
+          access = _yield$getDatasourceD2.access;
+          _destinationObjectTypes = _yield$getDatasourceD2.destinationObjectTypes;
+          _extensionKey = _yield$getDatasourceD2.extensionKey;
           schema = _yield$getDatasourceD.data.schema;
           if (!(access === 'forbidden' || access === 'unauthorized')) {
-            _context.next = 11;
+            _context.next = 14;
             break;
           }
           setStatus('unauthorized');
           return _context.abrupt("return");
-        case 11:
+        case 14:
+          setExtensionKey(_extensionKey);
+          setDestinationObjectTypes(_destinationObjectTypes);
           isColumnNotPresentInCurrentColumnsList = function isColumnNotPresentInCurrentColumnsList(col) {
             return !columns.find(function (column) {
               return column.key === col.key;
@@ -83,17 +96,17 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
           allColumns = schema.properties;
           newColumns = allColumns.filter(isColumnNotPresentInCurrentColumnsList);
           newColumns.length > 0 && setColumns([].concat(_toConsumableArray(columns), _toConsumableArray(newColumns)));
-          _context.next = 20;
+          _context.next = 25;
           break;
-        case 17:
-          _context.prev = 17;
+        case 22:
+          _context.prev = 22;
           _context.t0 = _context["catch"](2);
           setStatus('rejected');
-        case 20:
+        case 25:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[2, 17]]);
+    }, _callee, null, [[2, 22]]);
   })), [columns, datasourceId, getDatasourceDetails, parameters]);
   var applySchemaProperties = useCallback(function (properties) {
     if (columns.length === 0) {
@@ -121,9 +134,12 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
       shouldForceRequest,
       sortedFieldKeys,
       datasourceDataRequest,
-      _yield$getDatasourceD2,
-      access,
       _yield$getDatasourceD3,
+      _yield$getDatasourceD4,
+      access,
+      _destinationObjectTypes2,
+      _extensionKey2,
+      _yield$getDatasourceD5,
       items,
       nextPageCursor,
       _totalCount,
@@ -154,20 +170,25 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
           _context2.next = 11;
           return getDatasourceData(datasourceId, datasourceDataRequest, shouldForceRequest);
         case 11:
-          _yield$getDatasourceD2 = _context2.sent;
-          access = _yield$getDatasourceD2.meta.access;
-          _yield$getDatasourceD3 = _yield$getDatasourceD2.data;
-          items = _yield$getDatasourceD3.items;
-          nextPageCursor = _yield$getDatasourceD3.nextPageCursor;
-          _totalCount = _yield$getDatasourceD3.totalCount;
-          schema = _yield$getDatasourceD3.schema;
+          _yield$getDatasourceD3 = _context2.sent;
+          _yield$getDatasourceD4 = _yield$getDatasourceD3.meta;
+          access = _yield$getDatasourceD4.access;
+          _destinationObjectTypes2 = _yield$getDatasourceD4.destinationObjectTypes;
+          _extensionKey2 = _yield$getDatasourceD4.extensionKey;
+          _yield$getDatasourceD5 = _yield$getDatasourceD3.data;
+          items = _yield$getDatasourceD5.items;
+          nextPageCursor = _yield$getDatasourceD5.nextPageCursor;
+          _totalCount = _yield$getDatasourceD5.totalCount;
+          schema = _yield$getDatasourceD5.schema;
           if (!(access === 'forbidden' || access === 'unauthorized')) {
-            _context2.next = 21;
+            _context2.next = 24;
             break;
           }
           setStatus('unauthorized');
           return _context2.abrupt("return");
-        case 21:
+        case 24:
+          setExtensionKey(_extensionKey2);
+          setDestinationObjectTypes(_destinationObjectTypes2);
           setTotalCount(_totalCount);
           setNextCursor(nextPageCursor);
           setResponseItems(function (currentResponseItems) {
@@ -184,17 +205,17 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
           if (isSchemaFromData && schema && items.length > 0) {
             applySchemaProperties(schema.properties);
           }
-          _context2.next = 33;
+          _context2.next = 38;
           break;
-        case 30:
-          _context2.prev = 30;
+        case 35:
+          _context2.prev = 35;
           _context2.t0 = _context2["catch"](8);
           setStatus('rejected');
-        case 33:
+        case 38:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[8, 30]]);
+    }, _callee2, null, [[8, 35]]);
   })), [parameters, fieldKeys, getDatasourceData, datasourceId, nextCursor, applySchemaProperties]);
   var reset = useCallback(function (options) {
     setStatus('empty');
@@ -247,6 +268,8 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
     hasNextPage: hasNextPage,
     columns: columns,
     defaultVisibleColumnKeys: defaultVisibleColumnKeys,
-    totalCount: totalCount
+    totalCount: totalCount,
+    extensionKey: extensionKey,
+    destinationObjectTypes: destinationObjectTypes
   };
 };

package/dist/esm/ui/assets-modal/modal/index.js

@@ -222,7 +222,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.0.13",
+  packageVersion: "1.0.15",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/esm/ui/datasource-table-view/datasourceTableView.js

@@ -1,6 +1,8 @@
 /** @jsx jsx */
 import { useCallback, useEffect, useRef } from 'react';
 import { jsx } from '@emotion/react';
+import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { useDatasourceTableState } from '../../hooks/useDatasourceTableState';
 import { AccessRequired } from '../common/error-state/access-required';
 import { LoadingError } from '../common/error-state/loading-error';
@@ -8,7 +10,7 @@ import { NoResults } from '../common/error-state/no-results';
 import { IssueLikeDataTableView } from '../issue-like-table';
 import EmptyState from '../issue-like-table/empty-state';
 import { TableFooter } from '../table-footer';
-export var DatasourceTableView = function DatasourceTableView(_ref) {
+var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAnalytics(_ref) {
   var datasourceId = _ref.datasourceId,
     parameters = _ref.parameters,
     visibleColumnKeys = _ref.visibleColumnKeys,
@@ -26,7 +28,12 @@ export var DatasourceTableView = function DatasourceTableView(_ref) {
     columns = _useDatasourceTableSt.columns,
     defaultVisibleColumnKeys = _useDatasourceTableSt.defaultVisibleColumnKeys,
     totalCount = _useDatasourceTableSt.totalCount,
-    loadDatasourceDetails = _useDatasourceTableSt.loadDatasourceDetails;
+    loadDatasourceDetails = _useDatasourceTableSt.loadDatasourceDetails,
+    _useDatasourceTableSt2 = _useDatasourceTableSt.extensionKey,
+    extensionKey = _useDatasourceTableSt2 === void 0 ? null : _useDatasourceTableSt2,
+    destinationObjectTypes = _useDatasourceTableSt.destinationObjectTypes;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
 
   /*  Need this to make sure that the datasource in the editor gets updated new info if any edits are made in the modal
       But we don't want to call it on initial load. This screws up useDatasourceTableState's internal
@@ -45,10 +52,14 @@ export var DatasourceTableView = function DatasourceTableView(_ref) {
     }
   }, [visibleColumnKeys, defaultVisibleColumnKeys, onVisibleColumnKeysChange]);
   var forcedReset = useCallback(function () {
+    fireEvent('ui.button.clicked.sync', {
+      extensionKey: extensionKey,
+      destinationObjectTypes: destinationObjectTypes
+    });
     reset({
       shouldForceRequest: true
     });
-  }, [reset]);
+  }, [destinationObjectTypes, extensionKey, fireEvent, reset]);
   if (status === 'resolved' && !responseItems.length) {
     return jsx(NoResults, {
       onRefresh: reset
@@ -88,4 +99,9 @@ export var DatasourceTableView = function DatasourceTableView(_ref) {
       isLoading: !isDataReady || status === 'loading'
     }))
   );
-};
+};
+var analyticsContextData = {
+  packageName: "@atlaskit/link-datasource",
+  packageVersion: "1.0.15"
+};
+export var DatasourceTableView = withAnalyticsContext(analyticsContextData)(DatasourceTableViewWithoutAnalytics);

package/dist/esm/ui/jira-issues-modal/modal/index.js

@@ -338,7 +338,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.0.13",
+  packageVersion: "1.0.15",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::7dd648157e3329a0b94f96c5f039ac2d>>
+ * @codegen <<SignedSource::62501952dd8f62a9009c28acb74a64b4>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type PackageMetaDataType = {
@@ -11,7 +11,7 @@ export type PackageMetaDataType = {
     packageVersion: string;
 };
 export type AnalyticsContextType = {
-    source: 'datasourceConfigModal' | 'datasourceConfluenceEditor';
+    source: 'datasourceConfigModal';
 };
 export type AnalyticsContextAttributesType = {
     dataProvider: 'jira-issues' | 'jsm-assets';
@@ -26,6 +26,53 @@ export type EmptyResultShownDatasourceAttributesType = {};
 export type ErrorShownAttributesType = {
     reason: 'network' | 'access';
 };
+export type ButtonClickedSyncAttributesType = {
+    extensionKey: string | null;
+    destinationObjectTypes: unknown[];
+};
+export type ButtonClickedInsertAttributesType = {
+    searchCount: number;
+    totalItemCount: number;
+    displayedColumnCount: number | null;
+    display: 'datasource_inline' | 'datasource_table' | 'inline';
+    destinationObjectTypes: unknown[];
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
+};
+export type ButtonClickedCancelAttributesType = {
+    searchCount: number;
+};
+export type LinkClickedSingleItemAttributesType = {
+    extensionKey: string | null;
+    destinationObjectTypes: unknown[];
+};
+export type DatasourceRenderedAttributesType = {
+    totalItemCount: number;
+    destinationObjectTypes: unknown[];
+    displayedColumnCount: number | null;
+    extensionKey: string | null;
+    display: 'datasource_inline' | 'datasource_table' | 'inline';
+    status: 'resolved' | 'unauthorized' | 'forbidden' | 'not_found' | 'errored';
+};
+export type NextItemLoadedAttributesType = {
+    destinationObjectTypes: unknown[];
+    extensionKey: string | null;
+    loadedItemCount: number;
+};
+export type TableViewedDatasourceAttributesType = {
+    destinationObjectTypes: unknown[];
+    totalItemCount: number;
+    displayedColumnCount: number | null;
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
+};
+export type LinkViewedSingleItemAttributesType = {
+    destinationObjectTypes: unknown[];
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
+};
+export type LinkViewedCountAttributesType = {
+    destinationObjectTypes: unknown[];
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
+    totalItemCount: number;
+};
 export type AnalyticsEventAttributes = {
     /**
      * Fires when user sees modal dialog. */
@@ -45,5 +92,32 @@ export type AnalyticsEventAttributes = {
     /**
      * Fires when datasource errors state is shown. */
     'ui.error.shown': ErrorShownAttributesType;
+    /**
+     * Fired when user clicks on datasource table sync button */
+    'ui.button.clicked.sync': ButtonClickedSyncAttributesType;
+    /**
+     * Fired on insert button click */
+    'ui.button.clicked.insert': ButtonClickedInsertAttributesType;
+    /**
+     * Fired on cancel button click */
+    'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
+    /**
+     * Fired when user clicks on datasource items */
+    'ui.link.clicked.singleItem': LinkClickedSingleItemAttributesType;
+    /**
+     * Fired when an inserted datasource resolves / renders. */
+    'ui.datasource.rendered': DatasourceRenderedAttributesType;
+    /**
+     * Fired when user scrolls to the next page/list of the objects */
+    'ui.nextItem.loaded': NextItemLoadedAttributesType;
+    /**
+     * Fired when the datasource results are displayed as table */
+    'ui.table.viewed.datasource': TableViewedDatasourceAttributesType;
+    /**
+     * Fired when the datasource results are displayed as link(may be smart-link) for a single item */
+    'ui.link.viewed.singleItem': LinkViewedSingleItemAttributesType;
+    /**
+     * Fired when the datasource results are displayed as link( smart-link) in count mode. */
+    'ui.link.viewed.count': LinkViewedCountAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types/hooks/useDatasourceTableState.d.ts

@@ -19,6 +19,8 @@ export interface DatasourceTableState {
     columns: DatasourceResponseSchemaProperty[];
     defaultVisibleColumnKeys: string[];
     totalCount?: number;
+    destinationObjectTypes: string[];
+    extensionKey?: string;
 }
 export interface DatasourceTableStateProps {
     datasourceId: string;

package/dist/types/ui/datasource-table-view/datasourceTableView.d.ts

@@ -1,3 +1,3 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { DatasourceTableViewProps } from './types';
-export declare const DatasourceTableView: ({ datasourceId, parameters, visibleColumnKeys, onVisibleColumnKeysChange, }: DatasourceTableViewProps) => jsx.JSX.Element;
+export declare const DatasourceTableView: import("react").ForwardRefExoticComponent<DatasourceTableViewProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;

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

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::7dd648157e3329a0b94f96c5f039ac2d>>
+ * @codegen <<SignedSource::62501952dd8f62a9009c28acb74a64b4>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type PackageMetaDataType = {
@@ -11,7 +11,7 @@ export type PackageMetaDataType = {
     packageVersion: string;
 };
 export type AnalyticsContextType = {
-    source: 'datasourceConfigModal' | 'datasourceConfluenceEditor';
+    source: 'datasourceConfigModal';
 };
 export type AnalyticsContextAttributesType = {
     dataProvider: 'jira-issues' | 'jsm-assets';
@@ -26,6 +26,53 @@ export type EmptyResultShownDatasourceAttributesType = {};
 export type ErrorShownAttributesType = {
     reason: 'network' | 'access';
 };
+export type ButtonClickedSyncAttributesType = {
+    extensionKey: string | null;
+    destinationObjectTypes: unknown[];
+};
+export type ButtonClickedInsertAttributesType = {
+    searchCount: number;
+    totalItemCount: number;
+    displayedColumnCount: number | null;
+    display: 'datasource_inline' | 'datasource_table' | 'inline';
+    destinationObjectTypes: unknown[];
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
+};
+export type ButtonClickedCancelAttributesType = {
+    searchCount: number;
+};
+export type LinkClickedSingleItemAttributesType = {
+    extensionKey: string | null;
+    destinationObjectTypes: unknown[];
+};
+export type DatasourceRenderedAttributesType = {
+    totalItemCount: number;
+    destinationObjectTypes: unknown[];
+    displayedColumnCount: number | null;
+    extensionKey: string | null;
+    display: 'datasource_inline' | 'datasource_table' | 'inline';
+    status: 'resolved' | 'unauthorized' | 'forbidden' | 'not_found' | 'errored';
+};
+export type NextItemLoadedAttributesType = {
+    destinationObjectTypes: unknown[];
+    extensionKey: string | null;
+    loadedItemCount: number;
+};
+export type TableViewedDatasourceAttributesType = {
+    destinationObjectTypes: unknown[];
+    totalItemCount: number;
+    displayedColumnCount: number | null;
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
+};
+export type LinkViewedSingleItemAttributesType = {
+    destinationObjectTypes: unknown[];
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
+};
+export type LinkViewedCountAttributesType = {
+    destinationObjectTypes: unknown[];
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
+    totalItemCount: number;
+};
 export type AnalyticsEventAttributes = {
     /**
      * Fires when user sees modal dialog. */
@@ -45,5 +92,32 @@ export type AnalyticsEventAttributes = {
     /**
      * Fires when datasource errors state is shown. */
     'ui.error.shown': ErrorShownAttributesType;
+    /**
+     * Fired when user clicks on datasource table sync button */
+    'ui.button.clicked.sync': ButtonClickedSyncAttributesType;
+    /**
+     * Fired on insert button click */
+    'ui.button.clicked.insert': ButtonClickedInsertAttributesType;
+    /**
+     * Fired on cancel button click */
+    'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
+    /**
+     * Fired when user clicks on datasource items */
+    'ui.link.clicked.singleItem': LinkClickedSingleItemAttributesType;
+    /**
+     * Fired when an inserted datasource resolves / renders. */
+    'ui.datasource.rendered': DatasourceRenderedAttributesType;
+    /**
+     * Fired when user scrolls to the next page/list of the objects */
+    'ui.nextItem.loaded': NextItemLoadedAttributesType;
+    /**
+     * Fired when the datasource results are displayed as table */
+    'ui.table.viewed.datasource': TableViewedDatasourceAttributesType;
+    /**
+     * Fired when the datasource results are displayed as link(may be smart-link) for a single item */
+    'ui.link.viewed.singleItem': LinkViewedSingleItemAttributesType;
+    /**
+     * Fired when the datasource results are displayed as link( smart-link) in count mode. */
+    'ui.link.viewed.count': LinkViewedCountAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types-ts4.5/hooks/useDatasourceTableState.d.ts

@@ -19,6 +19,8 @@ export interface DatasourceTableState {
     columns: DatasourceResponseSchemaProperty[];
     defaultVisibleColumnKeys: string[];
     totalCount?: number;
+    destinationObjectTypes: string[];
+    extensionKey?: string;
 }
 export interface DatasourceTableStateProps {
     datasourceId: string;

package/dist/types-ts4.5/ui/datasource-table-view/datasourceTableView.d.ts

@@ -1,3 +1,3 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { DatasourceTableViewProps } from './types';
-export declare const DatasourceTableView: ({ datasourceId, parameters, visibleColumnKeys, onVisibleColumnKeysChange, }: DatasourceTableViewProps) => jsx.JSX.Element;
+export declare const DatasourceTableView: import("react").ForwardRefExoticComponent<DatasourceTableViewProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"