@atlaskit/link-datasource 3.22.6 → 4.0.0

package/dist/esm/ui/issue-like-table/render-type/icon/icon-old.js

@@ -1,50 +0,0 @@
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import { Box, xcss } from '@atlaskit/primitives';
-import TextRenderType from '../text';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var IconWrapper = styled.div({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'left'
-});
-var textWrapperStyles = xcss({
-  marginLeft: 'space.100',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-});
-export var ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
-export var ICON_TYPE_TEXT_TEST_ID = "".concat(ICON_TYPE_TEST_ID, "-text");
-
-/**
- * @deprecated: To be cleaned up and replaced with new-icon after
- * `platform-datasources-enable-two-way-sync-priority` rollout.
- */
-var IconRenderType = function IconRenderType(_ref) {
-  var _ref$label = _ref.label,
-    label = _ref$label === void 0 ? '' : _ref$label,
-    text = _ref.text,
-    source = _ref.source,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? ICON_TYPE_TEST_ID : _ref$testId;
-  return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement("img", {
-    src: source,
-    alt: label,
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      minWidth: '20px',
-      maxWidth: '20px'
-    } // having just width: '20px' shrinks it when table width is reduced
-  }), text && /*#__PURE__*/React.createElement(Box, {
-    xcss: textWrapperStyles
-  }, /*#__PURE__*/React.createElement(TextRenderType, {
-    testId: ICON_TYPE_TEXT_TEST_ID,
-    text: text
-  })));
-};
-export default IconRenderType;

package/dist/esm/ui/issue-like-table/render-type/richtext/rich-text-old.js

