@atlaskit/link-datasource 3.8.0 → 3.8.3

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/link-datasource
 
+## 3.8.3
+
+### Patch Changes
+
+- [#160594](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/160594)
+  [`e21f888db3b5a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e21f888db3b5a) -
+  Update min and default width to `120px` for the `Status` column in Jira SLLV.
+- Updated dependencies
+
+## 3.8.2
+
+### Patch Changes
+
+- [#160697](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/160697)
+  [`f9338153f205c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f9338153f205c) -
+  Use `transitionId` for Status field update execution
+- [#160682](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/160682)
+  [`5685ddb1ad521`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5685ddb1ad521) -
+  Removes redundant usage of atlaskit/image in favor of native img tags
+- Updated dependencies
+
+## 3.8.1
+
+### Patch Changes
+
+- [#159211](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/159211)
+  [`9e940f7c89d05`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9e940f7c89d05) -
+  Adding analytics for `executeFetch` and updating test delays for loading state
+
 ## 3.8.0
 
 ### Minor Changes

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

@@ -256,13 +256,17 @@ var useExecuteAtomicAction = exports.useExecuteAtomicAction = function useExecut
         }
       }
     }).then(function (resp) {
+      fireEvent('operational.fetchActionExecution.success', {
+        integrationKey: integrationKey,
+        experience: 'datasource'
+      });
       return resp;
     }).catch(function (error) {
-      captureError('actionExecution', error); // fetchActionExecution
+      captureError('fetchActionExecution', error);
       // Rethrow up to component for flags and other handling
       throw error;
     });
