@atlaskit/link-datasource 3.19.2 → 3.20.0

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

@@ -0,0 +1,279 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.newGetBackendUpdateValue = exports.InlineEditUFOExperience = exports.InlineEditOld = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _inlineEdit = _interopRequireDefault(require("@atlaskit/inline-edit"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _primitives = require("@atlaskit/primitives");
+var _hooks = require("@atlaskit/smart-card/hooks");
+var _analytics = require("../../../analytics");
+var _ufoExperiences = require("../../../analytics/ufoExperiences");
+var _datasourceExperienceId = require("../../../contexts/datasource-experience-id");
+var _useDatasourceTableFlag = require("../../../hooks/useDatasourceTableFlag");
+var _state = require("../../../state");
+var _editType = require("../edit-type");
+var _avatar = require("../shared-components/avatar");
+var _utils = require("../utils");
+var _messages = require("./messages");
+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" != _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 && {}.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 InlineEditUFOExperience = exports.InlineEditUFOExperience = 'inline-edit-rendered';
+var editContainerStyles = (0, _primitives.xcss)({
+  marginBlockStart: 'space.negative.100'
+});
+/**
+ * @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) {
+    case 'string':
+      return typedNewValue.values[0] || '';
+    case 'status':
+      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.transitionId) || '';
+    case 'user':
+      return ((_typedNewValue$values2 = typedNewValue.values[0]) === null || _typedNewValue$values2 === void 0 ? void 0 : _typedNewValue$values2.atlassianUserId) || '';
+    case 'icon':
+      return ((_typedNewValue$values3 = typedNewValue.values[0]) === null || _typedNewValue$values3 === void 0 ? void 0 : _typedNewValue$values3.id) || '';
+  }
+  throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
+};
+var getCurrentFieldLabel = function getCurrentFieldLabel(typedNewValue) {
+  var _typedNewValue$values4, _typedNewValue$values5, _typedNewValue$values6;
+  switch (typedNewValue.type) {
+    case 'string':
+      return typedNewValue.values[0] || '';
+    case 'status':
+      return ((_typedNewValue$values4 = typedNewValue.values[0]) === null || _typedNewValue$values4 === void 0 ? void 0 : _typedNewValue$values4.text) || '';
+    case 'user':
+      return ((_typedNewValue$values5 = typedNewValue.values[0]) === null || _typedNewValue$values5 === void 0 ? void 0 : _typedNewValue$values5.displayName) || '';
+    case 'icon':
+      return ((_typedNewValue$values6 = typedNewValue.values[0]) === null || _typedNewValue$values6 === void 0 ? void 0 : _typedNewValue$values6.text) || '';
+    default:
+      return '';
+  }
+};
+var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue) {
+  switch (newValue.type) {
+    case 'string':
+      return _objectSpread(_objectSpread({}, existingItem), {}, (0, _defineProperty2.default)({}, columnKey, {
+        data: newValue.values[0] || ''
+      }));
+    case 'status':
+    case 'user':
+    case 'icon':
+      return newValue.values[0] ? _objectSpread(_objectSpread({}, existingItem), {}, (0, _defineProperty2.default)({}, columnKey, {
+        data: newValue.values[0]
+      })) : existingItem;
+    default:
+  }
+  return null;
+};
+var isNewValue = function isNewValue(columnKey, newItem, existingData) {
+  var _newItem$columnKey, _existingData$columnK;
+  return ((_newItem$columnKey = newItem[columnKey]) === null || _newItem$columnKey === void 0 ? void 0 : _newItem$columnKey.data) && (!((_existingData$columnK = existingData[columnKey]) !== null && _existingData$columnK !== void 0 && _existingData$columnK.data) || newItem[columnKey].data !== existingData[columnKey].data);
+};
+var useRefreshDatasourceItem = function useRefreshDatasourceItem(item) {
+  var _item$data;
+  var url = item === null || item === void 0 || (_item$data = item.data) === null || _item$data === void 0 || (_item$data = _item$data.key) === null || _item$data === void 0 || (_item$data = _item$data.data) === null || _item$data === void 0 ? void 0 : _item$data.url;
+
+  // passing empty string to the hook isn't ideal, but the alternatives are too much effort for this small fix.
+  var reloadSmartLinkAction = (0, _hooks.useSmartLinkReload)({
+    url: url || ''
+  });
+  return (0, _react.useCallback)(function () {
+    if (url) {
+      reloadSmartLinkAction();
+    }
+  }, [reloadSmartLinkAction, url]);
+};
+var InlineEditOld = exports.InlineEditOld = function InlineEditOld(_ref) {
+  var ari = _ref.ari,
+    execute = _ref.execute,
+    executeFetch = _ref.executeFetch,
+    readView = _ref.readView,
+    columnKey = _ref.columnKey,
+    columnTitle = _ref.columnTitle,
+    datasourceTypeWithValues = _ref.datasourceTypeWithValues;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isEditing = _useState2[0],
+    setIsEditing = _useState2[1];
+  var _useState3 = (0, _react.useState)(datasourceTypeWithValues),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    editValues = _useState4[0],
+    setEditValues = _useState4[1];
+  var item = (0, _state.useDatasourceItem)({
+    id: ari
+  });
+  var _ref2 = item || {},
+    entityType = _ref2.entityType,
+    integrationKey = _ref2.integrationKey;
+  var _useDatasourceTableFl = (0, _useDatasourceTableFlag.useDatasourceTableFlag)(),
+    showErrorFlag = _useDatasourceTableFl.showErrorFlag;
+  var _useDatasourceActions = (0, _state.useDatasourceActions)(),
+    onUpdateItem = _useDatasourceActions.onUpdateItem;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  var refreshDatasourceItem = useRefreshDatasourceItem(item);
+  var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
+  var onCommitUpdate = (0, _react.useCallback)(function (newValue) {
+    if (!item) {
+      setIsEditing(false);
+      return;
+    }
+    var existingData = item.data;
+    var newItem = mapUpdatedItem(item.data, columnKey, newValue);
+    if (!newItem || !isNewValue(columnKey, newItem, existingData)) {
+      setIsEditing(false);
+      return;
+    }
+    onUpdateItem(ari, newItem);
+    fireEvent('ui.form.submitted.inlineEdit', {});
+    var updateValue;
+    if ((0, _platformFeatureFlags.fg)('platform-datasources-inline-edit-id-checks')) {
+      try {
+        // 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);
+      } 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)
+        showErrorFlag({});
+        onUpdateItem(ari, existingData);
+        setIsEditing(false);
+        return;
+      }
+    }
+    execute(updateValue !== undefined && (0, _platformFeatureFlags.fg)('platform-datasources-inline-edit-id-checks') ? updateValue :
+    // Old behaviour is preserved in non-FFed path: errors thrown by getBackendUpdateValue are caught by
+    // the error boundary, _not_ by the catch block & frontend flag here.
+    getBackendUpdateValue(newValue)).then(refreshDatasourceItem).catch(function (error) {
+      var status = error && (0, _typeof2.default)(error) === 'object' ? error.status : undefined;
+      showErrorFlag({
+        status: status
+      });
+      onUpdateItem(ari, existingData);
+    });
+    setIsEditing(false);
+  }, [item, columnKey, onUpdateItem, ari, refreshDatasourceItem, fireEvent, execute, showErrorFlag]);
+  var onEdit = (0, _react.useCallback)(function () {
+    setIsEditing(true);
+    if (experienceId) {
+      (0, _ufoExperiences.startUfoExperience)({
+        name: InlineEditUFOExperience
+      }, experienceId);
+    }
+    if (integrationKey && entityType) {
+      fireEvent('ui.inlineEdit.clicked.datasource', {
+        integrationKey: integrationKey,
+        entityType: entityType,
+        fieldKey: columnKey
+      });
+    }
+  }, [columnKey, entityType, experienceId, fireEvent, integrationKey]);
+  var onCancelEdit = (0, _react.useCallback)(function () {
+    setIsEditing(false);
+    if (integrationKey && entityType) {
+      fireEvent('ui.inlineEdit.cancelled.datasource', {
+        integrationKey: integrationKey,
+        entityType: entityType,
+        fieldKey: columnKey
+      });
+    }
+  }, [columnKey, entityType, fireEvent, integrationKey]);
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var editButtonLabel = (0, _react.useMemo)(function () {
+    return formatMessage(_messages.tableCellMessages.editButtonLabel, {
+      fieldName: columnTitle,
+      fieldValue: getCurrentFieldLabel(editValues)
+    });
+  }, [columnTitle, formatMessage, editValues]);
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: editContainerStyles
+  }, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)({
+    defaultValue: datasourceTypeWithValues,
+    currentValue: editValues,
+    setEditValues: setEditValues,
+    executeFetch: executeFetch,
+    labelId: (0, _utils.getFieldLabelById)(columnKey)
+  }), {
+    hideActionButtons: true,
+    readView: editableRenderType({
+      defaultValue: datasourceTypeWithValues,
+      readView: readView
+    }),
+    readViewFitContainerWidth: true,
+    isEditing: isEditing,
+    onEdit: onEdit,
+    onCancel: onCancelEdit,
+    onConfirm: function onConfirm() {
+      return onCommitUpdate(editValues);
+    },
+    editButtonLabel: editButtonLabel
+  })));
+};
+
+/**
+ *
+ * This function allows us to manipulate the readView on editable cells.
+ * This way, for example, we can show a fallback Avatar on empty user cells.
+ *
+ */
+var editableRenderType = function editableRenderType(_ref3) {
+  var defaultValue = _ref3.defaultValue,
+    readView = _ref3.readView;
+  return function () {
+    var _defaultValue$values;
+    switch (defaultValue.type) {
+      case 'user':
+        if (!((_defaultValue$values = defaultValue.values) !== null && _defaultValue$values !== void 0 && _defaultValue$values[0])) {
+          return /*#__PURE__*/_react.default.createElement(_avatar.EmptyAvatar, null);
+        }
+    }
+    return readView;
+  };
+};

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

@@ -0,0 +1 @@
+._1pfhx0bf{margin-block-start:var(--ds-space-negative-100,-8px)}

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

@@ -1,3 +1,4 @@
+/* inline-edit.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.newGetBackendUpdateValue = 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"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -14,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _inlineEdit = _interopRequireDefault(require("@atlaskit/inline-edit"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _hooks = require("@atlaskit/smart-card/hooks");
 var _analytics = require("../../../analytics");
 var _ufoExperiences = require("../../../analytics/ufoExperiences");
@@ -24,15 +27,16 @@ var _state = require("../../../state");
 var _editType = require("../edit-type");
 var _avatar = require("../shared-components/avatar");
 var _utils = require("../utils");
+var _inlineEditOld = require("./inline-edit-old");
 var _messages = require("./messages");
 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" != _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 && {}.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 InlineEditUFOExperience = exports.InlineEditUFOExperience = 'inline-edit-rendered';
-var editContainerStyles = (0, _primitives.xcss)({
-  marginBlockStart: 'space.negative.100'
-});
+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.
@@ -128,7 +132,7 @@ var useRefreshDatasourceItem = function useRefreshDatasourceItem(item) {
     }
   }, [reloadSmartLinkAction, url]);
 };
-var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
+var InlineEditNew = function InlineEditNew(_ref) {
   var ari = _ref.ari,
     execute = _ref.execute,
     executeFetch = _ref.executeFetch,
@@ -232,8 +236,8 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
       fieldValue: getCurrentFieldLabel(editValues)
     });
   }, [columnTitle, formatMessage, editValues]);
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: editContainerStyles
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.editContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)({
     defaultValue: datasourceTypeWithValues,
     currentValue: editValues,
@@ -256,6 +260,13 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
     editButtonLabel: editButtonLabel
   })));
 };
+var InlineEdit = exports.InlineEdit = function InlineEdit(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(InlineEditNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_inlineEditOld.InlineEditOld, props);
+  }
+};
 
 /**
  *

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

@@ -0,0 +1,186 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableCellContentOld = exports.ReadOnlyCell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _state = require("../../../state");
+var _actions = require("../../../state/actions");
+var _editType = require("../edit-type");
+var _renderType = require("../render-type");
+var _truncateTextTag = require("../truncate-text-tag");
+var _inlineEdit = require("./inline-edit");
+var readViewStyles = (0, _primitives.xcss)({
+  textOverflow: 'ellipsis',
+  overflow: 'hidden',
+  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,
+    _ref$datasourceTypeWi = _ref.datasourceTypeWithValues,
+    type = _ref$datasourceTypeWi.type,
+    values = _ref$datasourceTypeWi.values,
+    wrappedColumnKeys = _ref.wrappedColumnKeys,
+    children = _ref.children;
+  var intl = (0, _reactIntlNext.useIntl)();
+  var stringifiedContent = values.map(function (value) {
+    return (0, _renderType.stringifyType)({
+      type: type,
+      value: value
+    }, intl.formatMessage, intl.formatDate);
+  }).filter(function (value) {
+    return value !== '';
+  }).join(', ');
+  if (stringifiedContent && !(wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(columnKey))) {
+    return /*#__PURE__*/_react.default.createElement(_tooltip.default
+    // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+    , {
+      tag: _truncateTextTag.TruncateTextTag,
+      content: stringifiedContent,
+      testId: "issues-table-cell-tooltip"
+    }, children);
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};
+var ReadOnlyCell = exports.ReadOnlyCell = function ReadOnlyCell(_ref2) {
+  var _useDatasourceItem, _rowData$columnKey;
+  var id = _ref2.id,
+    columnType = _ref2.columnType,
+    _ref2$wrappedColumnKe = _ref2.wrappedColumnKeys,
+    wrappedColumnKeys = _ref2$wrappedColumnKe === void 0 ? [] : _ref2$wrappedColumnKe,
+    renderItem = _ref2.renderItem,
+    columnKey = _ref2.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
+  };
+  return /*#__PURE__*/_react.default.createElement(TooltipWrapper, {
+    columnKey: columnKey,
+    datasourceTypeWithValues: datasourceTypeWithValues,
+    wrappedColumnKeys: wrappedColumnKeys
+  }, renderItem(datasourceTypeWithValues));
+};
+var InlineEditableCell = function InlineEditableCell(_ref3) {
+  var ari = _ref3.ari,
+    values = _ref3.values,
+    columnKey = _ref3.columnKey,
+    columnTitle = _ref3.columnTitle,
+    renderItem = _ref3.renderItem,
+    integrationKey = _ref3.integrationKey,
+    wrappedColumnKeys = _ref3.wrappedColumnKeys;
+  // Callbacks are returned only when the ari is editable and the action schemas exist in the store
+  var _useExecuteAtomicActi = (0, _actions.useExecuteAtomicAction)({
+      ari: ari,
+      fieldKey: columnKey,
+      integrationKey: integrationKey
+    }),
+    execute = _useExecuteAtomicActi.execute,
+    executeFetch = _useExecuteAtomicActi.executeFetch;
+
+  // A field is editable when `execute` is returned from the store
+  var isEditable = !!execute;
+  var readView = /*#__PURE__*/_react.default.createElement(TooltipWrapper, {
+    columnKey: columnKey,
+    datasourceTypeWithValues: values,
+    wrappedColumnKeys: wrappedColumnKeys
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    testId: "inline-edit-read-view",
+    paddingInline: isEditable ? 'space.075' : 'space.100',
+    paddingBlock: "space.050",
+    xcss: readViewStyles
+  }, renderItem(values)));
+  if (!isEditable) {
+    return readView;
+  }
+
+  // if the field requires to fetch options to execute, then is editable only if `executeFetch` is defined
+  // `executeFetch` is returned only when ff:`enable_datasource_supporting_actions` is enabled
+  if ((0, _editType.isEditTypeSelectable)(values.type) && !executeFetch) {
+    return readView;
+  }
+  return /*#__PURE__*/_react.default.createElement(_inlineEdit.InlineEdit, {
+    ari: ari,
+    execute: execute,
+    executeFetch: executeFetch,
+    readView: readView,
+    columnKey: columnKey,
+    columnTitle: columnTitle,
+    datasourceTypeWithValues: values
+  });
+};
+var toDatasourceTypeWithValues = function toDatasourceTypeWithValues(_ref4) {
+  var _rowData$columnKey2;
+  var rowData = _ref4.rowData,
+    columnKey = _ref4.columnKey,
+    columnType = _ref4.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 = !value ? [] : Array.isArray(value) ? value : [value];
+  return {
+    type: columnType,
+    values: values
+  };
+};
+var TableCellContentOld = exports.TableCellContentOld = function TableCellContentOld(_ref5) {
+  var id = _ref5.id,
+    columnKey = _ref5.columnKey,
+    columnTitle = _ref5.columnTitle,
+    columnType = _ref5.columnType,
+    renderItem = _ref5.renderItem,
+    wrappedColumnKeys = _ref5.wrappedColumnKeys;
+  var item = (0, _state.useDatasourceItem)({
+    id: id
+  });
+  if (item) {
+    var integrationKey = item.integrationKey,
+      ari = item.ari,
+      rowData = item.data;
+    var isEditType = !!ari && !!integrationKey && (0, _editType.isEditTypeSupported)(columnType);
+    if (isEditType) {
+      return /*#__PURE__*/_react.default.createElement(InlineEditableCell, {
+        ari: ari,
+        columnKey: columnKey,
+        columnTitle: columnTitle,
+        renderItem: renderItem,
+        integrationKey: integrationKey,
+        values: toDatasourceTypeWithValues({
+          rowData: rowData,
+          columnKey: columnKey,
+          columnType: columnType
+        }),
+        wrappedColumnKeys: wrappedColumnKeys
+      });
+    }
+  }
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    testId: "inline-edit-read-view",
+    paddingInline: "space.100",
+    paddingBlock: "space.050",
+    xcss: readViewStyles
+  }, /*#__PURE__*/_react.default.createElement(ReadOnlyCell, {
+    id: id,
+    columnKey: columnKey,
+    columnTitle: columnTitle,
+    columnType: columnType,
+    wrappedColumnKeys: wrappedColumnKeys,
+    renderItem: renderItem
+  }));
+};

