@atlaskit/link-datasource 2.11.8 → 2.11.10

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/link-datasource
 
+## 2.11.10
+
+### Patch Changes
+
+- [#130811](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/130811)
+  [`3e95e200fd9e8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3e95e200fd9e8) -
+  Fire event when action discovery has been successful
+- Updated dependencies
+
+## 2.11.9
+
+### Patch Changes
+
+- [#133592](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/133592)
+  [`4f2ae93fd3ff1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4f2ae93fd3ff1) -
+  [ux] Makes IssueLikeTable td cells have a consistent minHeight of 40px and border of 1px, and
+  fixes several visual bugs with the edit view of InlineEdit cell
+- Updated dependencies
+
 ## 2.11.8
 
 ### Patch Changes

package/dist/cjs/hooks/useDatasourceTableState.js

@@ -31,7 +31,8 @@ var useDatasourceTableState = exports.useDatasourceTableState = function useData
   var _useDatasourceActions = (0, _state.useDatasourceActions)(),
     onAddItems = _useDatasourceActions.onAddItems;
   var _useDiscoverActions = (0, _actions.useDiscoverActions)({
-      captureError: captureError
+      captureError: captureError,
+      fireEvent: fireEvent
     }),
     discoverActions = _useDiscoverActions.discoverActions;
   var idFieldCount = 1;

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

@@ -7,13 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.useExecuteAtomicAction = exports.useDiscoverActions = exports.useAtomicUpdateActionSchema = exports.actions = exports.ActionsStore = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
 var _reactSweetState = require("react-sweet-state");
 var _linkClientExtension = require("@atlaskit/link-client-extension");
-var _excluded = ["aris", "fieldKeys"];
 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; }
 /**
@@ -57,10 +55,10 @@ var getInitialState = function getInitialState() {
   };
 };
 var actions = exports.actions = {
-  discoverActions: function discoverActions(captureError, api, request) {
+  discoverActions: function discoverActions(captureError, fireEvent, api, request) {
     return /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-        var setState, getState, response, _getState, currentActions, currentPermissions, actionsByIntegration, permissions, aris, fieldKeys, rest;
+        var setState, getState, response, _getState, currentActions, currentPermissions, actionsByIntegration, permissions;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -87,19 +85,23 @@ var actions = exports.actions = {
                   actionsByIntegration: actionsByIntegration,
                   permissions: permissions
                 });
+                fireEvent('operational.actionDiscovery.success', {
+                  integrationKey: 'integrationKey' in request ? request.integrationKey : null,
+                  datasourceId: 'datasourceId' in request ? request.datasourceId : null,
+                  entityType: request.entityType,
+                  experience: 'datasource'
+                });
               }
-              _context.next = 12;
+              _context.next = 11;
               break;
             case 8:
               _context.prev = 8;
               _context.t0 = _context["catch"](1);
               /**
-               * Requests can be made with datasourceId or integrationKey
-               * We only want one of them with entityType, leave the rest out.
+               * captureError was already initialised with integrationKey or datasourceId
                */
-              aris = request.aris, fieldKeys = request.fieldKeys, rest = (0, _objectWithoutProperties2.default)(request, _excluded);
-              captureError('actionDiscovery', _context.t0, rest);
-            case 12:
+              captureError('actionDiscovery', _context.t0);
+            case 11:
             case "end":
               return _context.stop();
           }
@@ -118,17 +120,18 @@ var ActionsStore = exports.ActionsStore = (0, _reactSweetState.createStore)({
 });
 var useActionStoreActions = (0, _reactSweetState.createActionsHook)(ActionsStore);
 var useDiscoverActions = exports.useDiscoverActions = function useDiscoverActions(_ref3) {
-  var captureError = _ref3.captureError;
+  var captureError = _ref3.captureError,
+    fireEvent = _ref3.fireEvent;
   var _useDatasourceClientE = (0, _linkClientExtension.useDatasourceClientExtension)(),
     getDatasourceActionsAndPermissions = _useDatasourceClientE.getDatasourceActionsAndPermissions;
   var _useActionStoreAction = useActionStoreActions(),
     discoverActions = _useActionStoreAction.discoverActions;
   return {
     discoverActions: (0, _react.useMemo)(function () {
-      return discoverActions.bind(null, captureError, {
+      return discoverActions.bind(null, captureError, fireEvent, {
         getDatasourceActionsAndPermissions: getDatasourceActionsAndPermissions
       });
-    }, [captureError, discoverActions, getDatasourceActionsAndPermissions])
+    }, [captureError, discoverActions, fireEvent, getDatasourceActionsAndPermissions])
   };
 };
 var getFieldUpdateActionByAri = function getFieldUpdateActionByAri(state, _ref4) {

package/dist/cjs/ui/assets-modal/search-container/aql-search-input/index.js

@@ -11,10 +11,10 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _button = require("@atlaskit/button");
 var _form = require("@atlaskit/form");
-var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-circle"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle"));
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/question-circle"));
 var _searchEditorSearch = _interopRequireDefault(require("@atlaskit/icon/core/migration/search--editor-search"));
