@atlaskit/link-datasource 3.19.2 → 3.20.0

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

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ICON_TYPE_TEXT_TEST_ID = exports.ICON_TYPE_TEST_ID = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _primitives = require("@atlaskit/primitives");
+var _text = _interopRequireDefault(require("../text"));
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var IconWrapper = _styled.default.div({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'left'
+});
+var textWrapperStyles = (0, _primitives.xcss)({
+  marginLeft: 'space.100',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap'
+});
+var ICON_TYPE_TEST_ID = exports.ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
+var ICON_TYPE_TEXT_TEST_ID = exports.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 label = _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.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.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.default.createElement(_primitives.Box, {
+    xcss: textWrapperStyles
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
+    testId: ICON_TYPE_TEXT_TEST_ID,
+    text: text
+  })));
+};
+var _default = exports.default = IconRenderType;

package/dist/cjs/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/cjs/ui/issue-like-table/render-type/icon/index.js

@@ -1,28 +1,42 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ICON_TYPE_TEXT_TEST_ID = exports.ICON_TYPE_TEST_ID = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _primitives = require("@atlaskit/primitives");
+require("./index.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _text = _interopRequireDefault(require("../text"));
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+var _iconOld = _interopRequireDefault(require("./icon-old"));
+var _excluded = ["as", "style"];
+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; }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var IconWrapper = _styled.default.div({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'left'
-});
-var textWrapperStyles = (0, _primitives.xcss)({
-  marginLeft: 'space.100',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
+var IconWrapper = (0, _react.forwardRef)(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "div" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _1bah1e5h", __cmplp.className])
+  }));
 });
+if (process.env.NODE_ENV !== 'production') {
+  IconWrapper.displayName = 'IconWrapper';
+}
+var styles = {
+  textWrapperStyles: "_1reo15vq _18m915vq _18u0u2gc _1bto1l2s _o5721q9c"
+};
 var ICON_TYPE_TEST_ID = exports.ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
 var ICON_TYPE_TEXT_TEST_ID = exports.ICON_TYPE_TEXT_TEST_ID = "".concat(ICON_TYPE_TEST_ID, "-text");
 
@@ -30,12 +44,12 @@ var ICON_TYPE_TEXT_TEST_ID = exports.ICON_TYPE_TEXT_TEST_ID = "".concat(ICON_TYP
  * @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 label = _ref.label,
-    text = _ref.text,
-    source = _ref.source,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? ICON_TYPE_TEST_ID : _ref$testId;
+var IconRenderType = function IconRenderType(_ref2) {
+  var label = _ref2.label,
+    text = _ref2.text,
+    source = _ref2.source,
+    _ref2$testId = _ref2.testId,
+    testId = _ref2$testId === void 0 ? ICON_TYPE_TEST_ID : _ref2$testId;
   return /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
     src: source,
     alt: label,
@@ -46,11 +60,18 @@ var IconRenderType = function IconRenderType(_ref) {
       minWidth: '20px',
       maxWidth: '20px'
     } // having just width: '20px' shrinks it when table width is reduced
-  }), text && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: textWrapperStyles
+  }), text && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.textWrapperStyles
   }, /*#__PURE__*/_react.default.createElement(_text.default, {
     testId: ICON_TYPE_TEXT_TEST_ID,
     text: text
   })));
 };
-var _default = exports.default = IconRenderType;
+var IconRenderTypeExported = function IconRenderTypeExported(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(IconRenderType, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_iconOld.default, props);
+  }
+};
+var _default = exports.default = IconRenderTypeExported;

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

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

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

@@ -1,24 +1,27 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parseRichText = 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 _react = require("react");
-var _react2 = require("@emotion/react");
 var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _richTextOld = _interopRequireDefault(require("./rich-text-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; }
 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
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var rootStyles = (0, _react2.css)({
-  position: 'relative'
-});
+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 : '';
@@ -54,14 +57,21 @@ var RichTextType = function RichTextType(_ref) {
     return parseRichText(value);
   }, [value]);
   if (adfPlainText) {
-    return (0, _react2.jsx)("span", {
-      css: rootStyles,
-      "data-testid": "richtext-plaintext"
+    return /*#__PURE__*/React.createElement("span", {
+      "data-testid": "richtext-plaintext",
+      className: (0, _runtime.ax)(["_kqswh2mm"])
     }, adfPlainText);
   } else {
-    return (0, _react2.jsx)("span", {
+    return /*#__PURE__*/React.createElement("span", {
       "data-testid": "richtext-unsupported"
     });
   }
 };
-var _default = exports.default = RichTextType;
+var RichTextTypeExported = function RichTextTypeExported(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(RichTextType, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_richTextOld.default, props);
+  }
+};
+var _default = exports.default = RichTextTypeExported;

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

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseRichText = exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+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
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var rootStyles = (0, _react2.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 _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);
+  }, [value]);
+  if (adfPlainText) {
+    return (0, _react2.jsx)("span", {
+      css: rootStyles,
+      "data-testid": "richtext-plaintext"
+    }, adfPlainText);
+  } else {
+    return (0, _react2.jsx)("span", {
+      "data-testid": "richtext-unsupported"
+    });
+  }
+};
+var _default = exports.default = RichTextType;

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

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TEXT_TYPE_TEST_ID = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _textOld = _interopRequireDefault(require("./text-old"));
 var TEXT_TYPE_TEST_ID = exports.TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
 var TextRenderType = function TextRenderType(_ref) {
   var text = _ref.text,
@@ -15,8 +17,15 @@ var TextRenderType = function TextRenderType(_ref) {
   if (!(text && typeof text === 'string')) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     testId: testId
   }, text), /*#__PURE__*/_react.default.createElement("br", null));
 };
