@atlaskit/link-datasource 6.8.0 → 6.9.0

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

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderType = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _boolean = _interopRequireDefault(require("./boolean"));
+var _dateRange = _interopRequireDefault(require("./date-range"));
+var _dateTime = _interopRequireDefault(require("./date-time"));
+var _icon = _interopRequireDefault(require("./icon"));
+var _link = _interopRequireDefault(require("./link"));
+var _number = _interopRequireDefault(require("./number"));
+var _richtext = _interopRequireDefault(require("./richtext"));
+var _status = _interopRequireDefault(require("./status"));
+var _tag = _interopRequireDefault(require("./tag"));
+var _text = _interopRequireDefault(require("./text"));
+var _user = _interopRequireDefault(require("./user"));
+var renderType = exports.renderType = function renderType(item) {
+  switch (item.type) {
+    case 'boolean':
+      return item.values.map(function (booleanValue) {
+        return /*#__PURE__*/_react.default.createElement(_boolean.default, {
+          value: booleanValue
+        });
+      });
+    case 'date':
+      return item.values.map(function (dateValue) {
+        return /*#__PURE__*/_react.default.createElement(_dateTime.default, {
+          value: dateValue,
+          display: "date"
+        });
+      });
+    case 'datetime':
+      return item.values.map(function (datTimeValue) {
+        return /*#__PURE__*/_react.default.createElement(_dateTime.default, {
+          value: datTimeValue,
+          display: "datetime"
+        });
+      });
+    case 'daterange':
+      {
+        return item.values.map(function (dateRangeValue) {
+          return /*#__PURE__*/_react.default.createElement(_dateRange.default, {
+            value: dateRangeValue
+          });
+        });
+      }
+    case 'icon':
+      return item.values.map(function (iconValue) {
+        return /*#__PURE__*/_react.default.createElement(_icon.default, iconValue);
+      });
+    case 'link':
+      return item.values.map(function (linkValue) {
+        return /*#__PURE__*/_react.default.createElement(_link.default, (0, _extends2.default)({
+          key: linkValue === null || linkValue === void 0 ? void 0 : linkValue.url
+        }, linkValue));
+      });
+    case 'number':
+      return item.values.map(function (numberValue) {
+        return /*#__PURE__*/_react.default.createElement(_number.default, {
+          number: numberValue
+        });
+      });
+    case 'status':
+      return item.values.map(function (statusValue) {
+        return /*#__PURE__*/_react.default.createElement(_status.default, statusValue);
+      });
+    case 'string':
+      return item.values.map(function (stringValue) {
+        return /*#__PURE__*/_react.default.createElement(_text.default, {
+          key: stringValue,
+          text: stringValue
+        });
+      });
+    case 'tag':
+      return item.values.map(function (tagValue) {
+        return /*#__PURE__*/_react.default.createElement(_tag.default, {
+          key: (tagValue === null || tagValue === void 0 ? void 0 : tagValue.id) || (tagValue === null || tagValue === void 0 ? void 0 : tagValue.text),
+          tag: tagValue
+        });
+      });
+    case 'time':
+      return item.values.map(function (timeValue) {
+        return /*#__PURE__*/_react.default.createElement(_dateTime.default, {
+          value: timeValue,
+          display: "time"
+        });
+      });
+    case 'user':
+      return /*#__PURE__*/_react.default.createElement(_user.default, {
+        users: item.values
+      });
+    case 'richtext':
+      return item.values.map(function (richValue) {
+        return /*#__PURE__*/_react.default.createElement(_richtext.default, {
+          value: richValue
+        });
+      });
+    default:
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+};

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

@@ -6,53 +6,19 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parseRichText = exports.default = void 0;
+exports.default = void 0;
 require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _dompurify = _interopRequireDefault(require("dompurify"));
-var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
-var _model = require("@atlaskit/editor-prosemirror/model");
+var _parseRichText = require("./parseRichText");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-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 rootStyles = null;
-var smartLinkNodeToUrl = function smartLinkNodeToUrl(node) {
-  var _node$attrs$url;
-  return (_node$attrs$url = node.attrs.url) !== null && _node$attrs$url !== void 0 ? _node$attrs$url : '';
-};
-var schemaSmartLinkOverride = new _model.Schema({
-  nodes: _schemaDefault.defaultSchema.spec.nodes.update('inlineCard', _objectSpread(_objectSpread({}, _schemaDefault.defaultSchema.spec.nodes.get('inlineCard')), {}, {
-    leafText: smartLinkNodeToUrl
-  })).update('blockCard', _objectSpread(_objectSpread({}, _schemaDefault.defaultSchema.spec.nodes.get('blockCard')), {}, {
-    leafText: smartLinkNodeToUrl
-  })).update('embedCard', _objectSpread(_objectSpread({}, _schemaDefault.defaultSchema.spec.nodes.get('embedCard')), {}, {
-    leafText: smartLinkNodeToUrl
-  })),
-  marks: _schemaDefault.defaultSchema.spec.marks
-});
-var parseRichText = exports.parseRichText = function parseRichText(value) {
-  try {
-    if (value.type === 'adf') {
-      var adf = JSON.parse(value.text);
-      return _model.Node.fromJSON(schemaSmartLinkOverride, _objectSpread(_objectSpread({}, adf), {}, {
-        content: (0, _toConsumableArray2.default)(adf.content.slice(0, 2))
-      })).textContent;
-    }
-    return null;
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error('error parsing adf', e);
-    return null;
-  }
-};
 var RichTextType = function RichTextType(_ref) {
   var value = _ref.value;
   var adfPlainText = (0, _react.useMemo)(function () {
-    return parseRichText(value);
+    return (0, _parseRichText.parseRichText)(value);
   }, [value]);
   if (value.html && value.html.trim() !== '') {
     // eslint-disable-next-line react/no-danger

package/dist/cjs/ui/issue-like-table/render-type/richtext/parseRichText.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseRichText = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
+var _model = require("@atlaskit/editor-prosemirror/model");
+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; } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+var smartLinkNodeToUrl = function smartLinkNodeToUrl(node) {
+  var _node$attrs$url;
+  return (_node$attrs$url = node.attrs.url) !== null && _node$attrs$url !== void 0 ? _node$attrs$url : '';
+};
+var schemaSmartLinkOverride = new _model.Schema({
+  nodes: _schemaDefault.defaultSchema.spec.nodes.update('inlineCard', _objectSpread(_objectSpread({}, _schemaDefault.defaultSchema.spec.nodes.get('inlineCard')), {}, {
+    leafText: smartLinkNodeToUrl
+  })).update('blockCard', _objectSpread(_objectSpread({}, _schemaDefault.defaultSchema.spec.nodes.get('blockCard')), {}, {
+    leafText: smartLinkNodeToUrl
+  })).update('embedCard', _objectSpread(_objectSpread({}, _schemaDefault.defaultSchema.spec.nodes.get('embedCard')), {}, {
+    leafText: smartLinkNodeToUrl
+  })),
+  marks: _schemaDefault.defaultSchema.spec.marks
+});
+var parseRichText = exports.parseRichText = function parseRichText(value) {
+  try {
+    if (value.type === 'adf') {
+      var adf = JSON.parse(value.text);
+      return _model.Node.fromJSON(schemaSmartLinkOverride, _objectSpread(_objectSpread({}, adf), {}, {
+        content: (0, _toConsumableArray2.default)(adf.content.slice(0, 2))
+      })).textContent;
+    }
+    return null;
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error('error parsing adf', e);
+    return null;
+  }
+};

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stringifyType = void 0;
+var _getFormattedDateRange = require("./date-range/getFormattedDateRange");
+var _getFormattedDate = require("./date-time/getFormattedDate");
+var _parseRichText = require("./richtext/parseRichText");
+var _messages = require("./user/messages");
+var stringifyType = exports.stringifyType = function stringifyType(_ref, formatMessage, formatDate) {
+  var type = _ref.type,
+    value = _ref.value;
+  switch (type) {
+    case 'boolean':
+    case 'number':
+      return (value === null || value === void 0 ? void 0 : value.toString()) || '';
+    case 'date':
+      return (0, _getFormattedDate.getFormattedDate)(value, 'date', formatDate);
+    case 'datetime':
+      return (0, _getFormattedDate.getFormattedDate)(value, 'datetime', formatDate);
+    case 'daterange':
+      {
+        return (0, _getFormattedDateRange.getFormattedDateRange)(value.start, value.end, formatDate, formatMessage);
+      }
+    case 'time':
+      return (0, _getFormattedDate.getFormattedDate)(value, 'time', formatDate);
+    case 'icon':
+      return (value === null || value === void 0 ? void 0 : value.label) || '';
+    case 'status':
+      return (value === null || value === void 0 ? void 0 : value.text.toString()) || '';
+    case 'string':
+      return value;
+    case 'tag':
+      return (value === null || value === void 0 ? void 0 : value.text) || '';
+    case 'user':
+      return (value === null || value === void 0 ? void 0 : value.displayName) || formatMessage(_messages.userTypeMessages.userDefaultdisplayNameValue);
+    case 'richtext':
+      if (value.html && value.html.trim() !== '') {
+        return '';
+      } else {
+        var adfPlainText = (0, _parseRichText.parseRichText)(value);
+        return adfPlainText || '';
+      }
+    case 'link':
+    default:
+      return '';
+  }
+};

package/dist/cjs/ui/issue-like-table/table-cell-content/get-issue-link-data.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIssueLinkData = void 0;
+/**
+ * Extracts the issue link (URL + text) from a row's `key` column data, if present.
+ * Returns `undefined` when the row has no `key` data or the data has no URL,
+ * so callers can treat the result as a simple "is this row linkable?" check.
+ */
+var getIssueLinkData = exports.getIssueLinkData = function getIssueLinkData(rowData) {
+  var _rowData$key;
+  var keyData = (_rowData$key = rowData.key) === null || _rowData$key === void 0 ? void 0 : _rowData$key.data;
+  return keyData !== null && keyData !== void 0 && keyData.url ? keyData : undefined;
+};

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLinkedCellContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
+/**
+ * Wraps the given cell `children` in a `LinkUrl` pointing at the issue URL,
+ * making the cell's contents (e.g. the issue type icon) act as a link to the
+ * issue. If `issueLinkData` is missing, returns `children` unchanged so the
+ * caller doesn't need to branch on linkability.
+ */
+var getLinkedCellContent = exports.getLinkedCellContent = function getLinkedCellContent(_ref) {
+  var children = _ref.children,
+    issueLinkData = _ref.issueLinkData;
+  if (!issueLinkData) {
+    return children;
+  }
+  return /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
+    href: issueLinkData.url,
+    target: "_blank",
+    "aria-label": issueLinkData.text || issueLinkData.url,
+    "data-testid": 'issue-like-table-type-icon-link'
+  }, children);
+};

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

