@atlaskit/link-datasource 2.11.0 → 2.11.2

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
 import { useDatasourceItem } from '../../../state';
+import { useExecuteAtomicAction } from '../../../state/actions';
 import { isEditTypeSupported } from '../edit-type';
 import { stringifyType } from '../render-type';
 import { TruncateTextTag } from '../truncate-text-tag';
@@ -38,7 +38,7 @@ const TooltipWrapper = ({
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
-const ReadOnlyCell = ({
+export const ReadOnlyCell = ({
   id,
   columnType,
   wrappedColumnKeys = [],
@@ -50,7 +50,7 @@ const ReadOnlyCell = ({
     id
   })) === null || _useDatasourceItem === void 0 ? void 0 : _useDatasourceItem.data;
   if (!rowData || !columnKey || !rowData[columnKey]) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
+    return null;
   }
 
   // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
@@ -67,75 +67,89 @@ const ReadOnlyCell = ({
   }, renderItem(datasourceTypeWithValues));
 };
 const InlineEditableCell = ({
-  id,
+  ari,
+  values,
   columnKey,
-  columnType,
   renderItem,
+  integrationKey,
   wrappedColumnKeys
 }) => {
-  var _rowData$columnKey2;
-  const item = useDatasourceItem({
-    id
-  });
-  if (!item) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
+  // Execute fn is only returned when the field is editable and the action schema exists
   const {
-    data: rowData,
-    integrationKey,
-    ari
-  } = item;
-  if (!rowData || !columnKey || !rowData[columnKey]) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
-
-  // Check if field is editable
-  const isEditable = !!ari && !!integrationKey && isEditTypeSupported(columnType);
-
-  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
-  const value = (_rowData$columnKey2 = rowData[columnKey]) === null || _rowData$columnKey2 === void 0 ? void 0 : _rowData$columnKey2.data;
-  const values = Array.isArray(value) ? value : [value];
-  const datasourceTypeWithValues = {
-    type: columnType,
-    values
-  };
+    execute
+  } = useExecuteAtomicAction({
+    ari,
+    fieldKey: columnKey,
+    integrationKey
+  });
+  const isEditable = !!execute;
   const readView = /*#__PURE__*/React.createElement(TooltipWrapper, {
     columnKey: columnKey,
-    datasourceTypeWithValues: datasourceTypeWithValues,
+    datasourceTypeWithValues: values,
     wrappedColumnKeys: wrappedColumnKeys
   }, /*#__PURE__*/React.createElement(Box, {
     testId: "inline-edit-read-view",
     paddingInline: isEditable ? 'space.075' : 'space.100',
     paddingBlock: "space.050",
     xcss: truncateTextStyles
-  }, renderItem(datasourceTypeWithValues)));
-  return isEditable ? /*#__PURE__*/React.createElement(InlineEdit, {
+  }, renderItem(values)));
+  if (!isEditable) {
+    return readView;
+  }
+  return /*#__PURE__*/React.createElement(InlineEdit, {
     ari: ari,
+    execute: execute,
+    readView: readView,
     columnKey: columnKey,
-    datasourceTypeWithValues: datasourceTypeWithValues,
-    readView: readView
-  }) : readView;
+    datasourceTypeWithValues: values
+  });
 };
 export const TableCellContent = ({
+  id,
   columnKey,
   columnType,
-  id,
   renderItem,
   wrappedColumnKeys
 }) => {
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  const renderedContent = fg('platform-datasources-enable-two-way-sync') ? /*#__PURE__*/React.createElement(InlineEditableCell, {
-    id: id,
-    columnKey: columnKey,
-    columnType: columnType,
-    renderItem: renderItem,
-    wrappedColumnKeys: wrappedColumnKeys
-  }) : /*#__PURE__*/React.createElement(ReadOnlyCell, {
+  const item = useDatasourceItem({
+    id
+  });
+  if (item) {
+    const {
+      integrationKey,
+      ari,
+      data: rowData
+    } = item;
+    const isEditType = !!ari && !!integrationKey && rowData[columnKey] && isEditTypeSupported(columnType);
+    if (isEditType) {
+      var _rowData$columnKey2;
+      // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
+      const value = (_rowData$columnKey2 = rowData[columnKey]) === null || _rowData$columnKey2 === void 0 ? void 0 : _rowData$columnKey2.data;
+      const values = Array.isArray(value) ? value : [value];
+      const datasourceTypeWithValues = {
+        type: columnType,
+        values
+      };
+      return /*#__PURE__*/React.createElement(InlineEditableCell, {
+        ari: ari,
+        columnKey: columnKey,
+        renderItem: renderItem,
+        integrationKey: integrationKey,
+        values: datasourceTypeWithValues,
+        wrappedColumnKeys: wrappedColumnKeys
+      });
+    }
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: "inline-edit-read-view",
+    paddingInline: "space.100",
+    paddingBlock: "space.050",
+    xcss: truncateTextStyles
+  }, /*#__PURE__*/React.createElement(ReadOnlyCell, {
     id: id,
     columnKey: columnKey,
     columnType: columnType,
     wrappedColumnKeys: wrappedColumnKeys,
     renderItem: renderItem
-  });
-  return renderedContent;
+  }));
 };

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

