@atlaskit/link-datasource 3.19.2 → 3.20.0

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

@@ -0,0 +1,49 @@
+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
+const IconWrapper = styled.div({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'left'
+});
+const textWrapperStyles = xcss({
+  marginLeft: 'space.100',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap'
+});
+export const ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
+export const ICON_TYPE_TEXT_TEST_ID = `${ICON_TYPE_TEST_ID}-text`;
+
+/**
+ * @deprecated: To be cleaned up and replaced with new-icon after
+ * `platform-datasources-enable-two-way-sync-priority` rollout.
+ */
+const IconRenderType = ({
+  label,
+  text,
+  source,
+  testId = ICON_TYPE_TEST_ID
+}) => {
+  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/es2019/ui/issue-like-table/render-type/icon/index.compiled.css

@@ -0,0 +1,8 @@
+._18m915vq{overflow-y:hidden}
+._18u0u2gc{margin-left:var(--ds-space-100,8px)}
+._1bah1e5h{justify-content:left}
+._1bto1l2s{text-overflow:ellipsis}
+._1e0c1txw{display:flex}
+._1reo15vq{overflow-x:hidden}
+._4cvr1h6o{align-items:center}
+._o5721q9c{white-space:nowrap}

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

@@ -1,21 +1,31 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./index.compiled.css";
+import { forwardRef } from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 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 { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import TextRenderType from '../text';
+import IconRenderTypeOld from './icon-old';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const IconWrapper = styled.div({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'left'
-});
-const textWrapperStyles = xcss({
-  marginLeft: 'space.100',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
+const IconWrapper = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1e0c1txw _4cvr1h6o _1bah1e5h", __cmplp.className])
+  }));
 });
+if (process.env.NODE_ENV !== 'production') {
+  IconWrapper.displayName = 'IconWrapper';
+}
+const styles = {
+  textWrapperStyles: "_1reo15vq _18m915vq _18u0u2gc _1bto1l2s _o5721q9c"
+};
 export const ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
 export const ICON_TYPE_TEXT_TEST_ID = `${ICON_TYPE_TEST_ID}-text`;
 
@@ -40,10 +50,17 @@ const IconRenderType = ({
       maxWidth: '20px'
     } // having just width: '20px' shrinks it when table width is reduced
   }), text && /*#__PURE__*/React.createElement(Box, {
-    xcss: textWrapperStyles
+    xcss: styles.textWrapperStyles
   }, /*#__PURE__*/React.createElement(TextRenderType, {
     testId: ICON_TYPE_TEXT_TEST_ID,
     text: text
   })));
 };