@@ -1,63 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useMemo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
-import { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
-var rootStyles = css({
-  position: 'relative'
-});
-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 Schema({
-  nodes: defaultSchema.spec.nodes.update('inlineCard', _objectSpread(_objectSpread({}, defaultSchema.spec.nodes.get('inlineCard')), {}, {
-    leafText: smartLinkNodeToUrl
-  })).update('blockCard', _objectSpread(_objectSpread({}, defaultSchema.spec.nodes.get('blockCard')), {}, {
-    leafText: smartLinkNodeToUrl
-  })).update('embedCard', _objectSpread(_objectSpread({}, defaultSchema.spec.nodes.get('embedCard')), {}, {
-    leafText: smartLinkNodeToUrl
-  })),
-  marks: defaultSchema.spec.marks
-});
-export var parseRichText = function parseRichText(value) {
-  try {
-    if (value.type === 'adf') {
-      var adf = JSON.parse(value.text);
-      return PMNode.fromJSON(schemaSmartLinkOverride, _objectSpread(_objectSpread({}, adf), {}, {
-        content: _toConsumableArray(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 = useMemo(function () {
-    return parseRichText(value);
-  }, [value]);
-  if (adfPlainText) {
-    return jsx("span", {
-      css: rootStyles,
-      "data-testid": "richtext-plaintext"
-    }, adfPlainText);
-  } else {
-    return jsx("span", {
-      "data-testid": "richtext-unsupported"
-    });
-  }
-};
-export default RichTextType;

package/dist/esm/ui/issue-like-table/render-type/text/text-old.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Text } from '@atlaskit/primitives';
-export var TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
-var TextRenderType = function TextRenderType(_ref) {
-  var text = _ref.text,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? TEXT_TYPE_TEST_ID : _ref$testId;
-  if (!(text && typeof text === 'string')) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    testId: testId
-  }, text), /*#__PURE__*/React.createElement("br", null));
-};
-export default TextRenderType;

package/dist/esm/ui/issue-like-table/render-type/user/user-old.js

@@ -1,117 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import { FormattedMessage } from 'react-intl-next';
-import Avatar from '@atlaskit/avatar';
-import AvatarGroup from '@atlaskit/avatar-group';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, xcss } from '@atlaskit/primitives';
-import { WidthObserver } from '@atlaskit/width-detector';
-import { userTypeMessages } from './messages';
-var userWrapperStyles = xcss({
-  display: 'flex',
-  alignItems: 'center',
-  font: 'font.body'
-});
-var avatarWrapperStyles = xcss({
-  marginRight: 'space.100'
-});
-var widthObserverWrapperStyles = xcss({
-  position: 'relative'
-});
-var labelWrapperStyles = css({
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  overflow: 'hidden'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var AvatarGroupWrapperStyles = styled.div({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  ul: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-    paddingLeft: '0px !important'
-  }
-});
-var getMaxUserCount = function getMaxUserCount(userCount, availableWidth) {
-  if (availableWidth <= 28) {
-    // If width is less than or equal to 28px, we should only display the user count
-    return 1;
-  }
-  var defaultMaxCount = 5;
-  var usersNumFitToAvailableWidth = Math.ceil((availableWidth - 28) / 20);
-  return usersNumFitToAvailableWidth > defaultMaxCount ? defaultMaxCount : usersNumFitToAvailableWidth;
-};
-export var USER_TYPE_TEST_ID = 'link-datasource-render-type--user';
-var UserType = function UserType(_ref) {
-  var users = _ref.users;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    width = _useState2[0],
-    setWidth = _useState2[1];
-  var multipleUsers = false;
-  if (fg('platform-datasources-enable-two-way-sync-assignee')) {
-    multipleUsers = users.length === 1;
-  } else {
-    multipleUsers = users.length <= 1;
-  }
-  if (multipleUsers) {
-    var _ref2 = users[0] || {},
-      avatarSource = _ref2.avatarSource,
-      _ref2$avatarSize = _ref2.avatarSize,
-      avatarSize = _ref2$avatarSize === void 0 ? 'small' : _ref2$avatarSize,
-      displayName = _ref2.displayName,
-      _ref2$testId = _ref2.testId,
-      testId = _ref2$testId === void 0 ? USER_TYPE_TEST_ID : _ref2$testId,
-      children = _ref2.children;
-    return jsx(Box, {
-      xcss: userWrapperStyles,
-      testId: testId
-    }, jsx(Box, {
-      xcss: avatarWrapperStyles
-    }, jsx(Avatar, {
-      appearance: "circle",
-      size: avatarSize || 'small',
-      src: avatarSource,
-      testId: "".concat(testId, "--avatar")
-    })), jsx("span", {
-      css: labelWrapperStyles
-    }, children || displayName || jsx(FormattedMessage, userTypeMessages.userDefaultdisplayNameValue)));
-  } else {
-    var maxCount = width !== null ? getMaxUserCount(users.length, width) : 5;
-    var data = users.filter(function (user) {
-      return !!user.displayName;
-    }).map(function (_ref3) {
-      var atlassianUserId = _ref3.atlassianUserId,
-        displayName = _ref3.displayName,
-        avatarSource = _ref3.avatarSource,
-        testId = _ref3.testId;
-      return {
-        key: atlassianUserId,
-        name: displayName,
-        src: avatarSource,
-        testId: "".concat(testId, "--avatar")
-      };
-    });
-    return jsx(AvatarGroupWrapperStyles, null, jsx(Box, {
-      xcss: widthObserverWrapperStyles
-    }, jsx(WidthObserver, {
-      setWidth: setWidth
-    })), jsx(AvatarGroup, {
-      data: data,
-      maxCount: maxCount,
-      size: "small",
-      isTooltipDisabled: true,
-      testId: USER_TYPE_TEST_ID
-    }));
-  }
-};
-export default UserType;

package/dist/esm/ui/issue-like-table/shared-components/avatar/avatar-old.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
-import Avatar from '@atlaskit/avatar';
-import { Box, xcss } from '@atlaskit/primitives';
-import Tooltip from '@atlaskit/tooltip';
-import { USER_TYPE_TEST_ID } from '../../render-type/user';
-import { userTypeMessages } from '../../render-type/user/messages';
-var userWrapperStyles = xcss({
-  display: 'flex',
-  alignItems: 'center',
-  font: 'font.body'
-});
-var avatarWrapperStyles = xcss({
-  marginRight: 'space.100'
-});
-var emptyAvatarWrapperStyles = xcss({
-  paddingBlock: 'space.050',
-  paddingInline: 'space.100',
-  opacity: 0,
-  ':hover': {
-    opacity: 1
-  }
-});
-export var EmptyAvatarOld = function EmptyAvatarOld() {
-  var intl = useIntl();
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    content: intl.formatMessage(userTypeMessages.userDefaultdisplayNameValue)
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: [userWrapperStyles, emptyAvatarWrapperStyles],
-    testId: USER_TYPE_TEST_ID
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: avatarWrapperStyles
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    appearance: "circle",
-    size: 'small',
-    testId: "".concat(USER_TYPE_TEST_ID, "--avatar")
-  })), /*#__PURE__*/React.createElement(FormattedMessage, userTypeMessages.userDefaultdisplayNameValue)));
-};

