@atlaskit/link-datasource 1.0.14 → 1.0.15

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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

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

@@ -231,7 +231,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.0.14",
+  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.14",
+  packageVersion: "1.0.15",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

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

@@ -205,7 +205,7 @@ const analyticsContextAttributes = {
 };
 const analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.0.14",
+  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.14",
+  packageVersion: "1.0.15",
   source: 'datasourceConfigModal'
 };
 const contextData = {

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

@@ -222,7 +222,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.0.14",
+  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.14",
+  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::2df543862d2bbbd33e78d43440effff5>>
+ * @codegen <<SignedSource::62501952dd8f62a9009c28acb74a64b4>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type PackageMetaDataType = {
@@ -27,50 +27,50 @@ export type ErrorShownAttributesType = {
     reason: 'network' | 'access';
 };
 export type ButtonClickedSyncAttributesType = {
-    extensionKey: string;
+    extensionKey: string | null;
     destinationObjectTypes: unknown[];
 };
 export type ButtonClickedInsertAttributesType = {
     searchCount: number;
     totalItemCount: number;
-    displayedColumnCount: number;
+    displayedColumnCount: number | null;
     display: 'datasource_inline' | 'datasource_table' | 'inline';
     destinationObjectTypes: unknown[];
-    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter';
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
 };
 export type ButtonClickedCancelAttributesType = {
     searchCount: number;
 };
 export type LinkClickedSingleItemAttributesType = {
-    extensionKey: string;
+    extensionKey: string | null;
     destinationObjectTypes: unknown[];
 };
 export type DatasourceRenderedAttributesType = {
     totalItemCount: number;
     destinationObjectTypes: unknown[];
-    displayedColumnCount: number;
-    extensionKey: string;
+    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;
+    extensionKey: string | null;
     loadedItemCount: number;
 };
 export type TableViewedDatasourceAttributesType = {
     destinationObjectTypes: unknown[];
     totalItemCount: number;
-    displayedColumnCount: number;
-    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter';
+    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';
+    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';
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
     totalItemCount: number;
 };
 export type AnalyticsEventAttributes = {

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::2df543862d2bbbd33e78d43440effff5>>
+ * @codegen <<SignedSource::62501952dd8f62a9009c28acb74a64b4>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type PackageMetaDataType = {
@@ -27,50 +27,50 @@ export type ErrorShownAttributesType = {
     reason: 'network' | 'access';
 };
 export type ButtonClickedSyncAttributesType = {
-    extensionKey: string;
+    extensionKey: string | null;
     destinationObjectTypes: unknown[];
 };
 export type ButtonClickedInsertAttributesType = {
     searchCount: number;
     totalItemCount: number;
-    displayedColumnCount: number;
+    displayedColumnCount: number | null;
     display: 'datasource_inline' | 'datasource_table' | 'inline';
     destinationObjectTypes: unknown[];
-    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter';
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
 };
 export type ButtonClickedCancelAttributesType = {
     searchCount: number;
 };
 export type LinkClickedSingleItemAttributesType = {
-    extensionKey: string;
+    extensionKey: string | null;
     destinationObjectTypes: unknown[];
 };
 export type DatasourceRenderedAttributesType = {
     totalItemCount: number;
     destinationObjectTypes: unknown[];
-    displayedColumnCount: number;
-    extensionKey: string;
+    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;
+    extensionKey: string | null;
     loadedItemCount: number;
 };
 export type TableViewedDatasourceAttributesType = {
     destinationObjectTypes: unknown[];
     totalItemCount: number;
-    displayedColumnCount: number;
-    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter';
+    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';
+    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';
+    searchMethod: 'datasource_search_query' | 'datasource_basic_filter' | 'datasource_saved_filter' | null;
     totalItemCount: number;
 };
 export type AnalyticsEventAttributes = {

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.14",
+  "version": "1.0.15",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"