-export default IconRenderType;
+const IconRenderTypeExported = props => {
+  if (fg('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(IconRenderType, props);
+  } else {
+    return /*#__PURE__*/React.createElement(IconRenderTypeOld, props);
+  }
+};
+export default IconRenderTypeExported;

package/dist/es2019/ui/issue-like-table/render-type/richtext/index.compiled.css

@@ -0,0 +1 @@
+._kqswh2mm{position:relative}

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

@@ -1,16 +1,13 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 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';
-const rootStyles = css({
-  position: 'relative'
-});
+import { fg } from "@atlaskit/platform-feature-flags";
+import RichTextTypeOld from "./rich-text-old";
+const rootStyles = null;
 const smartLinkNodeToUrl = node => {
   var _node$attrs$url;
   return (_node$attrs$url = node.attrs.url) !== null && _node$attrs$url !== void 0 ? _node$attrs$url : '';
@@ -49,14 +46,21 @@ const RichTextType = ({
 }) => {
   const adfPlainText = useMemo(() => parseRichText(value), [value]);
   if (adfPlainText) {
-    return jsx("span", {
-      css: rootStyles,
-      "data-testid": "richtext-plaintext"
+    return /*#__PURE__*/React.createElement("span", {
+      "data-testid": "richtext-plaintext",
+      className: ax(["_kqswh2mm"])
     }, adfPlainText);
   } else {
-    return jsx("span", {
+    return /*#__PURE__*/React.createElement("span", {
       "data-testid": "richtext-unsupported"
     });
   }
 };
-export default RichTextType;
+const RichTextTypeExported = props => {
+  if (fg('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(RichTextType, props);
+  } else {
+    return /*#__PURE__*/React.createElement(RichTextTypeOld, props);
+  }
+};
+export default RichTextTypeExported;

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

@@ -0,0 +1,62 @@
+/**
+ * @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';
+const rootStyles = css({
+  position: 'relative'
+});
+const smartLinkNodeToUrl = node => {
+  var _node$attrs$url;
+  return (_node$attrs$url = node.attrs.url) !== null && _node$attrs$url !== void 0 ? _node$attrs$url : '';
+};
+const schemaSmartLinkOverride = new Schema({
+  nodes: defaultSchema.spec.nodes.update('inlineCard', {
+    ...defaultSchema.spec.nodes.get('inlineCard'),
+    leafText: smartLinkNodeToUrl
+  }).update('blockCard', {
+    ...defaultSchema.spec.nodes.get('blockCard'),
+    leafText: smartLinkNodeToUrl
+  }).update('embedCard', {
+    ...defaultSchema.spec.nodes.get('embedCard'),
+    leafText: smartLinkNodeToUrl
+  }),
+  marks: defaultSchema.spec.marks
+});
+export const parseRichText = value => {
+  try {
+    if (value.type === 'adf') {
+      const adf = JSON.parse(value.text);
+      return PMNode.fromJSON(schemaSmartLinkOverride, {
+        ...adf,
+        content: [...adf.content.slice(0, 2)]
+      }).textContent;
+    }
+    return null;
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error('error parsing adf', e);
+    return null;
+  }
+};
+const RichTextType = ({
+  value
+}) => {
+  const adfPlainText = useMemo(() => 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/es2019/ui/issue-like-table/render-type/text/index.js

@@ -1,5 +1,7 @@
 import React from 'react';
-import { Text } from '@atlaskit/primitives';
+import { fg } from "@atlaskit/platform-feature-flags";
+import { Text } from '@atlaskit/primitives/compiled';
+import TextRenderTypeOld from './text-old';
 export const TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
 const TextRenderType = ({
   text,
@@ -12,4 +14,11 @@ const TextRenderType = ({
     testId: testId
   }, text), /*#__PURE__*/React.createElement("br", null));
 };
-export default TextRenderType;
+const TextRenderTypeExported = props => {
+  if (fg('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(TextRenderType, props);
+  } else {
+    return /*#__PURE__*/React.createElement(TextRenderTypeOld, props);
+  }
+};
+export default TextRenderTypeExported;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Text } from '@atlaskit/primitives';
+export const TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
+const TextRenderType = ({
+  text,
+  testId = TEXT_TYPE_TEST_ID
+}) => {
+  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/es2019/ui/issue-like-table/render-type/user/index.compiled.css

@@ -0,0 +1,10 @@
+._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._18m915vq{overflow-y:hidden}
+._1bto1l2s{text-overflow:ellipsis}
+._1e0c1txw{display:flex}
+._1reo15vq{overflow-x:hidden}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
+._4cvr1h6o{align-items:center}
+._k7zygrf3 ul{padding-left:0!important}
+._kqswh2mm{position:relative}
+._o5721q9c{white-space:nowrap}

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

@@ -1,45 +1,39 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./index.compiled.css";
+import { forwardRef } from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 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 { Box } from '@atlaskit/primitives/compiled';
 import { WidthObserver } from '@atlaskit/width-detector';
 import { userTypeMessages } from './messages';
-const userWrapperStyles = xcss({
-  display: 'flex',
-  alignItems: 'center',
-  font: 'font.body'
-});
-const avatarWrapperStyles = xcss({
-  marginRight: 'space.100'
-});
-const widthObserverWrapperStyles = xcss({
-  position: 'relative'
-});
-const labelWrapperStyles = css({
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  overflow: 'hidden'
-});
+import UserTypeOld from './user-old';
+const styles = {
+  userWrapperStyles: "_11c81oud _1e0c1txw _4cvr1h6o",
+  avatarWrapperStyles: "_2hwxu2gc",
+  widthObserverWrapperStyles: "_kqswh2mm"
+};
+const labelWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const 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'
-  }
+const AvatarGroupWrapperStyles = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_k7zygrf3", __cmplp.className])
+  }));
 });