+var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _colors = require("@atlaskit/theme/colors");
@@ -60,7 +60,7 @@ var renderValidatorIcon = function renderValidatorIcon(lastValidationResult) {
     });
   }
   if (lastValidationResult.type === 'valid') {
-    return (0, _react2.jsx)(_checkCircle.default, {
+    return (0, _react2.jsx)(_successCheckCircle.default, {
       label: "label",
       color: "var(--ds-icon-success, ".concat(_colors.G300, ")"),
       LEGACY_size: "medium",

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

@@ -15,7 +15,11 @@ var TextEditType = function TextEditType(props) {
   }, /*#__PURE__*/_react.default.createElement(_textfield.default, (0, _extends2.default)({}, props, {
     autoFocus: true,
     isCompact: true,
-    testId: "inline-edit-text"
+    testId: "inline-edit-text",
+    style: {
+      // We need 8px left padding to match read only version, but there is already 1px of border
+      padding: "var(--ds-space-100, 8px)".concat(" calc(", "var(--ds-space-100, 8px)", " - 1px)")
+    }
   })));
 };
 var _default = exports.default = TextEditType;

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

@@ -81,10 +81,12 @@ var TableCell = exports.TableCell = _styled.default.td((_styled$td = {}, (0, _de
   padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
   border: 0,
   minWidth: 'auto',
+  height: '32px',
   verticalAlign: 'inherit',
-  boxSizing: 'border-box',
-  borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
-  borderBottom: "0.5px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
+  boxSizing: 'content-box',
+  // Due to padding, content-box makes td height 40px equal to InlineEdit on height of 32px
+  borderRight: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
+  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
   overflow: 'hidden'
 }), (0, _defineProperty2.default)(_styled$td, "".concat(withTablePluginBodyPrefix('&:first-child')), {
   paddingLeft: "var(--ds-space-100, 8px)"
@@ -103,10 +105,11 @@ var InlineEditableTableCell = exports.InlineEditableTableCell = _styled.default.
   padding: "var(--ds-space-0, 0)".concat(" ", "var(--ds-space-0, 0)"),
   border: 0,
   minWidth: 'auto',
+  height: '40px',
   verticalAlign: 'inherit',
-  boxSizing: 'border-box',
-  borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
-  borderBottom: "0.5px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
+  boxSizing: 'content-box',
+  borderRight: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
+  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
   overflow: 'hidden'
 }), (0, _defineProperty2.default)(_styled$td2, "".concat(withTablePluginBodyPrefix('&:last-child')), {
   borderRight: 0

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

@@ -15,10 +15,13 @@ var _editType = require("../edit-type");
 var _renderType = require("../render-type");
 var _truncateTextTag = require("../truncate-text-tag");
 var _inlineEdit = require("./inline-edit");
-var truncateTextStyles = (0, _primitives.xcss)({
+var readViewStyles = (0, _primitives.xcss)({
   textOverflow: 'ellipsis',
   overflow: 'hidden',
-  width: '100%'
+  width: '100%',
+  // Compensates for 2px from both top and bottom taken by InlneEdit (from transparent border in read-view mode and border+padding in edit view)
+  minHeight: 'calc(40px - 2px * 2)',
+  alignContent: 'center'
 });
 var TooltipWrapper = function TooltipWrapper(_ref) {
   var columnKey = _ref.columnKey,
@@ -98,7 +101,7 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
     testId: "inline-edit-read-view",
     paddingInline: isEditable ? 'space.075' : 'space.100',
     paddingBlock: "space.050",
-    xcss: truncateTextStyles
+    xcss: readViewStyles
   }, renderItem(values)));
   if (!isEditable) {
     return readView;
@@ -149,7 +152,7 @@ var TableCellContent = exports.TableCellContent = function TableCellContent(_ref
     testId: "inline-edit-read-view",
     paddingInline: "space.100",
     paddingBlock: "space.050",
-    xcss: truncateTextStyles
+    xcss: readViewStyles
   }, /*#__PURE__*/_react.default.createElement(ReadOnlyCell, {
     id: id,
     columnKey: columnKey,

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

@@ -21,7 +21,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
-var containerStyles = (0, _primitives.xcss)({
+var editContainerStyles = (0, _primitives.xcss)({
   marginBlockStart: 'space.negative.100'
 });
 var mapUpdatedItem = function mapUpdatedItem(type, existingItem, columnKey, newValue) {
@@ -82,7 +82,7 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
     setIsEditing(false);
   }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, execute, showErrorFlag, captureError]);
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: containerStyles
+    xcss: editContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)(datasourceTypeWithValues), {
     hideActionButtons: true,
     readView: function readView() {

package/dist/es2019/hooks/useDatasourceTableState.js

@@ -25,7 +25,8 @@ export const useDatasourceTableState = ({
   const {
     discoverActions
   } = useDiscoverActions({
-    captureError
+    captureError,
+    fireEvent
   });
   const idFieldCount = 1;
   const keyFieldCount = 1;

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

@@ -41,7 +41,7 @@ const getInitialState = () => ({
   permissions: {}
 });
 export const actions = {
-  discoverActions: (captureError, api, request) => async ({
+  discoverActions: (captureError, fireEvent, api, request) => async ({
     setState,
     getState
   }) => {
@@ -75,18 +75,18 @@ export const actions = {
           actionsByIntegration,
           permissions
         });
+        fireEvent('operational.actionDiscovery.success', {
+          integrationKey: 'integrationKey' in request ? request.integrationKey : null,
+          datasourceId: 'datasourceId' in request ? request.datasourceId : null,
+          entityType: request.entityType,
+          experience: 'datasource'
+        });
       }
     } catch (error) {
       /**
-       * Requests can be made with datasourceId or integrationKey
-       * We only want one of them with entityType, leave the rest out.
+       * captureError was already initialised with integrationKey or datasourceId
        */
-      const {
-        aris,
-        fieldKeys,
-        ...rest
-      } = request;
-      captureError('actionDiscovery', error, rest);
+      captureError('actionDiscovery', error);
     }
   }
 };
@@ -97,7 +97,8 @@ export const ActionsStore = createStore({
 });
 const useActionStoreActions = createActionsHook(ActionsStore);
 export const useDiscoverActions = ({
-  captureError
+  captureError,
+  fireEvent
 }) => {
   const {
     getDatasourceActionsAndPermissions
@@ -106,9 +107,9 @@ export const useDiscoverActions = ({
     discoverActions
   } = useActionStoreActions();
   return {
-    discoverActions: useMemo(() => discoverActions.bind(null, captureError, {
+    discoverActions: useMemo(() => discoverActions.bind(null, captureError, fireEvent, {
       getDatasourceActionsAndPermissions
-    }), [captureError, discoverActions, getDatasourceActionsAndPermissions])
+    }), [captureError, discoverActions, fireEvent, getDatasourceActionsAndPermissions])
   };
 };
 const getFieldUpdateActionByAri = (state, {

package/dist/es2019/ui/assets-modal/search-container/aql-search-input/index.js

@@ -10,10 +10,10 @@ import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { LoadingButton } from '@atlaskit/button';
 import { ErrorMessage, Field } from '@atlaskit/form';
-import CheckCircleIcon from '@atlaskit/icon/core/migration/check-circle';
 import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
 import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
 import SearchIcon from '@atlaskit/icon/core/migration/search--editor-search';
+import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
 import Spinner from '@atlaskit/spinner';
 import Textfield from '@atlaskit/textfield';
 import { G300, N500, R400 } from '@atlaskit/theme/colors';

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

@@ -2,11 +2,17 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { UNSAFE_LAYERING } from '@atlaskit/layering';
 import Textfield from '@atlaskit/textfield';
-const TextEditType = props => /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
-  isDisabled: false
-}, /*#__PURE__*/React.createElement(Textfield, _extends({}, props, {
-  autoFocus: true,
-  isCompact: true,
-  testId: "inline-edit-text"
-})));
+const TextEditType = props => {
+  return /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
+    isDisabled: false
+  }, /*#__PURE__*/React.createElement(Textfield, _extends({}, props, {
+    autoFocus: true,
+    isCompact: true,
+    testId: "inline-edit-text",
+    style: {
+      // We need 8px left padding to match read only version, but there is already 1px of border
+      padding: `${"var(--ds-space-100, 8px)"} calc(${"var(--ds-space-100, 8px)"} - 1px)`
+    }
+  })));
+};
 export default TextEditType;

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

@@ -87,10 +87,12 @@ export const TableCell = styled.td({
     padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
     border: 0,
     minWidth: 'auto',
+    height: '32px',
     verticalAlign: 'inherit',
-    boxSizing: 'border-box',
-    borderRight: `0.5px solid ${`var(--ds-border, ${N40})`}`,
-    borderBottom: `0.5px solid ${`var(--ds-border, ${N40})`}`,
+    boxSizing: 'content-box',
+    // Due to padding, content-box makes td height 40px equal to InlineEdit on height of 32px
+    borderRight: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
+    borderBottom: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
     overflow: 'hidden'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -120,10 +122,11 @@ export const InlineEditableTableCell = styled.td({
     padding: `${"var(--ds-space-0, 0)"} ${"var(--ds-space-0, 0)"}`,
     border: 0,
     minWidth: 'auto',
+    height: '40px',
     verticalAlign: 'inherit',
-    boxSizing: 'border-box',
-    borderRight: `0.5px solid ${`var(--ds-border, ${N40})`}`,
-    borderBottom: `0.5px solid ${`var(--ds-border, ${N40})`}`,
+    boxSizing: 'content-box',
+    borderRight: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
+    borderBottom: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
     overflow: 'hidden'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766

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

@@ -8,10 +8,13 @@ import { isEditTypeSupported } from '../edit-type';
 import { stringifyType } from '../render-type';
 import { TruncateTextTag } from '../truncate-text-tag';
 import { InlineEdit } from './inline-edit';
-const truncateTextStyles = xcss({
+const readViewStyles = xcss({
   textOverflow: 'ellipsis',
   overflow: 'hidden',
-  width: '100%'
+  width: '100%',
+  // Compensates for 2px from both top and bottom taken by InlneEdit (from transparent border in read-view mode and border+padding in edit view)
+  minHeight: 'calc(40px - 2px * 2)',
+  alignContent: 'center'
 });
 const TooltipWrapper = ({
   columnKey,
@@ -91,7 +94,7 @@ const InlineEditableCell = ({
     testId: "inline-edit-read-view",
     paddingInline: isEditable ? 'space.075' : 'space.100',
     paddingBlock: "space.050",
-    xcss: truncateTextStyles
+    xcss: readViewStyles
   }, renderItem(values)));
   if (!isEditable) {
     return readView;
@@ -145,7 +148,7 @@ export const TableCellContent = ({
     testId: "inline-edit-read-view",
     paddingInline: "space.100",
     paddingBlock: "space.050",
-    xcss: truncateTextStyles
+    xcss: readViewStyles
   }, /*#__PURE__*/React.createElement(ReadOnlyCell, {
     id: id,
     columnKey: columnKey,

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

@@ -6,7 +6,7 @@ import { useDatasourceTableFlag } from '../../../hooks/useDatasourceTableFlag';
 import useErrorLogger from '../../../hooks/useErrorLogger';
 import { useDatasourceActions, useDatasourceItem } from '../../../state';
 import { editType } from '../edit-type';
-const containerStyles = xcss({
+const editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
 const mapUpdatedItem = (type, existingItem, columnKey, newValue) => {
@@ -71,7 +71,7 @@ export const InlineEdit = ({
     setIsEditing(false);
   }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, execute, showErrorFlag, captureError]);
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: containerStyles
+    xcss: editContainerStyles
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {
     hideActionButtons: true,
     readView: () => readView,

package/dist/esm/hooks/useDatasourceTableState.js

@@ -24,7 +24,8 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
   var _useDatasourceActions = useDatasourceActions(),
     onAddItems = _useDatasourceActions.onAddItems;
   var _useDiscoverActions = useDiscoverActions({
-      captureError: captureError
+      captureError: captureError,
+      fireEvent: fireEvent
     }),
     discoverActions = _useDiscoverActions.discoverActions;
   var idFieldCount = 1;

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

@@ -1,8 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-var _excluded = ["aris", "fieldKeys"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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; }
@@ -51,10 +49,10 @@ var getInitialState = function getInitialState() {
   };
 };
 export var actions = {
-  discoverActions: function discoverActions(captureError, api, request) {
+  discoverActions: function discoverActions(captureError, fireEvent, api, request) {
     return /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-        var setState, getState, response, _getState, currentActions, currentPermissions, actionsByIntegration, permissions, aris, fieldKeys, rest;
+        var setState, getState, response, _getState, currentActions, currentPermissions, actionsByIntegration, permissions;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -81,19 +79,23 @@ export var actions = {
                   actionsByIntegration: actionsByIntegration,
                   permissions: permissions
                 });
+                fireEvent('operational.actionDiscovery.success', {
+                  integrationKey: 'integrationKey' in request ? request.integrationKey : null,
+                  datasourceId: 'datasourceId' in request ? request.datasourceId : null,
+                  entityType: request.entityType,
+                  experience: 'datasource'
+                });
               }
-              _context.next = 12;
+              _context.next = 11;
               break;
             case 8:
               _context.prev = 8;
               _context.t0 = _context["catch"](1);
               /**
-               * Requests can be made with datasourceId or integrationKey
-               * We only want one of them with entityType, leave the rest out.
+               * captureError was already initialised with integrationKey or datasourceId
                */
-              aris = request.aris, fieldKeys = request.fieldKeys, rest = _objectWithoutProperties(request, _excluded);
-              captureError('actionDiscovery', _context.t0, rest);
-            case 12:
+              captureError('actionDiscovery', _context.t0);
+            case 11:
             case "end":
               return _context.stop();
           }
@@ -112,17 +114,18 @@ export var ActionsStore = createStore({
 });
 var useActionStoreActions = createActionsHook(ActionsStore);
 export var useDiscoverActions = function useDiscoverActions(_ref3) {
-  var captureError = _ref3.captureError;
+  var captureError = _ref3.captureError,
+    fireEvent = _ref3.fireEvent;
   var _useDatasourceClientE = useDatasourceClientExtension(),
     getDatasourceActionsAndPermissions = _useDatasourceClientE.getDatasourceActionsAndPermissions;
   var _useActionStoreAction = useActionStoreActions(),
     discoverActions = _useActionStoreAction.discoverActions;
   return {
     discoverActions: useMemo(function () {
-      return discoverActions.bind(null, captureError, {
+      return discoverActions.bind(null, captureError, fireEvent, {
         getDatasourceActionsAndPermissions: getDatasourceActionsAndPermissions
       });
-    }, [captureError, discoverActions, getDatasourceActionsAndPermissions])
+    }, [captureError, discoverActions, fireEvent, getDatasourceActionsAndPermissions])
   };
 };
 var getFieldUpdateActionByAri = function getFieldUpdateActionByAri(state, _ref4) {

package/dist/esm/ui/assets-modal/search-container/aql-search-input/index.js

@@ -10,10 +10,10 @@ import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { LoadingButton } from '@atlaskit/button';
 import { ErrorMessage, Field } from '@atlaskit/form';
-import CheckCircleIcon from '@atlaskit/icon/core/migration/check-circle';
 import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
 import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
 import SearchIcon from '@atlaskit/icon/core/migration/search--editor-search';
+import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
 import Spinner from '@atlaskit/spinner';
 import Textfield from '@atlaskit/textfield';
 import { G300, N500, R400 } from '@atlaskit/theme/colors';

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

@@ -8,7 +8,11 @@ var TextEditType = function TextEditType(props) {
   }, /*#__PURE__*/React.createElement(Textfield, _extends({}, props, {
     autoFocus: true,
     isCompact: true,
-    testId: "inline-edit-text"
+    testId: "inline-edit-text",
+    style: {
+      // We need 8px left padding to match read only version, but there is already 1px of border
+      padding: "var(--ds-space-100, 8px)".concat(" calc(", "var(--ds-space-100, 8px)", " - 1px)")
+    }
   })));
 };
 export default TextEditType;

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

@@ -75,10 +75,12 @@ export var TableCell = styled.td((_styled$td = {}, _defineProperty(_styled$td, "
   padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
   border: 0,
   minWidth: 'auto',
+  height: '32px',
   verticalAlign: 'inherit',
-  boxSizing: 'border-box',
-  borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
-  borderBottom: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
+  boxSizing: 'content-box',
+  // Due to padding, content-box makes td height 40px equal to InlineEdit on height of 32px
+  borderRight: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
+  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
   overflow: 'hidden'
 }), _defineProperty(_styled$td, "".concat(withTablePluginBodyPrefix('&:first-child')), {
   paddingLeft: "var(--ds-space-100, 8px)"
@@ -97,10 +99,11 @@ export var InlineEditableTableCell = styled.td((_styled$td2 = {}, _definePropert
   padding: "var(--ds-space-0, 0)".concat(" ", "var(--ds-space-0, 0)"),
   border: 0,
   minWidth: 'auto',
+  height: '40px',
   verticalAlign: 'inherit',
-  boxSizing: 'border-box',
-  borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
-  borderBottom: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
+  boxSizing: 'content-box',
+  borderRight: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
+  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
   overflow: 'hidden'
 }), _defineProperty(_styled$td2, "".concat(withTablePluginBodyPrefix('&:last-child')), {
   borderRight: 0

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

@@ -8,10 +8,13 @@ import { isEditTypeSupported } from '../edit-type';
 import { stringifyType } from '../render-type';
 import { TruncateTextTag } from '../truncate-text-tag';
 import { InlineEdit } from './inline-edit';
-var truncateTextStyles = xcss({
+var readViewStyles = xcss({
   textOverflow: 'ellipsis',
   overflow: 'hidden',
-  width: '100%'
+  width: '100%',
+  // Compensates for 2px from both top and bottom taken by InlneEdit (from transparent border in read-view mode and border+padding in edit view)
+  minHeight: 'calc(40px - 2px * 2)',
+  alignContent: 'center'
 });
 var TooltipWrapper = function TooltipWrapper(_ref) {
   var columnKey = _ref.columnKey,
@@ -91,7 +94,7 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
     testId: "inline-edit-read-view",
     paddingInline: isEditable ? 'space.075' : 'space.100',
     paddingBlock: "space.050",
-    xcss: truncateTextStyles
+    xcss: readViewStyles
   }, renderItem(values)));
   if (!isEditable) {
     return readView;
@@ -142,7 +145,7 @@ export var TableCellContent = function TableCellContent(_ref4) {
     testId: "inline-edit-read-view",
     paddingInline: "space.100",
     paddingBlock: "space.050",
-    xcss: truncateTextStyles
+    xcss: readViewStyles
   }, /*#__PURE__*/React.createElement(ReadOnlyCell, {
     id: id,
     columnKey: columnKey,

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

@@ -11,7 +11,7 @@ import { useDatasourceTableFlag } from '../../../hooks/useDatasourceTableFlag';
 import useErrorLogger from '../../../hooks/useErrorLogger';
 import { useDatasourceActions, useDatasourceItem } from '../../../state';
 import { editType } from '../edit-type';
-var containerStyles = xcss({
+var editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
 var mapUpdatedItem = function mapUpdatedItem(type, existingItem, columnKey, newValue) {
@@ -72,7 +72,7 @@ export var InlineEdit = function InlineEdit(_ref) {
     setIsEditing(false);
   }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, execute, showErrorFlag, captureError]);
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: containerStyles
+    xcss: editContainerStyles
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {
     hideActionButtons: true,
     readView: function readView() {

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::a526398bbb8839b31c26c69ef2845c19>>
+ * @codegen <<SignedSource::26fd2d06084d185e97be01b2070484ff>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -78,8 +78,8 @@ export type ProviderAuthSuccessAttributesType = {
 };
 export type ProviderAuthFailureAttributesType = {
     extensionKey: string | null;
-    reason: 'auth_window_closed' | 'invalid_request' | 'unauthorized_client' | 'access_denied' | 'unsupported_response_type' | 'invalid_scope' | 'server_error' | 'temporarily_unavailable' | 'authclientoauth2.autherror' | null;
     experience: 'datasource';
+    reason: 'auth_window_closed' | 'invalid_request' | 'unauthorized_client' | 'access_denied' | 'unsupported_response_type' | 'invalid_scope' | 'server_error' | 'temporarily_unavailable' | 'authclientoauth2.autherror' | null;
 };
 export type NextItemLoadedAttributesType = {
     destinationObjectTypes: unknown[];
@@ -141,6 +141,12 @@ export type ObjectSchemasSuccessAttributesType = {};
 export type ObjectSchemasFailedAttributesType = {
     statusCodeGroup: '1xx' | '3xx' | '4xx' | '5xx' | 'unknown';
 };
+export type ActionDiscoverySuccessAttributesType = {
+    experience: 'datasource';
+    entityType: string;
+    integrationKey: string | null;
+    datasourceId: string | null;
+};
 export type AnalyticsEventAttributes = {
     /**
      * Fires when user sees modal dialog. */
@@ -250,5 +256,8 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when fetching object schemas fails. */
     'operational.objectSchemas.failed': ObjectSchemasFailedAttributesType;
+    /**
+     * Fired when the action discovery and permissions request is successful. */
+    'operational.actionDiscovery.success': ActionDiscoverySuccessAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

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

@@ -1,6 +1,8 @@
 import { type Action } from 'react-sweet-state';
 import { useDatasourceClientExtension } from '@atlaskit/link-client-extension';
 import type { ActionsDiscoveryRequest, AtomicActionInterface } from '@atlaskit/linking-types';
+import { type EventKey } from '../../../src/analytics/generated/analytics.types';
+import type createEventPayload from '../../../src/analytics/generated/create-event-payload';
 type IntegrationKey = string;
 type FieldKey = string;
 /**
@@ -47,22 +49,26 @@ export interface ActionsStoreState {
 interface Client {
     getDatasourceActionsAndPermissions: ReturnType<typeof useDatasourceClientExtension>['getDatasourceActionsAndPermissions'];
 }
+type AnalyticsCaptureError = (errorLocation: string, error: unknown) => void;
+type AnalyticsFireEvent = <K extends EventKey>(...params: Parameters<typeof createEventPayload<K>>) => void;
+interface UseDiscoverActionsProps {
+    captureError: AnalyticsCaptureError;
+    fireEvent: AnalyticsFireEvent;
+}
 export declare const actions: {
-    discoverActions: (captureError: (errorLocation: string, error: unknown, extraInfo?: Record<string, any>) => void, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
+    discoverActions: (captureError: AnalyticsCaptureError, fireEvent: AnalyticsFireEvent, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
 };
 export declare const ActionsStore: import("react-sweet-state").Store<ActionsStoreState, {
-    discoverActions: (captureError: (errorLocation: string, error: unknown, extraInfo?: Record<string, any>) => void, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
+    discoverActions: (captureError: AnalyticsCaptureError, fireEvent: AnalyticsFireEvent, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
 }>;
-export declare const useDiscoverActions: ({ captureError, }: {
-    captureError: (errorLocation: string, error: unknown, extraInfo?: Record<string, any>) => void;
-}) => {
+export declare const useDiscoverActions: ({ captureError, fireEvent }: UseDiscoverActionsProps) => {
     discoverActions: (request: ActionsDiscoveryRequest) => void | Promise<void>;
 };
 /**
  * Retrieves the action schema for a given ARI + fieldKey + integrationKey
  */
 export declare const useAtomicUpdateActionSchema: import("react-sweet-state").HookFunction<Pick<AtomicActionInterface, "actionKey" | "type" | "description"> | undefined, import("react-sweet-state").BoundActions<ActionsStoreState, {
-    discoverActions: (captureError: (errorLocation: string, error: unknown, extraInfo?: Record<string, any>) => void, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
+    discoverActions: (captureError: AnalyticsCaptureError, fireEvent: AnalyticsFireEvent, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
 }>, {
     ari: string;
     fieldKey: string;

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::a526398bbb8839b31c26c69ef2845c19>>
+ * @codegen <<SignedSource::26fd2d06084d185e97be01b2070484ff>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -78,8 +78,8 @@ export type ProviderAuthSuccessAttributesType = {
 };
 export type ProviderAuthFailureAttributesType = {
     extensionKey: string | null;
-    reason: 'auth_window_closed' | 'invalid_request' | 'unauthorized_client' | 'access_denied' | 'unsupported_response_type' | 'invalid_scope' | 'server_error' | 'temporarily_unavailable' | 'authclientoauth2.autherror' | null;
     experience: 'datasource';
+    reason: 'auth_window_closed' | 'invalid_request' | 'unauthorized_client' | 'access_denied' | 'unsupported_response_type' | 'invalid_scope' | 'server_error' | 'temporarily_unavailable' | 'authclientoauth2.autherror' | null;
 };
 export type NextItemLoadedAttributesType = {
     destinationObjectTypes: unknown[];
@@ -141,6 +141,12 @@ export type ObjectSchemasSuccessAttributesType = {};
 export type ObjectSchemasFailedAttributesType = {
     statusCodeGroup: '1xx' | '3xx' | '4xx' | '5xx' | 'unknown';
 };
+export type ActionDiscoverySuccessAttributesType = {
+    experience: 'datasource';
+    entityType: string;
+    integrationKey: string | null;
+    datasourceId: string | null;
+};
 export type AnalyticsEventAttributes = {
     /**
      * Fires when user sees modal dialog. */
@@ -250,5 +256,8 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when fetching object schemas fails. */
     'operational.objectSchemas.failed': ObjectSchemasFailedAttributesType;
+    /**
+     * Fired when the action discovery and permissions request is successful. */
+    'operational.actionDiscovery.success': ActionDiscoverySuccessAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

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

@@ -1,6 +1,8 @@
 import { type Action } from 'react-sweet-state';
 import { useDatasourceClientExtension } from '@atlaskit/link-client-extension';
 import type { ActionsDiscoveryRequest, AtomicActionInterface } from '@atlaskit/linking-types';
+import { type EventKey } from '../../../src/analytics/generated/analytics.types';
+import type createEventPayload from '../../../src/analytics/generated/create-event-payload';
 type IntegrationKey = string;
 type FieldKey = string;
 /**
@@ -47,22 +49,26 @@ export interface ActionsStoreState {
 interface Client {
     getDatasourceActionsAndPermissions: ReturnType<typeof useDatasourceClientExtension>['getDatasourceActionsAndPermissions'];
 }
+type AnalyticsCaptureError = (errorLocation: string, error: unknown) => void;
+type AnalyticsFireEvent = <K extends EventKey>(...params: Parameters<typeof createEventPayload<K>>) => void;
+interface UseDiscoverActionsProps {
+    captureError: AnalyticsCaptureError;
+    fireEvent: AnalyticsFireEvent;
+}
 export declare const actions: {
-    discoverActions: (captureError: (errorLocation: string, error: unknown, extraInfo?: Record<string, any>) => void, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
+    discoverActions: (captureError: AnalyticsCaptureError, fireEvent: AnalyticsFireEvent, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
 };
 export declare const ActionsStore: import("react-sweet-state").Store<ActionsStoreState, {
-    discoverActions: (captureError: (errorLocation: string, error: unknown, extraInfo?: Record<string, any>) => void, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
+    discoverActions: (captureError: AnalyticsCaptureError, fireEvent: AnalyticsFireEvent, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
 }>;
-export declare const useDiscoverActions: ({ captureError, }: {
-    captureError: (errorLocation: string, error: unknown, extraInfo?: Record<string, any>) => void;
-}) => {
+export declare const useDiscoverActions: ({ captureError, fireEvent }: UseDiscoverActionsProps) => {
     discoverActions: (request: ActionsDiscoveryRequest) => void | Promise<void>;
 };
 /**
  * Retrieves the action schema for a given ARI + fieldKey + integrationKey
  */
 export declare const useAtomicUpdateActionSchema: import("react-sweet-state").HookFunction<Pick<AtomicActionInterface, "actionKey" | "type" | "description"> | undefined, import("react-sweet-state").BoundActions<ActionsStoreState, {
-    discoverActions: (captureError: (errorLocation: string, error: unknown, extraInfo?: Record<string, any>) => void, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
+    discoverActions: (captureError: AnalyticsCaptureError, fireEvent: AnalyticsFireEvent, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
 }>, {
     ari: string;
     fieldKey: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "2.11.8",
+	"version": "2.11.10",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/flag": "^15.8.0",
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/heading": "^2.4.0",
-		"@atlaskit/icon": "^22.14.0",
+		"@atlaskit/icon": "^22.15.0",
 		"@atlaskit/icon-object": "^6.5.0",
 		"@atlaskit/image": "^1.3.0",
 		"@atlaskit/inline-edit": "^13.7.0",
@@ -58,7 +58,7 @@
 		"@atlaskit/jql-editor": "^4.5.0",
 		"@atlaskit/jql-editor-autocomplete-rest": "^2.0.0",
 		"@atlaskit/layering": "^0.4.0",
-		"@atlaskit/link-client-extension": "^2.1.0",
+		"@atlaskit/link-client-extension": "^2.2.0",
 		"@atlaskit/linking-common": "^5.11.0",
 		"@atlaskit/linking-types": "^9.0.0",
 		"@atlaskit/logo": "^14.2.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.17.0",
+		"@atlaskit/smart-card": "^27.18.0",
 		"@atlaskit/smart-user-picker": "6.10.2",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tag": "^12.5.0",