@@ -2,8 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState } from 'react';
 import AKInlineEdit from '@atlaskit/inline-edit';
 import { Box, xcss } from '@atlaskit/primitives';
+import { getResourceUrl } from '../../../common/utils/response-item';
+import { useDatasourceTableFlag } from '../../../hooks/useDatasourceTableFlag';
 import { useDatasourceActions, useDatasourceItem } from '../../../state';
-import { useExecuteAtomicAction } from '../../../state/actions';
 import { editType } from '../edit-type';
 const containerStyles = xcss({
   marginBlockStart: 'space.negative.100'
@@ -23,27 +24,26 @@ const mapUpdatedItem = (type, existingItem, columnKey, newValue) => {
 };
 export const InlineEdit = ({
   ari,
+  execute,
+  readView,
   columnKey,
-  datasourceTypeWithValues,
-  readView
+  datasourceTypeWithValues
 }) => {
-  var _item$integrationKey;
   const [isEditing, setIsEditing] = useState(false);
   const item = useDatasourceItem({
     id: ari
   });
+  const url = getResourceUrl(item === null || item === void 0 ? void 0 : item.data);
+  const {
+    showErrorFlag
+  } = useDatasourceTableFlag({
+    url
+  });
   const {
     onUpdateItem
   } = useDatasourceActions();
-  const {
-    execute
-  } = useExecuteAtomicAction({
-    ari,
-    fieldKey: columnKey,
-    integrationKey: (_item$integrationKey = item === null || item === void 0 ? void 0 : item.integrationKey) !== null && _item$integrationKey !== void 0 ? _item$integrationKey : ''
-  });
   const onCommitUpdate = useCallback(value => {
-    if (!execute || !item) {
+    if (!item) {
       setIsEditing(false);
       return;
     }
@@ -55,12 +55,11 @@ export const InlineEdit = ({
     }
     onUpdateItem(ari, newItem);
     execute(value).catch(error => {
-      // eslint-disable-next-line no-console
-      console.error(error);
+      showErrorFlag();
       onUpdateItem(ari, existingData);
     });
     setIsEditing(false);
-  }, [ari, execute, datasourceTypeWithValues, item, columnKey, onUpdateItem]);
+  }, [ari, execute, datasourceTypeWithValues, item, columnKey, onUpdateItem, showErrorFlag]);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: containerStyles
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {

package/dist/esm/common/utils/response-item.js

@@ -0,0 +1,11 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+var isLink = function isLink(data) {
+  return _typeof(data) === 'object' && 'url' in data;
+};
+var getLinkTypeUrl = function getLinkTypeUrl(data) {
+  return isLink(data) ? data.url : undefined;
+};
+export var getResourceUrl = function getResourceUrl(data) {
+  var _data$key, _data$title;
+  return getLinkTypeUrl(data === null || data === void 0 || (_data$key = data['key']) === null || _data$key === void 0 ? void 0 : _data$key.data) || getLinkTypeUrl(data === null || data === void 0 || (_data$title = data['title']) === null || _data$title === void 0 ? void 0 : _data$title.data);
+};

package/dist/esm/hooks/useDatasourceTableFlag.js

@@ -0,0 +1,39 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
+import React, { useCallback, useMemo } from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import uuid from 'uuid';
+import { useFlags } from '@atlaskit/flag';
+import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
+import { issueLikeTableMessages } from '../ui/issue-like-table/messages';
+export var useDatasourceTableFlag = function useDatasourceTableFlag(options) {
+  var _useFlags = useFlags(),
+    showFlag = _useFlags.showFlag;
+  var actions = useMemo(function () {
+    var resourceLink = (options === null || options === void 0 ? void 0 : options.url) && {
+      content: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.goToResourceLink),
+      href: options === null || options === void 0 ? void 0 : options.url,
+      target: '_blank'
+    };
+    return resourceLink ? [resourceLink] : undefined;
+  }, [options === null || options === void 0 ? void 0 : options.url]);
+  var showErrorFlag = useCallback(function (args) {
+    showFlag(_objectSpread({
+      actions: actions,
+      description: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.updateErrorGenericDescription),
+      // We need IconTile (currently in beta) in order to scale the new icon to 24px
+      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+      icon: /*#__PURE__*/React.createElement(CrossCircleIcon, {
+        label: "Error",
+        primaryColor: "var(--ds-icon-danger, #C9372C)"
+      }),
+      id: uuid(),
+      isAutoDismiss: true,
+      title: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.updateErrorGenericTitle)
+    }, args));
+  }, [actions, showFlag]);
+  return {
+    showErrorFlag: showErrorFlag
+  };
+};

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

@@ -116,7 +116,7 @@ var getFieldUpdateActionByAri = function getFieldUpdateActionByAri(state, _ref3)
     fieldKey = _ref3.fieldKey,
     integrationKey = _ref3.integrationKey;
   var isEditable = (_state$permissions$ar = state.permissions[ari]) === null || _state$permissions$ar === void 0 || (_state$permissions$ar = _state$permissions$ar[fieldKey]) === null || _state$permissions$ar === void 0 ? void 0 : _state$permissions$ar.isEditable;
-  if (isEditable === false) {
+  if (!isEditable) {
     return;
   }
   return (_state$actionsByInteg = state.actionsByIntegration[integrationKey]) === null || _state$actionsByInteg === void 0 ? void 0 : _state$actionsByInteg[fieldKey];

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

@@ -18,6 +18,7 @@ import styled from '@emotion/styled';
 import debounce from 'lodash/debounce';
 import { useIntl } from 'react-intl-next';
 import invariant from 'tiny-invariant';
+import { FlagsProvider } from '@atlaskit/flag';
 import { Skeleton } from '@atlaskit/linking-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
@@ -38,7 +39,7 @@ import { DraggableTableHeading } from './draggable-table-heading';
 import TableEmptyState from './empty-state';
 import { renderType, stringifyType } from './render-type';
 import { InlineEditableTableCell, Table, TableCell, TableHeading, withTablePluginHeaderPrefix } from './styled';
-import { TableCellContent } from './table-cell-content';
+import { ReadOnlyCell, TableCellContent } from './table-cell-content';
 import { TruncateTextTag } from './truncate-text-tag';
 import { useIsOnScreen } from './useIsOnScreen';
 import { COLUMN_BASE_WIDTH, getWidthCss } from './utils';
@@ -467,7 +468,14 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
             return {
               key: key,
               columnKey: key,
-              content: jsx(TableCellContent, {
+              // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+              content: fg('platform-datasources-enable-two-way-sync') ? jsx(TableCellContent, {
+                id: id,
+                columnKey: key,
+                columnType: type,
+                wrappedColumnKeys: wrappedColumnKeys,
+                renderItem: renderItem
+              }) : jsx(ReadOnlyCell, {
                 id: id,
                 columnKey: key,
                 columnType: type,
@@ -581,7 +589,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     }, _callee, null, [[3, 9]]);
   })), [experienceId, extensionKey, hasFullSchema, onLoadDatasourceDetails]);
   var isEditable = onVisibleColumnKeysChange && hasData;