-var _default = exports.default = TextRenderType;
+var TextRenderTypeExported = function TextRenderTypeExported(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(TextRenderType, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_textOld.default, props);
+  }
+};
+var _default = exports.default = TextRenderTypeExported;

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

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TEXT_TYPE_TEST_ID = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var TEXT_TYPE_TEST_ID = exports.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.default.createElement(_react.default.Fragment, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    testId: testId
+  }, text), /*#__PURE__*/_react.default.createElement("br", null));
+};
+var _default = exports.default = TextRenderType;

package/dist/cjs/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/cjs/ui/issue-like-table/render-type/user/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");
@@ -6,53 +7,45 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.USER_TYPE_TEST_ID = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _runtime = require("@compiled/react/runtime");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _reactIntlNext = require("react-intl-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _widthDetector = require("@atlaskit/width-detector");
 var _messages = require("./messages");
+var _userOld = _interopRequireDefault(require("./user-old"));
+var _excluded = ["as", "style"];
 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 -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var userWrapperStyles = (0, _primitives.xcss)({
-  display: 'flex',
-  alignItems: 'center',
-  font: 'font.body'
-});
-var avatarWrapperStyles = (0, _primitives.xcss)({
-  marginRight: 'space.100'
-});
-var widthObserverWrapperStyles = (0, _primitives.xcss)({
-  position: 'relative'
-});
-var labelWrapperStyles = (0, _react2.css)({
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  overflow: 'hidden'
-});
+var styles = {
+  userWrapperStyles: "_11c81oud _1e0c1txw _4cvr1h6o",
+  avatarWrapperStyles: "_2hwxu2gc",
+  widthObserverWrapperStyles: "_kqswh2mm"
+};
+var labelWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var AvatarGroupWrapperStyles = _styled.default.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 AvatarGroupWrapperStyles = (0, _react.forwardRef)(function (_ref, __cmplr) {
+  var _ref$as = _ref.as,
+    C = _ref$as === void 0 ? "div" : _ref$as,
+    __cmpls = _ref.style,
+    __cmplp = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: (0, _runtime.ax)(["_k7zygrf3", __cmplp.className])
+  }));
 });
+if (process.env.NODE_ENV !== 'production') {
+  AvatarGroupWrapperStyles.displayName = 'AvatarGroupWrapperStyles';
+}
 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
@@ -63,8 +56,8 @@ var getMaxUserCount = function getMaxUserCount(userCount, availableWidth) {
   return usersNumFitToAvailableWidth > defaultMaxCount ? defaultMaxCount : usersNumFitToAvailableWidth;
 };
 var USER_TYPE_TEST_ID = exports.USER_TYPE_TEST_ID = 'link-datasource-render-type--user';
-var UserType = function UserType(_ref) {
-  var users = _ref.users;
+var UserType = function UserType(_ref2) {
+  var users = _ref2.users;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     width = _useState2[0],
@@ -76,36 +69,36 @@ var UserType = function UserType(_ref) {
     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 (0, _react2.jsx)(_primitives.Box, {
-      xcss: userWrapperStyles,
+    var _ref3 = users[0] || {},
+      avatarSource = _ref3.avatarSource,
+      _ref3$avatarSize = _ref3.avatarSize,
+      avatarSize = _ref3$avatarSize === void 0 ? 'small' : _ref3$avatarSize,
+      displayName = _ref3.displayName,
+      _ref3$testId = _ref3.testId,
+      testId = _ref3$testId === void 0 ? USER_TYPE_TEST_ID : _ref3$testId,
+      children = _ref3.children;
+    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.userWrapperStyles,
       testId: testId
-    }, (0, _react2.jsx)(_primitives.Box, {
-      xcss: avatarWrapperStyles
-    }, (0, _react2.jsx)(_avatar.default, {
+    }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.avatarWrapperStyles
+    }, /*#__PURE__*/_react.default.createElement(_avatar.default, {
       appearance: "circle",
       size: avatarSize || 'small',
       src: avatarSource,
       testId: "".concat(testId, "--avatar")
-    })), (0, _react2.jsx)("span", {
-      css: labelWrapperStyles
-    }, children || displayName || (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.userTypeMessages.userDefaultdisplayNameValue)));
+    })), /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
+    }, children || displayName || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.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;
+    }).map(function (_ref4) {
+      var atlassianUserId = _ref4.atlassianUserId,
+        displayName = _ref4.displayName,
+        avatarSource = _ref4.avatarSource,
+        testId = _ref4.testId;
       return {
         key: atlassianUserId,
         name: displayName,
@@ -113,11 +106,11 @@ var UserType = function UserType(_ref) {
         testId: "".concat(testId, "--avatar")
       };
     });
-    return (0, _react2.jsx)(AvatarGroupWrapperStyles, null, (0, _react2.jsx)(_primitives.Box, {
-      xcss: widthObserverWrapperStyles
-    }, (0, _react2.jsx)(_widthDetector.WidthObserver, {
+    return /*#__PURE__*/_react.default.createElement(AvatarGroupWrapperStyles, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.widthObserverWrapperStyles
+    }, /*#__PURE__*/_react.default.createElement(_widthDetector.WidthObserver, {
       setWidth: setWidth
-    })), (0, _react2.jsx)(_avatarGroup.default, {
+    })), /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
       data: data,
       maxCount: maxCount,
       size: "small",
@@ -126,4 +119,11 @@ var UserType = function UserType(_ref) {
     }));
   }
 };
-var _default = exports.default = UserType;
+var UserTypeExported = function UserTypeExported(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(UserType, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_userOld.default, props);
+  }
+};
+var _default = exports.default = UserTypeExported;