@@ -6,7 +6,7 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.newGetBackendUpdateValue = exports.InlineEditUFOExperience = exports.InlineEdit = void 0;
+exports.InlineEditUFOExperience = exports.InlineEdit = void 0;
 require("./inline-edit.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -19,14 +19,15 @@ var _inlineEdit = _interopRequireDefault(require("@atlaskit/inline-edit/inline-e
 var _compiled = require("@atlaskit/primitives/compiled");
 var _hooks = require("@atlaskit/smart-card/hooks");
 var _analytics = require("../../../analytics");
-var _ufoExperiences = require("../../../analytics/ufoExperiences");
-var _datasourceExperienceId = require("../../../contexts/datasource-experience-id");
+var _startUfoExperience = require("../../../analytics/ufoExperiences/startUfoExperience");
+var _useDatasourceExperienceId = require("../../../contexts/datasource-experience-id/use-datasource-experience-id");
 var _useDatasourceTableFlag = require("../../../hooks/useDatasourceTableFlag");
 var _state = require("../../../state");
-var _editType = require("../edit-type");
+var _editType = require("../edit-type/editType");
+var _getFieldLabelById = require("../get-field-label-by-id");
 var _avatar = require("../shared-components/avatar");
-var _utils = require("../utils");
 var _messages = require("./messages");
+var _newGetBackendUpdateValue = require("./new-get-backend-update-value");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -34,38 +35,6 @@ var InlineEditUFOExperience = exports.InlineEditUFOExperience = 'inline-edit-ren
 var styles = {
   editContainerStyles: "_1pfhx0bf"
 };
-/**
- * @returns String of the new field value, or ID of status transition / atlassian user ID / priority ID.
- * @throws Error if the value is not supplied.
- */
-var newGetBackendUpdateValue = exports.newGetBackendUpdateValue = function newGetBackendUpdateValue(typedNewValue) {
-  if (typedNewValue.values.length === 0) {
-    throw new Error("Datasource 2 way sync: Backend update value or value ID not supplied for type ".concat(typedNewValue.type));
-  }
-  switch (typedNewValue.type) {
-    case 'string':
-      return typedNewValue.values[0];
-    case 'status':
-      var transitionId = typedNewValue.values[0].transitionId;
-      if (transitionId === undefined || transitionId === '') {
-        throw new Error("Datasource 2 way sync: Backend status transition ID not supplied for type transition");
-      }
-      return transitionId;
-    case 'user':
-      var atlassianUserId = typedNewValue.values[0].atlassianUserId;
-      if (atlassianUserId === undefined || atlassianUserId === '') {
-        throw new Error("Datasource 2 way sync: Backend atlasian user ID not supplied for type user");
-      }
-      return atlassianUserId;
-    case 'icon':
-      var id = typedNewValue.values[0].id;
-      if (id === undefined || id === '') {
-        throw new Error("Datasource 2 way sync: Backend update ID not supplied for type icon");
-      }
-      return id;
-  }
-  throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
-};
 var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
   var _typedNewValue$values, _typedNewValue$values2, _typedNewValue$values3;
   switch (typedNewValue.type) {
@@ -158,7 +127,7 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   var refreshDatasourceItem = useRefreshDatasourceItem(item);
-  var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
+  var experienceId = (0, _useDatasourceExperienceId.useDatasourceExperienceId)();
   var onCommitUpdate = (0, _react.useCallback)(function (newValue) {
     if (!item) {
       setIsEditing(false);
@@ -177,7 +146,7 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
       // TODO: Refactor types so that valid update values are guaranteed for
       // all object types. Invalid options should be filtered out of options -
       // this frontend error flag is a last resort.
-      updateValue = newGetBackendUpdateValue(newValue);
+      updateValue = (0, _newGetBackendUpdateValue.newGetBackendUpdateValue)(newValue);
     } catch (_unused) {
       // Show an error as the new value that was going to be sent to the
       // backend is invalid (and would have failed anyway, silently to the user)
@@ -198,7 +167,7 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
   var onEdit = (0, _react.useCallback)(function () {
     setIsEditing(true);
     if (experienceId) {
-      (0, _ufoExperiences.startUfoExperience)({
+      (0, _startUfoExperience.startUfoExperience)({
         name: InlineEditUFOExperience
       }, experienceId);
     }
@@ -235,7 +204,7 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
     currentValue: editValues,
     setEditValues: setEditValues,
     executeFetch: executeFetch,
-    labelId: (0, _utils.getFieldLabelById)(columnKey)
+    labelId: (0, _getFieldLabelById.getFieldLabelById)(columnKey)
   }), {
     hideActionButtons: true,
     readView: editableRenderType({

package/dist/cjs/ui/issue-like-table/table-cell-content/is-issue-type-column-fn.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isIssueTypeColumnFn = void 0;
+var isIssueTypeColumnFn = exports.isIssueTypeColumnFn = function isIssueTypeColumnFn(columnKey) {
+  return columnKey === 'issuetype';
+};

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinkedCellContentWrapped = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
+var _useDatasourceCrossProductAttribution = require("../../../analytics/xpc/useDatasourceCrossProductAttribution");
+var LinkedCellContentWrapped = exports.LinkedCellContentWrapped = function LinkedCellContentWrapped(_ref) {
+  var children = _ref.children,
+    issueLinkData = _ref.issueLinkData;
+  var _useDatasourceCrossPr = (0, _useDatasourceCrossProductAttribution.useDatasourceCrossProductAttribution)(),
+    wrapCrossProductUrl = _useDatasourceCrossPr.wrapCrossProductUrl;
+  if (!issueLinkData) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  }
+  return /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
+    href: wrapCrossProductUrl(issueLinkData.url),
+    target: "_blank",
+    "aria-label": issueLinkData.text || issueLinkData.url,
+    "data-testid": 'issue-like-table-type-icon-link'
+  }, children);
+};

package/dist/cjs/ui/issue-like-table/table-cell-content/new-get-backend-update-value.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.newGetBackendUpdateValue = void 0;
+/**
+ * @returns String of the new field value, or ID of status transition / atlassian user ID / priority ID.
+ * @throws Error if the value is not supplied.
+ */
+var newGetBackendUpdateValue = exports.newGetBackendUpdateValue = function newGetBackendUpdateValue(typedNewValue) {
+  if (typedNewValue.values.length === 0) {
+    throw new Error("Datasource 2 way sync: Backend update value or value ID not supplied for type ".concat(typedNewValue.type));
+  }
+  switch (typedNewValue.type) {
+    case 'string':
+      return typedNewValue.values[0];
+    case 'status':
+      var transitionId = typedNewValue.values[0].transitionId;
+      if (transitionId === undefined || transitionId === '') {
+        throw new Error("Datasource 2 way sync: Backend status transition ID not supplied for type transition");
+      }
+      return transitionId;
+    case 'user':
+      var atlassianUserId = typedNewValue.values[0].atlassianUserId;
+      if (atlassianUserId === undefined || atlassianUserId === '') {
+        throw new Error("Datasource 2 way sync: Backend atlasian user ID not supplied for type user");
+      }
+      return atlassianUserId;
+    case 'icon':
+      var id = typedNewValue.values[0].id;
+      if (id === undefined || id === '') {
+        throw new Error("Datasource 2 way sync: Backend update ID not supplied for type icon");
+      }
+      return id;
+  }
+  throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
+};

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

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReadOnlyCell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _state = require("../../../state");
+var _getIssueLinkData = require("./get-issue-link-data");
+var _getLinkedCellContent = require("./get-linked-cell-content");
+var _isIssueTypeColumnFn = require("./is-issue-type-column-fn");
+var _linkedCellContentWrapped = require("./linked-cell-content-wrapped");
+var _tooltipWrapper = require("./tooltip-wrapper");
+var ReadOnlyCell = exports.ReadOnlyCell = function ReadOnlyCell(_ref) {
+  var _useDatasourceItem, _rowData$columnKey;
+  var id = _ref.id,
+    columnType = _ref.columnType,
+    _ref$wrappedColumnKey = _ref.wrappedColumnKeys,
+    wrappedColumnKeys = _ref$wrappedColumnKey === void 0 ? [] : _ref$wrappedColumnKey,
+    renderItem = _ref.renderItem,
+    columnKey = _ref.columnKey;
+  var rowData = (_useDatasourceItem = (0, _state.useDatasourceItem)({
+    id: id
+  })) === null || _useDatasourceItem === void 0 ? void 0 : _useDatasourceItem.data;
+  if (!rowData || !columnKey || !rowData[columnKey]) {
+    return null;
+  }
+
+  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
+  var value = (_rowData$columnKey = rowData[columnKey]) === null || _rowData$columnKey === void 0 ? void 0 : _rowData$columnKey.data;
+  var values = Array.isArray(value) ? value : [value];
+  var datasourceTypeWithValues = {
+    type: columnType,
+    values: values
+  };
+  var isIssueTypeColumn = (0, _isIssueTypeColumnFn.isIssueTypeColumnFn)(columnKey);
+  var issueLinkData = (0, _getIssueLinkData.getIssueLinkData)(rowData);
+  return /*#__PURE__*/_react.default.createElement(_tooltipWrapper.TooltipWrapper, {
+    columnKey: columnKey,
+    datasourceTypeWithValues: datasourceTypeWithValues,
+    wrappedColumnKeys: wrappedColumnKeys
+  }, isIssueTypeColumn && issueLinkData ? (0, _fg.fg)('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/_react.default.createElement(_linkedCellContentWrapped.LinkedCellContentWrapped, {
+    issueLinkData: issueLinkData
+  }, renderItem(datasourceTypeWithValues)) : (0, _getLinkedCellContent.getLinkedCellContent)({
+    children: renderItem(datasourceTypeWithValues),
+    issueLinkData: issueLinkData
+  }) : renderItem(datasourceTypeWithValues));
+};

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});