package/dist/esm/ui/issue-like-table/shared-components/icon/icon-old.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { Box, Flex, Inline, xcss } from '@atlaskit/primitives';
-var labelStyles = xcss({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  width: '100%'
-});
-/**
- * Renders a icon and text label.
- * If the text is undefined, will not render the text label.
- */
-export function SharedIconComponentOld(_ref) {
-  var iconUrl = _ref.iconUrl,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? '' : _ref$label,
-    text = _ref.text,
-    testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(Flex, {
-    gap: "space.100",
-    alignItems: "center",
-    testId: testId
-  }, /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("img", {
-    src: iconUrl,
-    alt: label
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      minWidth: '24px',
-      maxWidth: '24px'
-    } // having just width: '24px' shrinks it when table width is reduced
-  })), text && /*#__PURE__*/React.createElement(Box, {
-    xcss: labelStyles,
-    testId: "".concat(testId, "-text")
-  }, text));
-}

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

@@ -1,84 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/* eslint-disable @atlaskit/design-system/use-tokens-typography */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import { N40 } from '@atlaskit/theme/colors';
-export var ScrollableContainerHeight = 590;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var Table = styled.table({
-  width: '100%'
-});
-var lineHeight = '24px';
-var verticalPadding = "var(--ds-space-025, 2px)";
-
-/**
- * This is a hack used to override styles that are leaking to our table html element
- * from editor table plugin.
- * This css prefix can be used in front of our main css rule to make its weight bigger
- * and force make browser use it first and editor plugin css second.
- */
-export var withTablePluginPrefix = function withTablePluginPrefix(tableSection) {
-  var mainRule = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '&';
-  return "\n  .pm-table-wrapper > table ".concat(tableSection, " ").concat(mainRule, ",\n  .ProseMirror .pm-table-wrapper > table ").concat(tableSection, " ").concat(mainRule, ",\n  ").concat(mainRule, "\n");
-};
-export var withTablePluginHeaderPrefix = withTablePluginPrefix.bind(null, 'thead');
-export var withTablePluginBodyPrefix = withTablePluginPrefix.bind(null, 'tbody');
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var TableHeading = styled.th(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(withTablePluginHeaderPrefix()), {
-  border: 0,
-  position: 'relative',
-  /* This makes resizing work with out jumping due to padding + changes overall width for same default values. */
-  boxSizing: 'border-box',
-  lineHeight: lineHeight,
-  padding: "".concat(verticalPadding, " ", "var(--ds-space-050, 4px)"),
-  borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
-  borderBottom: "2px solid ".concat("var(--ds-border, ".concat(N40, ")")),
-  /*
-      lineHeight * 2 -> Max height of two lined header
-      verticalPadding * 2 -> padding for this component itself
-      verticalPadding * 2 -> padding inside span (--container)
-      2px -> Bottom border
-      Last two terms are needed because of border-box box sizing.
-    */
-  height: "calc(".concat(lineHeight, " * 2 + ").concat(verticalPadding, " * 4 + 2px)"),
-  verticalAlign: 'bottom',
-  backgroundColor: "var(--ds-elevation-surface-current, #FFF)"
-}), "".concat(withTablePluginPrefix('', 'thead.has-column-picker &:nth-last-of-type(2)')), {
-  borderRight: 0
-}), "".concat(withTablePluginHeaderPrefix('&:first-child')), {
-  paddingLeft: "var(--ds-space-050, 4px)"
-}), "".concat(withTablePluginHeaderPrefix('&:last-child')), {
-  borderRight: 0
-}), "& [data-testid='datasource-header-content--container']", {
-  width: '100%',
-  /* With Button now being a parent for this component it adds its lineHeight value and spoils
-      `height` calculation above. */
-  lineHeight: lineHeight,
-  padding: "".concat(verticalPadding, " ", "var(--ds-space-050, 4px)"),
-  display: '-webkit-box',
-  WebkitLineClamp: 2,
-  WebkitBoxOrient: 'vertical',
-  whiteSpace: 'normal',
-  overflow: 'hidden',
-  wordWrap: 'break-word'
-}));
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- To migrate as part of go/ui-styling-standard
-export var InlineEditableTableCell = styled.td(_defineProperty(_defineProperty(_defineProperty({}, "".concat(withTablePluginBodyPrefix()), {
-  /* First section here is to override things editor table plugin css defines */
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  padding: "var(--ds-space-0, 0)".concat(" ", "var(--ds-space-0, 0)"),
-  border: 0,
-  minWidth: 'auto',
-  height: '40px',
-  verticalAlign: 'inherit',
-  boxSizing: 'content-box',
-  borderRight: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
-  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")"))
-}), "".concat(withTablePluginBodyPrefix('&:last-child')), {
-  borderRight: 0
-}), "& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span", {
-  whiteSpace: 'unset'
-}));

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