-  return jsx("div", {
+  var view = jsx("div", {
     /* There is required contentEditable={true} in editor-card-plugin
      * But this brakes how DND works. We set contentEditable={false} to allow DND to work
      * when dragging is initiated on top of a column label.
@@ -727,5 +735,6 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
       }
     }));
   }))));
+  return fg('platform-datasources-enable-two-way-sync') ? jsx(FlagsProvider, null, view) : view;
 };
 export var EmptyState = TableEmptyState;

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

@@ -1,5 +1,20 @@
 import { defineMessages } from 'react-intl-next';
 export var issueLikeTableMessages = defineMessages({
+  goToResourceLink: {
+    id: 'linkDataSource.issue-line-table.go-to-resource.nonfinal',
+    description: 'Link to navigate to the resource page',
+    defaultMessage: 'Go to item'
+  },
+  updateErrorGenericDescription: {
+    id: 'linkDataSource.issue-line-table.error-generic-description.nonfinal',
+    description: 'Generic error message description shown when updating issue field fails',
+    defaultMessage: 'We had an issue trying to complete the update. Refresh the page and try again.'
+  },
+  updateErrorGenericTitle: {
+    id: 'linkDataSource.issue-line-table.error-generic-title.nonfinal',
+    description: 'Generic error message title shown when updating issue field fails',
+    defaultMessage: 'Something went wrong'
+  },
   wrapText: {
     id: 'linkDataSource.issue-line-table.wrap-text',
     description: 'Table header Dropdown item for making whole column to wrap text',

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
 import { useDatasourceItem } from '../../../state';
+import { useExecuteAtomicAction } from '../../../state/actions';
 import { isEditTypeSupported } from '../edit-type';
 import { stringifyType } from '../render-type';
 import { TruncateTextTag } from '../truncate-text-tag';
@@ -40,7 +40,7 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
-var ReadOnlyCell = function ReadOnlyCell(_ref2) {
+export var ReadOnlyCell = function ReadOnlyCell(_ref2) {
   var _useDatasourceItem, _rowData$columnKey;
   var id = _ref2.id,
     columnType = _ref2.columnType,
@@ -52,7 +52,7 @@ var ReadOnlyCell = function ReadOnlyCell(_ref2) {
     id: id
   })) === null || _useDatasourceItem === void 0 ? void 0 : _useDatasourceItem.data;
   if (!rowData || !columnKey || !rowData[columnKey]) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
+    return null;
   }
 
   // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
@@ -69,71 +69,84 @@ var ReadOnlyCell = function ReadOnlyCell(_ref2) {
   }, renderItem(datasourceTypeWithValues));
 };
 var InlineEditableCell = function InlineEditableCell(_ref3) {
-  var _rowData$columnKey2;
-  var id = _ref3.id,
+  var ari = _ref3.ari,
+    values = _ref3.values,
     columnKey = _ref3.columnKey,
-    columnType = _ref3.columnType,
     renderItem = _ref3.renderItem,
+    integrationKey = _ref3.integrationKey,
     wrappedColumnKeys = _ref3.wrappedColumnKeys;
-  var item = useDatasourceItem({
-    id: id
-  });
-  if (!item) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
-  var rowData = item.data,
-    integrationKey = item.integrationKey,
-    ari = item.ari;
-  if (!rowData || !columnKey || !rowData[columnKey]) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
-
-  // Check if field is editable
-  var isEditable = !!ari && !!integrationKey && isEditTypeSupported(columnType);
-
-  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
-  var value = (_rowData$columnKey2 = rowData[columnKey]) === null || _rowData$columnKey2 === void 0 ? void 0 : _rowData$columnKey2.data;
-  var values = Array.isArray(value) ? value : [value];
-  var datasourceTypeWithValues = {
-    type: columnType,
-    values: values
-  };
+  // Execute fn is only returned when the field is editable and the action schema exists
+  var _useExecuteAtomicActi = useExecuteAtomicAction({
+      ari: ari,
+      fieldKey: columnKey,
+      integrationKey: integrationKey
+    }),
+    execute = _useExecuteAtomicActi.execute;
+  var isEditable = !!execute;
   var readView = /*#__PURE__*/React.createElement(TooltipWrapper, {
     columnKey: columnKey,
-    datasourceTypeWithValues: datasourceTypeWithValues,
+    datasourceTypeWithValues: values,
     wrappedColumnKeys: wrappedColumnKeys
   }, /*#__PURE__*/React.createElement(Box, {
     testId: "inline-edit-read-view",
     paddingInline: isEditable ? 'space.075' : 'space.100',
     paddingBlock: "space.050",
     xcss: truncateTextStyles
-  }, renderItem(datasourceTypeWithValues)));
-  return isEditable ? /*#__PURE__*/React.createElement(InlineEdit, {
+  }, renderItem(values)));
+  if (!isEditable) {
+    return readView;
+  }
+  return /*#__PURE__*/React.createElement(InlineEdit, {
     ari: ari,
+    execute: execute,
+    readView: readView,
     columnKey: columnKey,
-    datasourceTypeWithValues: datasourceTypeWithValues,
-    readView: readView
-  }) : readView;
+    datasourceTypeWithValues: values
+  });
 };
 export var TableCellContent = function TableCellContent(_ref4) {
-  var columnKey = _ref4.columnKey,
+  var id = _ref4.id,
+    columnKey = _ref4.columnKey,
     columnType = _ref4.columnType,
-    id = _ref4.id,
     renderItem = _ref4.renderItem,
     wrappedColumnKeys = _ref4.wrappedColumnKeys;
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  var renderedContent = fg('platform-datasources-enable-two-way-sync') ? /*#__PURE__*/React.createElement(InlineEditableCell, {
-    id: id,
-    columnKey: columnKey,
-    columnType: columnType,
-    renderItem: renderItem,
-    wrappedColumnKeys: wrappedColumnKeys
-  }) : /*#__PURE__*/React.createElement(ReadOnlyCell, {
+  var item = useDatasourceItem({
+    id: id
+  });
+  if (item) {
+    var integrationKey = item.integrationKey,
+      ari = item.ari,
+      rowData = item.data;
+    var isEditType = !!ari && !!integrationKey && rowData[columnKey] && isEditTypeSupported(columnType);
+    if (isEditType) {
+      var _rowData$columnKey2;
+      // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
+      var value = (_rowData$columnKey2 = rowData[columnKey]) === null || _rowData$columnKey2 === void 0 ? void 0 : _rowData$columnKey2.data;
+      var values = Array.isArray(value) ? value : [value];
+      var datasourceTypeWithValues = {
+        type: columnType,
+        values: values
+      };
+      return /*#__PURE__*/React.createElement(InlineEditableCell, {
+        ari: ari,
+        columnKey: columnKey,
+        renderItem: renderItem,
+        integrationKey: integrationKey,
+        values: datasourceTypeWithValues,
+        wrappedColumnKeys: wrappedColumnKeys
+      });
+    }
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: "inline-edit-read-view",
+    paddingInline: "space.100",
+    paddingBlock: "space.050",
+    xcss: truncateTextStyles
+  }, /*#__PURE__*/React.createElement(ReadOnlyCell, {
     id: id,
     columnKey: columnKey,
     columnType: columnType,
     wrappedColumnKeys: wrappedColumnKeys,
     renderItem: renderItem
-  });
-  return renderedContent;
+  }));
 };

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

