@atlaskit/link-datasource 2.11.10 → 2.11.12

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/link-datasource
 
+## 2.11.12
+
+### Patch Changes
+
+- [#134926](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/134926)
+  [`891fc0be667d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/891fc0be667d7) -
+  Adds an operational analytic event fired when an atomic execute action request succeeds, and moves
+  the error logging from the InlineEdit component into the action itself.
+
+## 2.11.11
+
+### Patch Changes
+
+- [#134213](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/134213)
+  [`93bd7032842ec`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/93bd7032842ec) -
+  [ux] [ED-24636] Bump ADF Schema package
+
 ## 2.11.10
 
 ### Patch Changes

package/dist/cjs/state/actions/index.js

@@ -12,6 +12,8 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _react = require("react");
 var _reactSweetState = require("react-sweet-state");
 var _linkClientExtension = require("@atlaskit/link-client-extension");
+var _analytics = require("../../analytics");
+var _useErrorLogger2 = _interopRequireDefault(require("../../hooks/useErrorLogger"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -177,6 +179,12 @@ var useExecuteAtomicAction = exports.useExecuteAtomicAction = function useExecut
     schema = _useAtomicUpdateActio2[0];
   var _useDatasourceClientE2 = (0, _linkClientExtension.useDatasourceClientExtension)(),
     executeAction = _useDatasourceClientE2.executeAtomicAction;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  var _useErrorLogger = (0, _useErrorLogger2.default)({
+      integrationKey: integrationKey
+    }),
+    captureError = _useErrorLogger.captureError;
   var execute = (0, _react.useCallback)(function (value) {
     if (!schema) {
       throw new Error('No action schema found.');
@@ -190,8 +198,18 @@ var useExecuteAtomicAction = exports.useExecuteAtomicAction = function useExecut
           ari: ari
         }
       }
+    }).then(function (resp) {
+      fireEvent('operational.actionExecution.success', {
+        integrationKey: integrationKey,
+        experience: 'datasource'
+      });
+      return resp;
+    }).catch(function (error) {
+      captureError('actionExecution', error);
+      // Rethrow up to component for flags and other handling
+      throw error;
     });
-  }, [schema, executeAction, integrationKey, fieldKey, ari]);
+  }, [schema, executeAction, integrationKey, fieldKey, ari, fireEvent, captureError]);
   if (!schema) {
     return {};
   }

package/dist/cjs/ui/issue-like-table/table-cell-content/index.js

@@ -111,7 +111,6 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
     execute: execute,
     readView: readView,
     columnKey: columnKey,
-    integrationKey: integrationKey,
     datasourceTypeWithValues: values
   });
 };

package/dist/cjs/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -14,7 +14,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _inlineEdit = _interopRequireDefault(require("@atlaskit/inline-edit"));
 var _primitives = require("@atlaskit/primitives");
 var _useDatasourceTableFlag = require("../../../hooks/useDatasourceTableFlag");
-var _useErrorLogger2 = _interopRequireDefault(require("../../../hooks/useErrorLogger"));
 var _state = require("../../../state");
 var _editType = require("../edit-type");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -42,7 +41,6 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
     execute = _ref.execute,
     _readView = _ref.readView,
     columnKey = _ref.columnKey,
-    integrationKey = _ref.integrationKey,
     datasourceTypeWithValues = _ref.datasourceTypeWithValues;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -55,10 +53,6 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
     showErrorFlag = _useDatasourceTableFl.showErrorFlag;
   var _useDatasourceActions = (0, _state.useDatasourceActions)(),
     onUpdateItem = _useDatasourceActions.onUpdateItem;
-  var _useErrorLogger = (0, _useErrorLogger2.default)({
-      integrationKey: integrationKey
-    }),
-    captureError = _useErrorLogger.captureError;
   var onCommitUpdate = (0, _react.useCallback)(function (value) {
     if (!item) {
       setIsEditing(false);
@@ -77,10 +71,9 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
         status: status
       });
       onUpdateItem(ari, existingData);
-      captureError('actionExecution', error);
     });
     setIsEditing(false);
-  }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, execute, showErrorFlag, captureError]);
+  }, [ari, item, datasourceTypeWithValues.type, columnKey, onUpdateItem, execute, showErrorFlag]);
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: editContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)(datasourceTypeWithValues), {

package/dist/es2019/state/actions/index.js

@@ -1,6 +1,8 @@
 import { useCallback, useMemo } from 'react';
 import { createActionsHook, createHook, createStore } from 'react-sweet-state';
 import { useDatasourceClientExtension } from '@atlaskit/link-client-extension';
+import { useDatasourceAnalyticsEvents } from '../../analytics';
+import useErrorLogger from '../../hooks/useErrorLogger';
 
 /**
  * Atomic actions available for an integration (by field)
@@ -156,6 +158,14 @@ export const useExecuteAtomicAction = ({
   const {
     executeAtomicAction: executeAction
   } = useDatasourceClientExtension();
+  const {
+    fireEvent
+  } = useDatasourceAnalyticsEvents();
+  const {
+    captureError
+  } = useErrorLogger({
+    integrationKey
+  });
   const execute = useCallback(value => {
     if (!schema) {
       throw new Error('No action schema found.');
@@ -171,8 +181,18 @@ export const useExecuteAtomicAction = ({
           ari
         }
       }
+    }).then(resp => {
+      fireEvent('operational.actionExecution.success', {
+        integrationKey: integrationKey,
+        experience: 'datasource'
+      });
+      return resp;
+    }).catch(error => {
+      captureError('actionExecution', error);
+      // Rethrow up to component for flags and other handling
+      throw error;
     });
-  }, [schema, executeAction, integrationKey, fieldKey, ari]);
+  }, [schema, executeAction, integrationKey, fieldKey, ari, fireEvent, captureError]);
   if (!schema) {
     return {};
   }

package/dist/es2019/ui/issue-like-table/table-cell-content/index.js

@@ -104,7 +104,6 @@ const InlineEditableCell = ({
     execute: execute,
     readView: readView,
     columnKey: columnKey,
-    integrationKey: integrationKey,
     datasourceTypeWithValues: values
   });
 };

package/dist/es2019/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -3,7 +3,6 @@ import React, { useCallback, useState } from 'react';
 import AKInlineEdit from '@atlaskit/inline-edit';
 import { Box, xcss } from '@atlaskit/primitives';
 import { useDatasourceTableFlag } from '../../../hooks/useDatasourceTableFlag';
-import useErrorLogger from '../../../hooks/useErrorLogger';
 import { useDatasourceActions, useDatasourceItem } from '../../../state';
 import { editType } from '../edit-type';
 const editContainerStyles = xcss({
@@ -30,7 +29,6 @@ export const InlineEdit = ({
   execute,
   readView,
   columnKey,
-  integrationKey,
   datasourceTypeWithValues
 }) => {
   const [isEditing, setIsEditing] = useState(false);
@@ -43,11 +41,6 @@ export const InlineEdit = ({
   const {
     onUpdateItem
   } = useDatasourceActions();
-  const {
-    captureError
-  } = useErrorLogger({
-    integrationKey
-  });
   const onCommitUpdate = useCallback(value => {
     if (!item) {
       setIsEditing(false);
@@ -66,10 +59,9 @@ export const InlineEdit = ({
         status
       });
       onUpdateItem(ari, existingData);
-      captureError('actionExecution', error);
     });
     setIsEditing(false);
-  }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, execute, showErrorFlag, captureError]);
+  }, [ari, item, datasourceTypeWithValues.type, columnKey, onUpdateItem, execute, showErrorFlag]);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: editContainerStyles
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {

package/dist/esm/state/actions/index.js

@@ -7,6 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useCallback, useMemo } from 'react';
 import { createActionsHook, createHook, createStore } from 'react-sweet-state';
 import { useDatasourceClientExtension } from '@atlaskit/link-client-extension';
+import { useDatasourceAnalyticsEvents } from '../../analytics';
+import useErrorLogger from '../../hooks/useErrorLogger';
 
 /**
  * Atomic actions available for an integration (by field)
@@ -171,6 +173,12 @@ export var useExecuteAtomicAction = function useExecuteAtomicAction(_ref5) {
     schema = _useAtomicUpdateActio2[0];
   var _useDatasourceClientE2 = useDatasourceClientExtension(),
     executeAction = _useDatasourceClientE2.executeAtomicAction;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  var _useErrorLogger = useErrorLogger({
+      integrationKey: integrationKey
+    }),
+    captureError = _useErrorLogger.captureError;
   var execute = useCallback(function (value) {
     if (!schema) {
       throw new Error('No action schema found.');
@@ -184,8 +192,18 @@ export var useExecuteAtomicAction = function useExecuteAtomicAction(_ref5) {
           ari: ari
         }
       }
+    }).then(function (resp) {
+      fireEvent('operational.actionExecution.success', {
+        integrationKey: integrationKey,
+        experience: 'datasource'
+      });
+      return resp;
+    }).catch(function (error) {
+      captureError('actionExecution', error);
+      // Rethrow up to component for flags and other handling
+      throw error;
     });
-  }, [schema, executeAction, integrationKey, fieldKey, ari]);
+  }, [schema, executeAction, integrationKey, fieldKey, ari, fireEvent, captureError]);
   if (!schema) {
     return {};
   }

package/dist/esm/ui/issue-like-table/table-cell-content/index.js

@@ -104,7 +104,6 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
     execute: execute,
     readView: readView,
     columnKey: columnKey,
-    integrationKey: integrationKey,
     datasourceTypeWithValues: values
   });
 };

package/dist/esm/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -8,7 +8,6 @@ import React, { useCallback, useState } from 'react';
 import AKInlineEdit from '@atlaskit/inline-edit';
 import { Box, xcss } from '@atlaskit/primitives';
 import { useDatasourceTableFlag } from '../../../hooks/useDatasourceTableFlag';
-import useErrorLogger from '../../../hooks/useErrorLogger';
 import { useDatasourceActions, useDatasourceItem } from '../../../state';
 import { editType } from '../edit-type';
 var editContainerStyles = xcss({
@@ -32,7 +31,6 @@ export var InlineEdit = function InlineEdit(_ref) {
     execute = _ref.execute,
     _readView = _ref.readView,
     columnKey = _ref.columnKey,
-    integrationKey = _ref.integrationKey,
     datasourceTypeWithValues = _ref.datasourceTypeWithValues;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -45,10 +43,6 @@ export var InlineEdit = function InlineEdit(_ref) {
     showErrorFlag = _useDatasourceTableFl.showErrorFlag;
   var _useDatasourceActions = useDatasourceActions(),
     onUpdateItem = _useDatasourceActions.onUpdateItem;
-  var _useErrorLogger = useErrorLogger({
-      integrationKey: integrationKey
-    }),
-    captureError = _useErrorLogger.captureError;
   var onCommitUpdate = useCallback(function (value) {
     if (!item) {
       setIsEditing(false);
@@ -67,10 +61,9 @@ export var InlineEdit = function InlineEdit(_ref) {
         status: status
       });
       onUpdateItem(ari, existingData);
-      captureError('actionExecution', error);
     });
     setIsEditing(false);
-  }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, execute, showErrorFlag, captureError]);
+  }, [ari, item, datasourceTypeWithValues.type, columnKey, onUpdateItem, execute, showErrorFlag]);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: editContainerStyles
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {

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::26fd2d06084d185e97be01b2070484ff>>
+ * @codegen <<SignedSource::a773c6cad8ff2e59bb7020ea85e35bc5>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -141,6 +141,10 @@ export type ObjectSchemasSuccessAttributesType = {};
 export type ObjectSchemasFailedAttributesType = {
     statusCodeGroup: '1xx' | '3xx' | '4xx' | '5xx' | 'unknown';
 };
+export type ActionExecutionSuccessAttributesType = {
+    integrationKey: string;
+    experience: 'datasource';
+};
 export type ActionDiscoverySuccessAttributesType = {
     experience: 'datasource';
     entityType: string;
@@ -256,6 +260,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when fetching object schemas fails. */
     'operational.objectSchemas.failed': ObjectSchemasFailedAttributesType;
+    /**
+     * Fired when an atomic action execution is successful */
+    'operational.actionExecution.success': ActionExecutionSuccessAttributesType;
     /**
      * Fired when the action discovery and permissions request is successful. */
     'operational.actionDiscovery.success': ActionDiscoverySuccessAttributesType;

package/dist/types/ui/issue-like-table/table-cell-content/inline-edit.d.ts

@@ -4,10 +4,9 @@ import type { DatasourceTypeWithOnlyValues } from '../types';
 interface InlineEditProps {
     ari: string;
     columnKey: string;
-    integrationKey: string;
     readView: React.ReactNode;
     datasourceTypeWithValues: DatasourceTypeWithOnlyValues;
     execute: (value: string | number) => Promise<AtomicActionExecuteResponse>;
 }
-export declare const InlineEdit: ({ ari, execute, readView, columnKey, integrationKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
+export declare const InlineEdit: ({ ari, execute, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
 export {};

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::26fd2d06084d185e97be01b2070484ff>>
+ * @codegen <<SignedSource::a773c6cad8ff2e59bb7020ea85e35bc5>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -141,6 +141,10 @@ export type ObjectSchemasSuccessAttributesType = {};
 export type ObjectSchemasFailedAttributesType = {
     statusCodeGroup: '1xx' | '3xx' | '4xx' | '5xx' | 'unknown';
 };
+export type ActionExecutionSuccessAttributesType = {
+    integrationKey: string;
+    experience: 'datasource';
+};
 export type ActionDiscoverySuccessAttributesType = {
     experience: 'datasource';
     entityType: string;
@@ -256,6 +260,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when fetching object schemas fails. */
     'operational.objectSchemas.failed': ObjectSchemasFailedAttributesType;
+    /**
+     * Fired when an atomic action execution is successful */
+    'operational.actionExecution.success': ActionExecutionSuccessAttributesType;
     /**
      * Fired when the action discovery and permissions request is successful. */
     'operational.actionDiscovery.success': ActionDiscoverySuccessAttributesType;

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/inline-edit.d.ts

@@ -4,10 +4,9 @@ import type { DatasourceTypeWithOnlyValues } from '../types';
 interface InlineEditProps {
     ari: string;
     columnKey: string;
-    integrationKey: string;
     readView: React.ReactNode;
     datasourceTypeWithValues: DatasourceTypeWithOnlyValues;
     execute: (value: string | number) => Promise<AtomicActionExecuteResponse>;
 }
-export declare const InlineEdit: ({ ari, execute, readView, columnKey, integrationKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
+export declare const InlineEdit: ({ ari, execute, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "2.11.10",
+	"version": "2.11.12",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,14 +36,14 @@
 		"analytics:codegen": "yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource --output ./src/analytics/generated"
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^40.8.1",
+		"@atlaskit/adf-schema": "^40.9.0",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/avatar": "^21.15.0",
 		"@atlaskit/avatar-group": "^9.11.0",
 		"@atlaskit/badge": "^16.4.0",
 		"@atlaskit/button": "^20.1.0",
 		"@atlaskit/datetime-picker": "^14.0.0",
-		"@atlaskit/dropdown-menu": "^12.17.0",
+		"@atlaskit/dropdown-menu": "^12.18.0",
 		"@atlaskit/editor-prosemirror": "5.0.1",
 		"@atlaskit/empty-state": "^7.11.0",
 		"@atlaskit/flag": "^15.8.0",
@@ -73,7 +73,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.0",
 		"@atlaskit/primitives": "^12.0.0",
 		"@atlaskit/select": "^17.15.0",
-		"@atlaskit/smart-card": "^27.18.0",
+		"@atlaskit/smart-card": "^27.19.0",
 		"@atlaskit/smart-user-picker": "6.10.2",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tag": "^12.5.0",