-  }, [fetchSchema, executeAction, integrationKey, ari, captureError]);
+  }, [fetchSchema, executeAction, integrationKey, ari, fireEvent, captureError]);
   return _objectSpread(_objectSpread({}, schema && {
     execute: execute
   }), fetchSchema && {

package/dist/cjs/ui/issue-like-table/edit-type/status/index.js

@@ -105,16 +105,13 @@ var loadOptions = /*#__PURE__*/function () {
             _context.next = 7;
             break;
           }
-          return _context.abrupt("return", new Promise(function (resolve) {
-            setTimeout(function () {
-              return resolve(entities.map(function (entity) {
-                return {
-                  id: entity.id,
-                  text: entity.text,
-                  style: entity.style
-                };
-              }));
-            }, 1000);
+          return _context.abrupt("return", entities.map(function (entity) {
+            return {
+              id: entity.id,
+              text: entity.text,
+              style: entity.style,
+              transitionId: entity.transitionId
+            };
           }));
         case 7:
           return _context.abrupt("return", []);

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

@@ -234,7 +234,7 @@ var getOrderedColumns = exports.getOrderedColumns = function getOrderedColumns(c
 var DEFAULT_WIDTH = _utils.COLUMN_BASE_WIDTH * 22;
 var keyBasedWidthMap = {
   priority: _utils.COLUMN_BASE_WIDTH * 8,
-  status: _utils.COLUMN_BASE_WIDTH * 18,
+  status: _utils.COLUMN_BASE_WIDTH * 15,
   summary: _utils.COLUMN_BASE_WIDTH * 45,
   description: _utils.COLUMN_BASE_WIDTH * 31,
   type: _utils.COLUMN_BASE_WIDTH * 6,

package/dist/cjs/ui/issue-like-table/render-type/icon/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ICON_TYPE_TEST_ID = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _image = _interopRequireDefault(require("@atlaskit/image"));
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
@@ -22,7 +21,7 @@ var IconRenderType = function IconRenderType(_ref) {
     source = _ref.source,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? ICON_TYPE_TEST_ID : _ref$testId;
-  return /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement(_image.default, {
+  return /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
     src: source,
     alt: label,
     "data-testid": testId

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

@@ -31,7 +31,7 @@ var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
     case 'string':
       return typedNewValue.values[0] || '';
     case 'status':
-      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.id) || '';
+      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.transitionId) || '';
   }
   throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
 };

package/dist/cjs/ui/issue-like-table/utils.js

@@ -8,7 +8,8 @@ var _types = require("../../analytics/types");
 var COLUMN_BASE_WIDTH = exports.COLUMN_BASE_WIDTH = 8;
 var COLUMN_MIN_WIDTH = COLUMN_BASE_WIDTH * 4;
 var keyBasedMinWidthMap = {
-  summary: COLUMN_BASE_WIDTH * 26
+  summary: COLUMN_BASE_WIDTH * 26,
+  status: COLUMN_BASE_WIDTH * 15
 };
 var getColumnMinWidth = exports.getColumnMinWidth = function getColumnMinWidth(key) {
   return keyBasedMinWidthMap[key] || COLUMN_MIN_WIDTH;

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

@@ -243,13 +243,17 @@ export const useExecuteAtomicAction = ({
         }
       }
     }).then(resp => {
+      fireEvent('operational.fetchActionExecution.success', {
+        integrationKey: integrationKey,
+        experience: 'datasource'
+      });
       return resp;
     }).catch(error => {
-      captureError('actionExecution', error); // fetchActionExecution
+      captureError('fetchActionExecution', error);
       // Rethrow up to component for flags and other handling
       throw error;
     });
-  }, [fetchSchema, executeAction, integrationKey, ari, captureError]);
+  }, [fetchSchema, executeAction, integrationKey, ari, fireEvent, captureError]);
   return {
     ...(schema && {
       execute

package/dist/es2019/ui/issue-like-table/edit-type/status/index.js

@@ -75,13 +75,12 @@ const loadOptions = async (currentValue, executeFetch) => {
       entities
     } = result;
     if (operationStatus === ActionOperationStatus.SUCCESS && entities) {
-      return new Promise(resolve => {
-        setTimeout(() => resolve(entities.map(entity => ({
-          id: entity.id,
-          text: entity.text,
-          style: entity.style
-        }))), 1000);
-      });
+      return entities.map(entity => ({
+        id: entity.id,
+        text: entity.text,
+        style: entity.style,
+        transitionId: entity.transitionId
+      }));
     }
   }
   return [];

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

@@ -260,7 +260,7 @@ export const getOrderedColumns = (columns, visibleColumnKeys) => {
 const DEFAULT_WIDTH = COLUMN_BASE_WIDTH * 22;
 const keyBasedWidthMap = {
   priority: COLUMN_BASE_WIDTH * 8,
-  status: COLUMN_BASE_WIDTH * 18,
+  status: COLUMN_BASE_WIDTH * 15,
   summary: COLUMN_BASE_WIDTH * 45,
   description: COLUMN_BASE_WIDTH * 31,
   type: COLUMN_BASE_WIDTH * 6,

package/dist/es2019/ui/issue-like-table/render-type/icon/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-import Image from '@atlaskit/image';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const IconWrapper = styled.div({
   display: 'flex',
@@ -15,7 +14,7 @@ const IconRenderType = ({
   source,
   testId = ICON_TYPE_TEST_ID
 }) => {
-  return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Image, {
+  return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement("img", {
     src: source,
     alt: label,
     "data-testid": testId

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

@@ -16,7 +16,7 @@ const getBackendUpdateValue = typedNewValue => {
     case 'string':
       return typedNewValue.values[0] || '';
     case 'status':
-      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.id) || '';
+      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.transitionId) || '';
   }
   throw new Error(`Datasource 2 way sync Backend update value not implemented for type ${typedNewValue.type}`);
 };

package/dist/es2019/ui/issue-like-table/utils.js

@@ -2,7 +2,8 @@ import { DatasourceAction } from '../../analytics/types';
 export const COLUMN_BASE_WIDTH = 8;
 const COLUMN_MIN_WIDTH = COLUMN_BASE_WIDTH * 4;
 const keyBasedMinWidthMap = {
-  summary: COLUMN_BASE_WIDTH * 26
+  summary: COLUMN_BASE_WIDTH * 26,
+  status: COLUMN_BASE_WIDTH * 15
 };
 export const getColumnMinWidth = key => {
   return keyBasedMinWidthMap[key] || COLUMN_MIN_WIDTH;

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

@@ -250,13 +250,17 @@ export var useExecuteAtomicAction = function useExecuteAtomicAction(_ref5) {
         }
       }
     }).then(function (resp) {
+      fireEvent('operational.fetchActionExecution.success', {
+        integrationKey: integrationKey,
+        experience: 'datasource'
+      });
       return resp;
     }).catch(function (error) {
-      captureError('actionExecution', error); // fetchActionExecution
+      captureError('fetchActionExecution', error);
       // Rethrow up to component for flags and other handling
       throw error;
     });
-  }, [fetchSchema, executeAction, integrationKey, ari, captureError]);
+  }, [fetchSchema, executeAction, integrationKey, ari, fireEvent, captureError]);
   return _objectSpread(_objectSpread({}, schema && {
     execute: execute
   }), fetchSchema && {

package/dist/esm/ui/issue-like-table/edit-type/status/index.js

@@ -95,16 +95,13 @@ var loadOptions = /*#__PURE__*/function () {
             _context.next = 7;
             break;
           }
-          return _context.abrupt("return", new Promise(function (resolve) {
-            setTimeout(function () {
-              return resolve(entities.map(function (entity) {
-                return {
-                  id: entity.id,
-                  text: entity.text,
-                  style: entity.style
-                };
-              }));
-            }, 1000);
+          return _context.abrupt("return", entities.map(function (entity) {
+            return {
+              id: entity.id,
+              text: entity.text,
+              style: entity.style,
+              transitionId: entity.transitionId
+            };
           }));
         case 7:
           return _context.abrupt("return", []);

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

@@ -230,7 +230,7 @@ export var getOrderedColumns = function getOrderedColumns(columns, visibleColumn
 var DEFAULT_WIDTH = COLUMN_BASE_WIDTH * 22;
 var keyBasedWidthMap = {
   priority: COLUMN_BASE_WIDTH * 8,
-  status: COLUMN_BASE_WIDTH * 18,
+  status: COLUMN_BASE_WIDTH * 15,
   summary: COLUMN_BASE_WIDTH * 45,
   description: COLUMN_BASE_WIDTH * 31,
   type: COLUMN_BASE_WIDTH * 6,

package/dist/esm/ui/issue-like-table/render-type/icon/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-import Image from '@atlaskit/image';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var IconWrapper = styled.div({
   display: 'flex',
@@ -15,7 +14,7 @@ var IconRenderType = function IconRenderType(_ref) {
     source = _ref.source,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? ICON_TYPE_TEST_ID : _ref$testId;
-  return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Image, {
+  return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement("img", {
     src: source,
     alt: label,
     "data-testid": testId

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

@@ -21,7 +21,7 @@ var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
     case 'string':
       return typedNewValue.values[0] || '';
     case 'status':
-      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.id) || '';
+      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.transitionId) || '';
   }
   throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
 };

package/dist/esm/ui/issue-like-table/utils.js

@@ -2,7 +2,8 @@ import { DatasourceAction } from '../../analytics/types';
 export var COLUMN_BASE_WIDTH = 8;
 var COLUMN_MIN_WIDTH = COLUMN_BASE_WIDTH * 4;
 var keyBasedMinWidthMap = {
-  summary: COLUMN_BASE_WIDTH * 26
+  summary: COLUMN_BASE_WIDTH * 26,
+  status: COLUMN_BASE_WIDTH * 15
 };
 export var getColumnMinWidth = function getColumnMinWidth(key) {
   return keyBasedMinWidthMap[key] || COLUMN_MIN_WIDTH;

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::b6f8bb0286018a13a19546bc9fd67e2e>>
+ * @codegen <<SignedSource::6b271484f56c37f6170c6468edcab44c>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -68,7 +68,7 @@ export type DatasourceRenderSuccessAttributesType = {
 };
 export type DatasourceRenderFailureAttributesType = {};
 export type DatasourceOperationFailedAttributesType = {
-    errorLocation: 'ProviderOnAuthRequest' | 'loadDatasourceDetails' | 'onNextPage' | 'actionDiscovery' | 'actionExecution' | null;
+    errorLocation: 'ProviderOnAuthRequest' | 'loadDatasourceDetails' | 'onNextPage' | 'actionDiscovery' | 'actionExecution' | 'fetchActionExecution' | null;
     traceId: string | null;
     status: number | null;
     reason: 'response' | 'network' | 'internal' | 'unknown' | null;
@@ -146,6 +146,10 @@ export type ActionExecutionSuccessAttributesType = {
     integrationKey: string;
     experience: 'datasource';
 };
+export type FetchActionExecutionSuccessAttributesType = {
+    integrationKey: string;
+    experience: 'datasource';
+};
 export type ActionDiscoverySuccessAttributesType = {
     experience: 'datasource';
     entityType: string;
@@ -278,6 +282,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when an atomic action execution is successful */
     'operational.actionExecution.success': ActionExecutionSuccessAttributesType;
+    /**
+     * Fired when a fetch atomic action execution is successful */
+    'operational.fetchActionExecution.success': FetchActionExecutionSuccessAttributesType;
     /**
      * Fired when the action discovery and permissions request is successful. */
     'operational.actionDiscovery.success': ActionDiscoverySuccessAttributesType;

package/dist/types/state/actions/index.d.ts

@@ -112,7 +112,7 @@ export declare const useExecuteAtomicAction: ({ ari, fieldKey, integrationKey, }
     fieldKey: string;
     integrationKey: string;
 }) => {
-    execute?: ((value: (string | number)) => Promise<AtomicActionExecuteResponse<unknown>>) | undefined;
+    execute?: ((value: string | number) => Promise<AtomicActionExecuteResponse<unknown>>) | undefined;
     executeFetch?: (<E>(inputs: any) => Promise<E>) | undefined;
 };
 export {};

package/dist/types/ui/issue-like-table/edit-type/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch }: {
+export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch, }: {
     defaultValue: DatasourceTypeWithOnlyValues;
     currentValue: DatasourceTypeWithOnlyValues;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;

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::b6f8bb0286018a13a19546bc9fd67e2e>>
+ * @codegen <<SignedSource::6b271484f56c37f6170c6468edcab44c>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -68,7 +68,7 @@ export type DatasourceRenderSuccessAttributesType = {
 };
 export type DatasourceRenderFailureAttributesType = {};
 export type DatasourceOperationFailedAttributesType = {
-    errorLocation: 'ProviderOnAuthRequest' | 'loadDatasourceDetails' | 'onNextPage' | 'actionDiscovery' | 'actionExecution' | null;
+    errorLocation: 'ProviderOnAuthRequest' | 'loadDatasourceDetails' | 'onNextPage' | 'actionDiscovery' | 'actionExecution' | 'fetchActionExecution' | null;
     traceId: string | null;
     status: number | null;
     reason: 'response' | 'network' | 'internal' | 'unknown' | null;
@@ -146,6 +146,10 @@ export type ActionExecutionSuccessAttributesType = {
     integrationKey: string;
     experience: 'datasource';
 };
+export type FetchActionExecutionSuccessAttributesType = {
+    integrationKey: string;
+    experience: 'datasource';
+};
 export type ActionDiscoverySuccessAttributesType = {
     experience: 'datasource';
     entityType: string;
@@ -278,6 +282,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when an atomic action execution is successful */
     'operational.actionExecution.success': ActionExecutionSuccessAttributesType;
+    /**
+     * Fired when a fetch atomic action execution is successful */
+    'operational.fetchActionExecution.success': FetchActionExecutionSuccessAttributesType;
     /**
      * Fired when the action discovery and permissions request is successful. */
     'operational.actionDiscovery.success': ActionDiscoverySuccessAttributesType;

package/dist/types-ts4.5/state/actions/index.d.ts

@@ -112,7 +112,7 @@ export declare const useExecuteAtomicAction: ({ ari, fieldKey, integrationKey, }
     fieldKey: string;
     integrationKey: string;
 }) => {
-    execute?: ((value: (string | number)) => Promise<AtomicActionExecuteResponse<unknown>>) | undefined;
+    execute?: ((value: string | number) => Promise<AtomicActionExecuteResponse<unknown>>) | undefined;
     executeFetch?: (<E>(inputs: any) => Promise<E>) | undefined;
 };
 export {};

package/dist/types-ts4.5/ui/issue-like-table/edit-type/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch }: {
+export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch, }: {
     defaultValue: DatasourceTypeWithOnlyValues;
     currentValue: DatasourceTypeWithOnlyValues;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.8.0",
+	"version": "3.8.3",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -59,7 +59,7 @@
 		"@atlaskit/layering": "^0.7.0",
 		"@atlaskit/link-client-extension": "^2.4.0",
 		"@atlaskit/linking-common": "^6.0.0",
-		"@atlaskit/linking-types": "^9.3.0",
+		"@atlaskit/linking-types": "^9.4.0",
 		"@atlaskit/logo": "^14.3.0",
 		"@atlaskit/lozenge": "^11.12.0",
 		"@atlaskit/modal-dialog": "^12.17.0",
@@ -71,14 +71,14 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^1.2.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.0",
 		"@atlaskit/primitives": "^13.0.0",
-		"@atlaskit/select": "^18.4.0",
+		"@atlaskit/select": "^18.5.0",
 		"@atlaskit/smart-card": "^30.2.0",
 		"@atlaskit/smart-user-picker": "6.11.1",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tag": "^12.6.0",
 		"@atlaskit/textfield": "6.5.4",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.1.0",
+		"@atlaskit/tokens": "^2.2.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/width-detector": "^4.3.0",