@@ -6,8 +6,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useCallback, useState } from 'react';
 import AKInlineEdit from '@atlaskit/inline-edit';
 import { Box, xcss } from '@atlaskit/primitives';
+import { getResourceUrl } from '../../../common/utils/response-item';
+import { useDatasourceTableFlag } from '../../../hooks/useDatasourceTableFlag';
 import { useDatasourceActions, useDatasourceItem } from '../../../state';
-import { useExecuteAtomicAction } from '../../../state/actions';
 import { editType } from '../edit-type';
 var containerStyles = xcss({
   marginBlockStart: 'space.negative.100'
@@ -23,11 +24,11 @@ var mapUpdatedItem = function mapUpdatedItem(type, existingItem, columnKey, newV
   return null;
 };
 export var InlineEdit = function InlineEdit(_ref) {
-  var _item$integrationKey;
   var ari = _ref.ari,
+    execute = _ref.execute,
+    _readView = _ref.readView,
     columnKey = _ref.columnKey,
-    datasourceTypeWithValues = _ref.datasourceTypeWithValues,
-    _readView = _ref.readView;
+    datasourceTypeWithValues = _ref.datasourceTypeWithValues;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isEditing = _useState2[0],
@@ -35,16 +36,15 @@ export var InlineEdit = function InlineEdit(_ref) {
   var item = useDatasourceItem({
     id: ari
   });
+  var url = getResourceUrl(item === null || item === void 0 ? void 0 : item.data);
+  var _useDatasourceTableFl = useDatasourceTableFlag({
+      url: url
+    }),
+    showErrorFlag = _useDatasourceTableFl.showErrorFlag;
   var _useDatasourceActions = useDatasourceActions(),
     onUpdateItem = _useDatasourceActions.onUpdateItem;
-  var _useExecuteAtomicActi = useExecuteAtomicAction({
-      ari: ari,
-      fieldKey: columnKey,
-      integrationKey: (_item$integrationKey = item === null || item === void 0 ? void 0 : item.integrationKey) !== null && _item$integrationKey !== void 0 ? _item$integrationKey : ''
-    }),
-    execute = _useExecuteAtomicActi.execute;
   var onCommitUpdate = useCallback(function (value) {
-    if (!execute || !item) {
+    if (!item) {
       setIsEditing(false);
       return;
     }
@@ -56,12 +56,11 @@ export var InlineEdit = function InlineEdit(_ref) {
     }
     onUpdateItem(ari, newItem);
     execute(value).catch(function (error) {
-      // eslint-disable-next-line no-console
-      console.error(error);
+      showErrorFlag();
       onUpdateItem(ari, existingData);
     });
     setIsEditing(false);
-  }, [ari, execute, datasourceTypeWithValues, item, columnKey, onUpdateItem]);
+  }, [ari, execute, datasourceTypeWithValues, item, columnKey, onUpdateItem, showErrorFlag]);
   return /*#__PURE__*/React.createElement(Box, {
     xcss: containerStyles
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {

package/dist/types/common/utils/response-item.d.ts

@@ -0,0 +1,2 @@
+import type { DatasourceDataResponseItem } from '@atlaskit/linking-types';
+export declare const getResourceUrl: (data?: DatasourceDataResponseItem) => string | undefined;

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

@@ -0,0 +1,8 @@
+import { type CreateFlagArgs } from '@atlaskit/flag';
+interface DatasourceTableFlagOptions {
+    url?: string;
+}
+export declare const useDatasourceTableFlag: (options?: DatasourceTableFlagOptions) => {
+    showErrorFlag: (args?: Partial<CreateFlagArgs>) => void;
+};
+export {};

package/dist/types/ui/common/modal/cancel-button/index.d.ts

@@ -3,6 +3,6 @@ import { type ButtonClickedCancelAttributesType } from '../../../../analytics/ge
 export interface CancelButtonProps {
     getAnalyticsPayload: () => ButtonClickedCancelAttributesType;
     onCancel: () => void;
-    testId: string;
+    testId?: string;
 }
 export declare const CancelButton: ({ getAnalyticsPayload, onCancel, testId }: CancelButtonProps) => jsx.JSX.Element;

package/dist/types/ui/common/modal/insert-button/index.d.ts

@@ -6,7 +6,7 @@ import { type PropsWithChildren } from 'react';
 import { jsx } from '@emotion/react';
 import { type DatasourceParameters } from '@atlaskit/linking-types';
 export type InsertButtonProps<Parameters extends DatasourceParameters> = PropsWithChildren<{
-    testId: string;
+    testId?: string;
     url: string | undefined;
     getAnalyticsPayload: () => Record<string, any>;
     overwriteParameters?: (parameters: Parameters) => Parameters;

package/dist/types/ui/issue-like-table/messages.d.ts

@@ -1,4 +1,19 @@
 export declare const issueLikeTableMessages: {
+    goToResourceLink: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    updateErrorGenericDescription: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    updateErrorGenericTitle: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     wrapText: {
         id: string;
         description: string;

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

@@ -9,5 +9,6 @@ interface TableCellContentProps {
     renderItem: TableViewPropsRenderType;
     wrappedColumnKeys: string[] | undefined;
 }
-export declare const TableCellContent: ({ columnKey, columnType, id, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
+export declare const ReadOnlyCell: ({ id, columnType, wrappedColumnKeys, renderItem, columnKey, }: TableCellContentProps) => JSX.Element | null;
+export declare const TableCellContent: ({ id, columnKey, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
 export {};

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

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

package/dist/types-ts4.5/common/utils/response-item.d.ts

@@ -0,0 +1,2 @@
+import type { DatasourceDataResponseItem } from '@atlaskit/linking-types';
+export declare const getResourceUrl: (data?: DatasourceDataResponseItem) => string | undefined;