@atlaskit/link-datasource 3.11.1 → 3.12.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/link-datasource
 
+## 3.12.1
+
+### Patch Changes
+
+- [#167582](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/167582)
+  [`668b477adfc03`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/668b477adfc03) -
+  Prevent problem with VR Test FF permutations by enforcing depency of `react_sweet_state` for
+  `enable-two-way-sync`
+
+## 3.12.0
+
+### Minor Changes
+
+- [#166988](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166988)
+  [`0950f1f3c353f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0950f1f3c353f) -
+  [ux] EDM-11263 Add UFO metrics to inline-edit icon field
+
 ## 3.11.1
 
 ### Patch Changes

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

@@ -13,7 +13,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _linkingTypes = require("@atlaskit/linking-types");
 var _select = _interopRequireDefault(require("@atlaskit/select"));
+var _ufoExperiences = require("../../../../analytics/ufoExperiences");
+var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
+var _useDatasourceTableFlag = require("../../../../hooks/useDatasourceTableFlag");
 var _icon = require("../../shared-components/icon");
+var _inlineEdit = require("../../table-cell-content/inline-edit");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(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 && {}.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; }
 // FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
@@ -28,7 +32,23 @@ var IconEditType = function IconEditType(props) {
     executeFetch = props.executeFetch;
   var _usePriorityOptions = usePriorityOptions(currentValue, executeFetch),
     options = _usePriorityOptions.options,
-    isLoading = _usePriorityOptions.isLoading;
+    isLoading = _usePriorityOptions.isLoading,
+    hasFailed = _usePriorityOptions.hasFailed;
+  var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
+  (0, _react.useEffect)(function () {
+    if (!experienceId) {
+      return;
+    }
+    if (hasFailed) {
+      (0, _ufoExperiences.failUfoExperience)({
+        name: _inlineEdit.InlineEditUFOExperience
+      }, experienceId);
+    } else if (!isLoading) {
+      (0, _ufoExperiences.succeedUfoExperience)({
+        name: _inlineEdit.InlineEditUFOExperience
+      }, experienceId);
+    }
+  }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
     testId: "inline-edit-priority",
     autoFocus: true,
@@ -66,30 +86,45 @@ var filterOption = function filterOption(option, inputValue) {
 var usePriorityOptions = function usePriorityOptions(currentValue, executeFetch) {
   var _useState = (0, _react.useState)({
       isLoading: true,
-      options: []
+      options: [],
+      hasFailed: false
     }),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     _useState2$ = _useState2[0],
     options = _useState2$.options,
     isLoading = _useState2$.isLoading,
+    hasFailed = _useState2$.hasFailed,
     setOptions = _useState2[1];
+  var _useDatasourceTableFl = (0, _useDatasourceTableFlag.useDatasourceTableFlag)({
+      isFetchAction: true
+    }),
+    showErrorFlag = _useDatasourceTableFl.showErrorFlag;
   (0, _react.useEffect)(function () {
     var isMounted = true;
     loadOptions(currentValue, executeFetch).then(function (options) {
       if (isMounted) {
         setOptions({
           isLoading: false,
-          options: options
+          options: options,
+          hasFailed: false
         });
       }
+    }).catch(function (err) {
+      showErrorFlag();
+      setOptions({
+        isLoading: false,
+        options: [],
+        hasFailed: true
+      });
     });
     return function () {
       isMounted = false;
     };
-  }, [currentValue, executeFetch]);
+  }, [currentValue, executeFetch, showErrorFlag]);
   return {
     options: options,
-    isLoading: isLoading
+    isLoading: isLoading,
+    hasFailed: hasFailed
   };
 };
 
@@ -114,14 +149,20 @@ var loadOptions = /*#__PURE__*/function () {
           _yield$executeFetch = _context.sent;
           operationStatus = _yield$executeFetch.operationStatus;
           entities = _yield$executeFetch.entities;
-          if (!(operationStatus === _linkingTypes.ActionOperationStatus.SUCCESS && entities)) {
+          if (!(operationStatus === _linkingTypes.ActionOperationStatus.FAILURE)) {
             _context.next = 9;
             break;
           }
-          return _context.abrupt("return", entities);
+          throw new Error('Failed to fetch icon options');
         case 9:
+          if (!(operationStatus === _linkingTypes.ActionOperationStatus.SUCCESS && entities)) {
+            _context.next = 11;
+            break;
+          }
+          return _context.abrupt("return", entities);
+        case 11:
           return _context.abrupt("return", []);
-        case 10:
+        case 12:
         case "end":
           return _context.stop();
       }

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

@@ -719,35 +719,37 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
         shouldUseWidth: shouldUseWidth,
         width: width
       });
-
       // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      if ((0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync')) {
-        return (0, _react2.jsx)(_styled2.InlineEditableTableCell, {
-          key: cellKey,
-          "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
-          colSpan: isEditable && isLastCell ? 2 : undefined
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          ,
-          style: loadingRowStyle,
-          css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
-        }, content);
-      } else {
-        // extra padding is required around skeleton loader to avoid vertical jumps when data loads
-        if (key !== null && key !== void 0 && key.includes('loading')) {
-          loadingRowStyle = _objectSpread(_objectSpread({}, loadingRowStyle), {}, {
-            paddingBlock: "var(--ds-space-100, 8px)"
-          });
+      if ((0, _platformFeatureFlags.fg)('enable_datasource_react_sweet_state')) {
+        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+        if ((0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync')) {
+          return (0, _react2.jsx)(_styled2.InlineEditableTableCell, {
+            key: cellKey,
+            "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
+            colSpan: isEditable && isLastCell ? 2 : undefined
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+            ,
+            style: loadingRowStyle,
+            css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
+          }, content);
         }
-        return (0, _react2.jsx)(_styled2.TableCell, {
-          key: cellKey,
-          "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
-          colSpan: isEditable && isLastCell ? 2 : undefined
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          ,
-          style: loadingRowStyle,
-          css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
-        }, content);
       }
+
+      // extra padding is required around skeleton loader to avoid vertical jumps when data loads
+      if (key !== null && key !== void 0 && key.includes('loading')) {
+        loadingRowStyle = _objectSpread(_objectSpread({}, loadingRowStyle), {}, {
+          paddingBlock: "var(--ds-space-100, 8px)"
+        });
+      }
+      return (0, _react2.jsx)(_styled2.TableCell, {
+        key: cellKey,
+        "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
+        colSpan: isEditable && isLastCell ? 2 : undefined
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
+        style: loadingRowStyle,
+        css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
+      }, content);
     }));
   }))));
   return (0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync') ? (0, _react2.jsx)(_flag.FlagsProvider, null, view) : view;

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

@@ -5,7 +5,11 @@ import { ActionOperationStatus } from '@atlaskit/linking-types';
 // eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
 
 import Select from '@atlaskit/select';
+import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
+import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
+import { useDatasourceTableFlag } from '../../../../hooks/useDatasourceTableFlag';
 import { SharedIconComponent } from '../../shared-components/icon';
+import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
 /**
  * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
  */
@@ -17,8 +21,24 @@ const IconEditType = props => {
   } = props;
   const {
     options,
-    isLoading
+    isLoading,
+    hasFailed
   } = usePriorityOptions(currentValue, executeFetch);
+  const experienceId = useDatasourceExperienceId();
+  useEffect(() => {
+    if (!experienceId) {
+      return;
+    }
+    if (hasFailed) {
+      failUfoExperience({
+        name: InlineEditUFOExperience
+      }, experienceId);
+    } else if (!isLoading) {
+      succeedUfoExperience({
+        name: InlineEditUFOExperience
+      }, experienceId);
+    }
+  }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
     testId: "inline-edit-priority",
     autoFocus: true,
@@ -49,10 +69,17 @@ const filterOption = (option, inputValue) => option.label.toLowerCase().includes
 const usePriorityOptions = (currentValue, executeFetch) => {
   const [{
     options,
-    isLoading
+    isLoading,
+    hasFailed
   }, setOptions] = useState({
     isLoading: true,
-    options: []
+    options: [],
+    hasFailed: false
+  });
+  const {
+    showErrorFlag
+  } = useDatasourceTableFlag({
+    isFetchAction: true
   });
   useEffect(() => {
     let isMounted = true;
@@ -60,17 +87,26 @@ const usePriorityOptions = (currentValue, executeFetch) => {
       if (isMounted) {
         setOptions({
           isLoading: false,
-          options
+          options,
+          hasFailed: false
         });
       }
+    }).catch(err => {
+      showErrorFlag();
+      setOptions({
+        isLoading: false,
+        options: [],
+        hasFailed: true
+      });
     });
     return () => {
       isMounted = false;
     };
-  }, [currentValue, executeFetch]);
+  }, [currentValue, executeFetch, showErrorFlag]);
   return {
     options,
-    isLoading
+    isLoading,
+    hasFailed
   };
 };
 
@@ -85,6 +121,9 @@ const loadOptions = async (_currentValue, executeFetch) => {
     operationStatus,
     entities
   } = await executeFetch({});
+  if (operationStatus === ActionOperationStatus.FAILURE) {
+    throw new Error('Failed to fetch icon options');
+  }
   if (operationStatus === ActionOperationStatus.SUCCESS && entities) {
     // Map entities here if the backend type is different from the type required by the select
     return entities;

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

@@ -692,36 +692,38 @@ export const IssueLikeDataTableView = ({
       shouldUseWidth,
       width
     });
-
     // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    if (fg('platform-datasources-enable-two-way-sync')) {
-      return jsx(InlineEditableTableCell, {
-        key: cellKey,
-        "data-testid": testId && `${testId}--cell-${cellIndex}`,
-        colSpan: isEditable && isLastCell ? 2 : undefined
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        ,
-        style: loadingRowStyle,
-        css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
-      }, content);
-    } else {
-      // extra padding is required around skeleton loader to avoid vertical jumps when data loads
-      if (key !== null && key !== void 0 && key.includes('loading')) {
-        loadingRowStyle = {
-          ...loadingRowStyle,
-          paddingBlock: "var(--ds-space-100, 8px)"
-        };
+    if (fg('enable_datasource_react_sweet_state')) {
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+      if (fg('platform-datasources-enable-two-way-sync')) {
+        return jsx(InlineEditableTableCell, {
+          key: cellKey,
+          "data-testid": testId && `${testId}--cell-${cellIndex}`,
+          colSpan: isEditable && isLastCell ? 2 : undefined
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          ,
+          style: loadingRowStyle,
+          css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
+        }, content);
       }
-      return jsx(TableCell, {
-        key: cellKey,
-        "data-testid": testId && `${testId}--cell-${cellIndex}`,
-        colSpan: isEditable && isLastCell ? 2 : undefined
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        ,
-        style: loadingRowStyle,
-        css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
-      }, content);
     }
+
+    // extra padding is required around skeleton loader to avoid vertical jumps when data loads
+    if (key !== null && key !== void 0 && key.includes('loading')) {
+      loadingRowStyle = {
+        ...loadingRowStyle,
+        paddingBlock: "var(--ds-space-100, 8px)"
+      };
+    }
+    return jsx(TableCell, {
+      key: cellKey,
+      "data-testid": testId && `${testId}--cell-${cellIndex}`,
+      colSpan: isEditable && isLastCell ? 2 : undefined
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
+      style: loadingRowStyle,
+      css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
+    }, content);
   }))))));
   return fg('platform-datasources-enable-two-way-sync') ? jsx(FlagsProvider, null, view) : view;
 };

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

@@ -8,7 +8,11 @@ import { ActionOperationStatus } from '@atlaskit/linking-types';
 // eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
 
 import Select from '@atlaskit/select';
+import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
+import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
+import { useDatasourceTableFlag } from '../../../../hooks/useDatasourceTableFlag';
 import { SharedIconComponent } from '../../shared-components/icon';
+import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
 /**
  * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
  */
@@ -18,7 +22,23 @@ var IconEditType = function IconEditType(props) {
     executeFetch = props.executeFetch;
   var _usePriorityOptions = usePriorityOptions(currentValue, executeFetch),
     options = _usePriorityOptions.options,
-    isLoading = _usePriorityOptions.isLoading;
+    isLoading = _usePriorityOptions.isLoading,
+    hasFailed = _usePriorityOptions.hasFailed;
+  var experienceId = useDatasourceExperienceId();
+  useEffect(function () {
+    if (!experienceId) {
+      return;
+    }
+    if (hasFailed) {
+      failUfoExperience({
+        name: InlineEditUFOExperience
+      }, experienceId);
+    } else if (!isLoading) {
+      succeedUfoExperience({
+        name: InlineEditUFOExperience
+      }, experienceId);
+    }
+  }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
     testId: "inline-edit-priority",
     autoFocus: true,
@@ -56,30 +76,45 @@ var filterOption = function filterOption(option, inputValue) {
 var usePriorityOptions = function usePriorityOptions(currentValue, executeFetch) {
   var _useState = useState({
       isLoading: true,
-      options: []
+      options: [],
+      hasFailed: false
     }),
     _useState2 = _slicedToArray(_useState, 2),
     _useState2$ = _useState2[0],
     options = _useState2$.options,
     isLoading = _useState2$.isLoading,
+    hasFailed = _useState2$.hasFailed,
     setOptions = _useState2[1];
+  var _useDatasourceTableFl = useDatasourceTableFlag({
+      isFetchAction: true
+    }),
+    showErrorFlag = _useDatasourceTableFl.showErrorFlag;
   useEffect(function () {
     var isMounted = true;
     loadOptions(currentValue, executeFetch).then(function (options) {
       if (isMounted) {
         setOptions({
           isLoading: false,
-          options: options
+          options: options,
+          hasFailed: false
         });
       }
+    }).catch(function (err) {
+      showErrorFlag();
+      setOptions({
+        isLoading: false,
+        options: [],
+        hasFailed: true
+      });
     });
     return function () {
       isMounted = false;
     };
-  }, [currentValue, executeFetch]);
+  }, [currentValue, executeFetch, showErrorFlag]);
   return {
     options: options,
-    isLoading: isLoading
+    isLoading: isLoading,
+    hasFailed: hasFailed
   };
 };
 
@@ -104,14 +139,20 @@ var loadOptions = /*#__PURE__*/function () {
           _yield$executeFetch = _context.sent;
           operationStatus = _yield$executeFetch.operationStatus;
           entities = _yield$executeFetch.entities;
-          if (!(operationStatus === ActionOperationStatus.SUCCESS && entities)) {
+          if (!(operationStatus === ActionOperationStatus.FAILURE)) {
             _context.next = 9;
             break;
           }
-          return _context.abrupt("return", entities);
+          throw new Error('Failed to fetch icon options');
         case 9:
+          if (!(operationStatus === ActionOperationStatus.SUCCESS && entities)) {
+            _context.next = 11;
+            break;
+          }
+          return _context.abrupt("return", entities);
+        case 11:
           return _context.abrupt("return", []);
-        case 10:
+        case 12:
         case "end":
           return _context.stop();
       }

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

@@ -715,35 +715,37 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
         shouldUseWidth: shouldUseWidth,
         width: width
       });
-
       // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      if (fg('platform-datasources-enable-two-way-sync')) {
-        return jsx(InlineEditableTableCell, {
-          key: cellKey,
-          "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
-          colSpan: isEditable && isLastCell ? 2 : undefined
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          ,
-          style: loadingRowStyle,
-          css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
-        }, content);
-      } else {
-        // extra padding is required around skeleton loader to avoid vertical jumps when data loads
-        if (key !== null && key !== void 0 && key.includes('loading')) {
-          loadingRowStyle = _objectSpread(_objectSpread({}, loadingRowStyle), {}, {
-            paddingBlock: "var(--ds-space-100, 8px)"
-          });
+      if (fg('enable_datasource_react_sweet_state')) {
+        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+        if (fg('platform-datasources-enable-two-way-sync')) {
+          return jsx(InlineEditableTableCell, {
+            key: cellKey,
+            "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
+            colSpan: isEditable && isLastCell ? 2 : undefined
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+            ,
+            style: loadingRowStyle,
+            css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
+          }, content);
         }
-        return jsx(TableCell, {
-          key: cellKey,
-          "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
-          colSpan: isEditable && isLastCell ? 2 : undefined
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          ,
-          style: loadingRowStyle,
-          css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
-        }, content);
       }
+
+      // extra padding is required around skeleton loader to avoid vertical jumps when data loads
+      if (key !== null && key !== void 0 && key.includes('loading')) {
+        loadingRowStyle = _objectSpread(_objectSpread({}, loadingRowStyle), {}, {
+          paddingBlock: "var(--ds-space-100, 8px)"
+        });
+      }
+      return jsx(TableCell, {
+        key: cellKey,
+        "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
+        colSpan: isEditable && isLastCell ? 2 : undefined
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
+        style: loadingRowStyle,
+        css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
+      }, content);
     }));
   }))));
   return fg('platform-datasources-enable-two-way-sync') ? jsx(FlagsProvider, null, view) : view;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.11.1",
+	"version": "3.12.1",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -101,7 +101,7 @@
 	"devDependencies": {
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/link-provider": "^1.16.0",
+		"@atlaskit/link-provider": "^1.17.0",
 		"@atlaskit/link-test-helpers": "^7.5.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",