@@ -1,269 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _typeof from "@babel/runtime/helpers/typeof";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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, useState } from 'react';
-import { useIntl } from 'react-intl-next';
-import AKInlineEdit from '@atlaskit/inline-edit';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, xcss } from '@atlaskit/primitives';
-import { useSmartLinkReload } from '@atlaskit/smart-card/hooks';
-import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { startUfoExperience } from '../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
-import { useDatasourceTableFlag } from '../../../hooks/useDatasourceTableFlag';
-import { useDatasourceActions, useDatasourceItem } from '../../../state';
-import { editType } from '../edit-type';
-import { EmptyAvatar } from '../shared-components/avatar';
-import { getFieldLabelById } from '../utils';
-import { tableCellMessages } from './messages';
-export var InlineEditUFOExperience = 'inline-edit-rendered';
-var editContainerStyles = 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.
- */
-export var 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), {}, _defineProperty({}, columnKey, {
-        data: newValue.values[0] || ''
-      }));
-    case 'status':
-    case 'user':
-    case 'icon':
-      return newValue.values[0] ? _objectSpread(_objectSpread({}, existingItem), {}, _defineProperty({}, 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 = useSmartLinkReload({
-    url: url || ''
-  });
-  return useCallback(function () {
-    if (url) {
-      reloadSmartLinkAction();
-    }
-  }, [reloadSmartLinkAction, url]);
-};
-export var 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 = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isEditing = _useState2[0],
-    setIsEditing = _useState2[1];
-  var _useState3 = useState(datasourceTypeWithValues),
-    _useState4 = _slicedToArray(_useState3, 2),
-    editValues = _useState4[0],
-    setEditValues = _useState4[1];
-  var item = useDatasourceItem({
-    id: ari
-  });
-  var _ref2 = item || {},
-    entityType = _ref2.entityType,
-    integrationKey = _ref2.integrationKey;
-  var _useDatasourceTableFl = useDatasourceTableFlag(),
-    showErrorFlag = _useDatasourceTableFl.showErrorFlag;
-  var _useDatasourceActions = useDatasourceActions(),
-    onUpdateItem = _useDatasourceActions.onUpdateItem;
-  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
-    fireEvent = _useDatasourceAnalyti.fireEvent;
-  var refreshDatasourceItem = useRefreshDatasourceItem(item);
-  var experienceId = useDatasourceExperienceId();
-  var onCommitUpdate = 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 (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 && 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 && _typeof(error) === 'object' ? error.status : undefined;
-      showErrorFlag({
-        status: status
-      });
-      onUpdateItem(ari, existingData);
-    });
-    setIsEditing(false);
-  }, [item, columnKey, onUpdateItem, ari, refreshDatasourceItem, fireEvent, execute, showErrorFlag]);
-  var onEdit = useCallback(function () {
-    setIsEditing(true);
-    if (experienceId) {
-      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 = useCallback(function () {
-    setIsEditing(false);
-    if (integrationKey && entityType) {
-      fireEvent('ui.inlineEdit.cancelled.datasource', {
-        integrationKey: integrationKey,
-        entityType: entityType,
-        fieldKey: columnKey
-      });
-    }
-  }, [columnKey, entityType, fireEvent, integrationKey]);
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var editButtonLabel = useMemo(function () {
-    return formatMessage(tableCellMessages.editButtonLabel, {
-      fieldName: columnTitle,
-      fieldValue: getCurrentFieldLabel(editValues)
-    });
-  }, [columnTitle, formatMessage, editValues]);
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: editContainerStyles
-  }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType({
-    defaultValue: datasourceTypeWithValues,
-    currentValue: editValues,
-    setEditValues: setEditValues,
-    executeFetch: executeFetch,
-    labelId: 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.createElement(EmptyAvatar, null);
-        }
-    }
-    return readView;
-  };
-};