package/dist/cjs/ui/issue-like-table/truncate-text-tag/index.compiled.css

@@ -0,0 +1,4 @@
+._18m915vq{overflow-y:hidden}
+._1bto1l2s{text-overflow:ellipsis}
+._1reo15vq{overflow-x:hidden}
+._o5721q9c{white-space:nowrap}

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,28 +6,30 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TruncateTextTag = void 0;
+exports.TruncateTextTagNew = exports.TruncateTextTag = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _truncateTextTagOld = require("./truncate-text-tag-old");
 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; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-
-var truncateTextStyles = (0, _react2.css)({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
+var truncateTextStyles = null;
+var TruncateTextTagNew = exports.TruncateTextTagNew = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, props, {
+    ref: ref,
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
+  }), props.children);
 });
 var TruncateTextTag = exports.TruncateTextTag = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return (0, _react2.jsx)("span", (0, _extends2.default)({
-    css: truncateTextStyles
-  }, props, {
-    ref: ref
-  }), props.children);
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(TruncateTextTagNew, (0, _extends2.default)({}, props, {
+      ref: ref
+    }));
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_truncateTextTagOld.TruncateTextTagOld, (0, _extends2.default)({}, props, {
+      ref: ref
+    }));
+  }
 });

package/dist/cjs/ui/issue-like-table/truncate-text-tag/truncate-text-tag-old.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TruncateTextTagOld = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+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; }
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+
+var truncateTextStyles = (0, _react2.css)({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap'
+});
+var TruncateTextTagOld = exports.TruncateTextTagOld = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return (0, _react2.jsx)("span", (0, _extends2.default)({
+    css: truncateTextStyles
+  }, props, {
+    ref: ref
+  }), props.children);
+});

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/index.compiled.css

@@ -0,0 +1 @@
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}