+if (process.env.NODE_ENV !== 'production') {
+  AvatarGroupWrapperStyles.displayName = 'AvatarGroupWrapperStyles';
+}
 const getMaxUserCount = (userCount, availableWidth) => {
   if (availableWidth <= 28) {
     // If width is less than or equal to 28px, we should only display the user count
@@ -68,19 +62,19 @@ const UserType = ({
       testId = USER_TYPE_TEST_ID,
       children
     } = users[0] || {};
-    return jsx(Box, {
-      xcss: userWrapperStyles,
+    return /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.userWrapperStyles,
       testId: testId
-    }, jsx(Box, {
-      xcss: avatarWrapperStyles
-    }, jsx(Avatar, {
+    }, /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.avatarWrapperStyles
+    }, /*#__PURE__*/React.createElement(Avatar, {
       appearance: "circle",
       size: avatarSize || 'small',
       src: avatarSource,
       testId: `${testId}--avatar`
-    })), jsx("span", {
-      css: labelWrapperStyles
-    }, children || displayName || jsx(FormattedMessage, userTypeMessages.userDefaultdisplayNameValue)));
+    })), /*#__PURE__*/React.createElement("span", {
+      className: ax(["_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
+    }, children || displayName || /*#__PURE__*/React.createElement(FormattedMessage, userTypeMessages.userDefaultdisplayNameValue)));
   } else {
     const maxCount = width !== null ? getMaxUserCount(users.length, width) : 5;
     const data = users.filter(user => !!user.displayName).map(({
@@ -94,11 +88,11 @@ const UserType = ({
       src: avatarSource,
       testId: `${testId}--avatar`
     }));
-    return jsx(AvatarGroupWrapperStyles, null, jsx(Box, {
-      xcss: widthObserverWrapperStyles
-    }, jsx(WidthObserver, {
+    return /*#__PURE__*/React.createElement(AvatarGroupWrapperStyles, null, /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.widthObserverWrapperStyles
+    }, /*#__PURE__*/React.createElement(WidthObserver, {
       setWidth: setWidth
-    })), jsx(AvatarGroup, {
+    })), /*#__PURE__*/React.createElement(AvatarGroup, {
       data: data,
       maxCount: maxCount,
       size: "small",
@@ -107,4 +101,11 @@ const UserType = ({
     }));
   }
 };
-export default UserType;
+const UserTypeExported = props => {
+  if (fg('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(UserType, props);
+  } else {
+    return /*#__PURE__*/React.createElement(UserTypeOld, props);
+  }
+};
+export default UserTypeExported;

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

@@ -0,0 +1,110 @@
+/**
+ * @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';
+const userWrapperStyles = xcss({
+  display: 'flex',
+  alignItems: 'center',
+  font: 'font.body'
+});
+const avatarWrapperStyles = xcss({
+  marginRight: 'space.100'
+});
+const widthObserverWrapperStyles = xcss({
+  position: 'relative'
+});
+const 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
+const 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'
+  }
+});
+const getMaxUserCount = (userCount, availableWidth) => {
+  if (availableWidth <= 28) {
+    // If width is less than or equal to 28px, we should only display the user count
+    return 1;
+  }
+  const defaultMaxCount = 5;
+  const usersNumFitToAvailableWidth = Math.ceil((availableWidth - 28) / 20);
+  return usersNumFitToAvailableWidth > defaultMaxCount ? defaultMaxCount : usersNumFitToAvailableWidth;
+};
+export const USER_TYPE_TEST_ID = 'link-datasource-render-type--user';
+const UserType = ({
+  users
+}) => {
+  const [width, setWidth] = useState(null);
+  let multipleUsers = false;
+  if (fg('platform-datasources-enable-two-way-sync-assignee')) {
+    multipleUsers = users.length === 1;
+  } else {
+    multipleUsers = users.length <= 1;
+  }
+  if (multipleUsers) {
+    const {
+      avatarSource,
+      avatarSize = 'small',
+      displayName,
+      testId = USER_TYPE_TEST_ID,
+      children
+    } = users[0] || {};
+    return jsx(Box, {
+      xcss: userWrapperStyles,
+      testId: testId
+    }, jsx(Box, {
+      xcss: avatarWrapperStyles
+    }, jsx(Avatar, {
+      appearance: "circle",
+      size: avatarSize || 'small',
+      src: avatarSource,
+      testId: `${testId}--avatar`
+    })), jsx("span", {
+      css: labelWrapperStyles
+    }, children || displayName || jsx(FormattedMessage, userTypeMessages.userDefaultdisplayNameValue)));
+  } else {
+    const maxCount = width !== null ? getMaxUserCount(users.length, width) : 5;
+    const data = users.filter(user => !!user.displayName).map(({
+      atlassianUserId,
+      displayName,
+      avatarSource,
+      testId
+    }) => ({
+      key: atlassianUserId,
+      name: displayName,
+      src: avatarSource,
+      testId: `${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/es2019/ui/issue-like-table/shared-components/avatar/avatar-old.js

@@ -0,0 +1,38 @@
+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';
+const userWrapperStyles = xcss({
+  display: 'flex',
+  alignItems: 'center',
+  font: 'font.body'
+});
+const avatarWrapperStyles = xcss({
+  marginRight: 'space.100'
+});
+const emptyAvatarWrapperStyles = xcss({
+  paddingBlock: 'space.050',
+  paddingInline: 'space.100',
+  opacity: 0,
+  ':hover': {
+    opacity: 1
+  }
+});
+export const EmptyAvatarOld = () => {
+  const 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: `${USER_TYPE_TEST_ID}--avatar`
+  })), /*#__PURE__*/React.createElement(FormattedMessage, userTypeMessages.userDefaultdisplayNameValue)));
+};

package/dist/es2019/ui/issue-like-table/shared-components/avatar/index.compiled.css

@@ -0,0 +1,8 @@
+._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._18zru2gc{padding-inline:var(--ds-space-100,8px)}
+._1rjc1b66{padding-block:var(--ds-space-050,4px)}
+._1e0c1txw{display:flex}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
+._4cvr1h6o{align-items:center}
+._tzy4idpf{opacity:0}
+._16l4kb7n:hover{opacity:1}

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

@@ -1,38 +1,38 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
-import { Box, xcss } from '@atlaskit/primitives';
+import { fg } from "@atlaskit/platform-feature-flags";
+import { Box } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { USER_TYPE_TEST_ID } from '../../render-type/user';
 import { userTypeMessages } from '../../render-type/user/messages';
-const userWrapperStyles = xcss({
-  display: 'flex',
-  alignItems: 'center',
-  font: 'font.body'
-});
-const avatarWrapperStyles = xcss({
-  marginRight: 'space.100'
-});
-const emptyAvatarWrapperStyles = xcss({
-  paddingBlock: 'space.050',
-  paddingInline: 'space.100',
-  opacity: 0,
-  ':hover': {
-    opacity: 1
-  }
-});
-export const EmptyAvatar = () => {
+import { EmptyAvatarOld } from './avatar-old';
+const styles = {
+  avatarWrapperStyles: "_2hwxu2gc",
+  emptyAvatarWrapperStyles: "_11c81oud _1rjc1b66 _18zru2gc _1e0c1txw _4cvr1h6o _tzy4idpf _16l4kb7n"
+};
+export const EmptyAvatarNew = () => {
   const intl = useIntl();
   return /*#__PURE__*/React.createElement(Tooltip, {
     content: intl.formatMessage(userTypeMessages.userDefaultdisplayNameValue)
   }, /*#__PURE__*/React.createElement(Box, {
-    xcss: [userWrapperStyles, emptyAvatarWrapperStyles],
+    xcss: styles.emptyAvatarWrapperStyles,
     testId: USER_TYPE_TEST_ID
   }, /*#__PURE__*/React.createElement(Box, {
-    xcss: avatarWrapperStyles
+    xcss: styles.avatarWrapperStyles
   }, /*#__PURE__*/React.createElement(Avatar, {
     appearance: "circle",
     size: 'small',
     testId: `${USER_TYPE_TEST_ID}--avatar`
   })), /*#__PURE__*/React.createElement(FormattedMessage, userTypeMessages.userDefaultdisplayNameValue)));
+};
+export const EmptyAvatar = () => {
+  if (fg('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(EmptyAvatarNew, null);
+  } else {
+    return /*#__PURE__*/React.createElement(EmptyAvatarOld, null);
+  }
 };