@atlaskit/link-datasource 3.19.2 → 3.20.1

package/dist/cjs/ui/common/initial-state-view/index.js

@@ -1,55 +1,31 @@
+/* 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.InitialStateView = void 0;
-var _react = require("@emotion/react");
+exports.InitialStateViewNew = exports.InitialStateView = void 0;
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _typography = require("@atlaskit/theme/typography");
+var _initialStateViewOld = require("./initial-state-view-old");
 var _messages = require("./messages");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var initialStateViewContainerStyles = (0, _react.css)({
-  display: 'flex',
-  justifyContent: 'center',
-  height: '100%'
-});
-var svgAndTextsWrapperStyles = (0, _react.css)({
-  textAlign: 'center',
-  alignSelf: 'center',
-  paddingTop: "var(--ds-space-600, 48px)",
-  paddingBottom: "var(--ds-space-600, 48px)"
-});
-var betaTagStyles = (0, _react.css)({
-  display: 'flex'
-});
-var searchTitleStyles = (0, _react.css)({
-  color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: "var(--ds-font-heading-medium, ".concat(_typography.fontFallback.heading.medium, ")"),
-  paddingTop: "var(--ds-space-200, 16px)",
-  paddingBottom: "var(--ds-space-100, 8px)",
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  gap: "var(--ds-space-100, 8px)"
-});
-var mainTextStyles = (0, _react.css)({
-  color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")")
-});
-var learnMoreLinkStyles = (0, _react.css)({
-  paddingTop: "var(--ds-space-200, 16px)",
-  display: 'inline-block'
-});
-var InitialStateView = exports.InitialStateView = function InitialStateView(_ref) {
+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; }
+var initialStateViewContainerStyles = null;
+var svgAndTextsWrapperStyles = null;
+var betaTagStyles = null;
+var searchTitleStyles = null;
+var mainTextStyles = null;
+var learnMoreLinkStyles = null;
+var InitialStateViewNew = exports.InitialStateViewNew = function InitialStateViewNew(_ref) {
   var icon = _ref.icon,
     _ref$showBeta = _ref.showBeta,
     showBeta = _ref$showBeta === void 0 ? false : _ref$showBeta,
@@ -58,22 +34,35 @@ var InitialStateView = exports.InitialStateView = function InitialStateView(_ref
     learnMoreLink = _ref.learnMoreLink;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  return (0, _react.jsx)("div", {
-    css: initialStateViewContainerStyles,
-    "data-testid": "datasource-modal--initial-state-view"
-  }, (0, _react.jsx)("div", {
-    css: svgAndTextsWrapperStyles
-  }, icon, (0, _react.jsx)("div", {
-    css: searchTitleStyles
-  }, showBeta && (0, _react.jsx)("div", {
-    css: betaTagStyles
-  }, (0, _react.jsx)(_lozenge.default, {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "datasource-modal--initial-state-view",
+    className: (0, _runtime.ax)(["_1e0c1txw _1bah1h6o _4t3i1osq"])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_y3gn1h6o _1wpz1h6o _ca0qoahv _n3tdoahv"])
+  }, icon, /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_zulpu2gc _syazg0pi _ca0qpxbi _n3tdu2gc _1e0c1txw _1bah1h6o _4cvr1h6o _wtt41hi2 _pfzw1qd6 _zzcc1522 _x3fx5x7c _v2gl1dku _1y0b14fl _z7oy15vm"]),
+    style: {
+      "--_1dzgjqk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N300, ")"))
+    }
+  }, showBeta && /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_1e0c1txw"])
+  }, /*#__PURE__*/React.createElement(_lozenge.default, {
     appearance: "new"
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.initialStateViewMessages.beta))), formatMessage(title)), (0, _react.jsx)("div", {
-    css: mainTextStyles
-  }, formatMessage(description)), learnMoreLink && (0, _react.jsx)("a", {
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.initialStateViewMessages.beta))), formatMessage(title)), /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_syazg0pi"]),
+    style: {
+      "--_1dzgjqk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N300, ")"))
+    }
+  }, formatMessage(description)), learnMoreLink && /*#__PURE__*/React.createElement("a", {
     href: learnMoreLink.href,
     target: "_blank",
-    css: learnMoreLinkStyles
+    className: (0, _runtime.ax)(["_ca0qpxbi _1e0c1o8l"])
   }, formatMessage(learnMoreLink.text))));
+};
+var InitialStateView = exports.InitialStateView = function InitialStateView(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(InitialStateViewNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_initialStateViewOld.InitialStateViewOld, props);
+  }
 };

package/dist/cjs/ui/common/initial-state-view/initial-state-view-old.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InitialStateViewOld = void 0;
+var _react = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _colors = require("@atlaskit/theme/colors");
+var _typography = require("@atlaskit/theme/typography");
+var _messages = require("./messages");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var initialStateViewContainerStyles = (0, _react.css)({
+  display: 'flex',
+  justifyContent: 'center',
+  height: '100%'
+});
+var svgAndTextsWrapperStyles = (0, _react.css)({
+  textAlign: 'center',
+  alignSelf: 'center',
+  paddingTop: "var(--ds-space-600, 48px)",
+  paddingBottom: "var(--ds-space-600, 48px)"
+});
+var betaTagStyles = (0, _react.css)({
+  display: 'flex'
+});
+var searchTitleStyles = (0, _react.css)({
+  color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  font: "var(--ds-font-heading-medium, ".concat(_typography.fontFallback.heading.medium, ")"),
+  paddingTop: "var(--ds-space-200, 16px)",
+  paddingBottom: "var(--ds-space-100, 8px)",
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  gap: "var(--ds-space-100, 8px)"
+});
+var mainTextStyles = (0, _react.css)({
+  color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")")
+});
+var learnMoreLinkStyles = (0, _react.css)({
+  paddingTop: "var(--ds-space-200, 16px)",
+  display: 'inline-block'
+});
+var InitialStateViewOld = exports.InitialStateViewOld = function InitialStateViewOld(_ref) {
+  var icon = _ref.icon,
+    _ref$showBeta = _ref.showBeta,
+    showBeta = _ref$showBeta === void 0 ? false : _ref$showBeta,
+    title = _ref.title,
+    description = _ref.description,
+    learnMoreLink = _ref.learnMoreLink;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return (0, _react.jsx)("div", {
+    css: initialStateViewContainerStyles,
+    "data-testid": "datasource-modal--initial-state-view"
+  }, (0, _react.jsx)("div", {
+    css: svgAndTextsWrapperStyles
+  }, icon, (0, _react.jsx)("div", {
+    css: searchTitleStyles
+  }, showBeta && (0, _react.jsx)("div", {
+    css: betaTagStyles
+  }, (0, _react.jsx)(_lozenge.default, {
+    appearance: "new"
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.initialStateViewMessages.beta))), formatMessage(title)), (0, _react.jsx)("div", {
+    css: mainTextStyles
+  }, formatMessage(description)), learnMoreLink && (0, _react.jsx)("a", {
+    href: learnMoreLink.href,
+    target: "_blank",
+    css: learnMoreLinkStyles
+  }, formatMessage(learnMoreLink.text))));
+};

package/dist/cjs/ui/common/modal/basic-search-input/basic-search-input-old.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BasicSearchInputOld = void 0;
+var _react = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _button = require("@atlaskit/button");
+var _searchEditorSearch = _interopRequireDefault(require("@atlaskit/icon/core/migration/search--editor-search"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _analytics = require("../../../../analytics");
+var _messages = require("./messages");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var searchButtonStyles = (0, _react.css)({
+  marginRight: "var(--ds-space-075, 6px)"
+});
+var formStyles = (0, _react.css)({
+  flex: 1
+});
+var formWithMaxWidthStyles = (0, _react.css)({
+  flex: 1,
+  maxWidth: 250
+});
+var BasicSearchInputOld = exports.BasicSearchInputOld = function BasicSearchInputOld(_ref) {
+  var isDisabled = _ref.isDisabled,
+    isSearching = _ref.isSearching,
+    onChange = _ref.onChange,
+    onSearch = _ref.onSearch,
+    searchTerm = _ref.searchTerm,
+    fullWidth = _ref.fullWidth,
+    testId = _ref.testId,
+    placeholder = _ref.placeholder;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  var handleSearchWithAnalytics = function handleSearchWithAnalytics() {
+    fireEvent('ui.form.submitted.basicSearch', {});
+    onSearch(searchTerm);
+  };
+  var handleFormSubmit = function handleFormSubmit(e) {
+    e.preventDefault();
+    handleSearchWithAnalytics();
+  };
+  return (0, _react.jsx)("form", {
+    css: fullWidth ? formStyles : formWithMaxWidthStyles,
+    onSubmit: handleFormSubmit
+  }, (0, _react.jsx)(_textfield.default, {
+    elemAfterInput: (0, _react.jsx)(_button.LoadingButton, {
+      appearance: "primary",
+      css: searchButtonStyles,
+      iconBefore: (0, _react.jsx)(_searchEditorSearch.default, {
+        label: formatMessage((0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? _messages.basicSearchInputMessages.basicTextSearchLabelIssueTermRefresh : _messages.basicSearchInputMessages.basicTextSearchLabel),
+        LEGACY_size: "medium",
+        color: "currentColor",
+        spacing: "spacious"
+      }),
+      isDisabled: isDisabled,
+      isLoading: isSearching,
+      onClick: handleSearchWithAnalytics,
+      spacing: "none",
+      testId: "".concat(testId, "--basic-search-button")
+    }),
+    autoFocus: true,
+    onChange: onChange,
+    placeholder: formatMessage(placeholder),
+    testId: "".concat(testId, "--basic-search-input"),
+    value: searchTerm
+  }));
+};

package/dist/cjs/ui/common/modal/basic-search-input/index.compiled.css

@@ -0,0 +1,5 @@
+._16jlkb7n{flex-grow:1}
+._1o9zkb7n{flex-shrink:1}
+._2hwx12x7{margin-right:var(--ds-space-075,6px)}
+._i0dlf1ug{flex-basis:0%}
+._p12fr0r7{max-width:250px}

package/dist/cjs/ui/common/modal/basic-search-input/index.js

@@ -1,36 +1,29 @@
+/* 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.BasicSearchInput = void 0;
-var _react = require("@emotion/react");
+exports.BasicSearchInputNew = exports.BasicSearchInput = void 0;
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
 var _button = require("@atlaskit/button");
 var _searchEditorSearch = _interopRequireDefault(require("@atlaskit/icon/core/migration/search--editor-search"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _analytics = require("../../../../analytics");
+var _basicSearchInputOld = require("./basic-search-input-old");
 var _messages = require("./messages");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var searchButtonStyles = (0, _react.css)({
-  marginRight: "var(--ds-space-075, 6px)"
-});
-var formStyles = (0, _react.css)({
-  flex: 1
-});
-var formWithMaxWidthStyles = (0, _react.css)({
-  flex: 1,
-  maxWidth: 250
-});
-var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref) {
+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; }
+var searchButtonStyles = null;
+var formStyles = null;
+var formWithMaxWidthStyles = null;
+var BasicSearchInputNew = exports.BasicSearchInputNew = function BasicSearchInputNew(_ref) {
   var isDisabled = _ref.isDisabled,
     isSearching = _ref.isSearching,
     onChange = _ref.onChange,
@@ -51,14 +44,13 @@ var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref
     e.preventDefault();
     handleSearchWithAnalytics();
   };
-  return (0, _react.jsx)("form", {
-    css: fullWidth ? formStyles : formWithMaxWidthStyles,
-    onSubmit: handleFormSubmit
-  }, (0, _react.jsx)(_textfield.default, {
-    elemAfterInput: (0, _react.jsx)(_button.LoadingButton, {
+  return /*#__PURE__*/React.createElement("form", {
+    onSubmit: handleFormSubmit,
+    className: (0, _runtime.ax)([fullWidth ? "_16jlkb7n _1o9zkb7n _i0dlf1ug" : "_16jlkb7n _1o9zkb7n _i0dlf1ug _p12fr0r7"])
+  }, /*#__PURE__*/React.createElement(_textfield.default, {
+    elemAfterInput: /*#__PURE__*/React.createElement(_button.LoadingButton, {
       appearance: "primary",
-      css: searchButtonStyles,
-      iconBefore: (0, _react.jsx)(_searchEditorSearch.default, {
+      iconBefore: /*#__PURE__*/React.createElement(_searchEditorSearch.default, {
         label: formatMessage((0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? _messages.basicSearchInputMessages.basicTextSearchLabelIssueTermRefresh : _messages.basicSearchInputMessages.basicTextSearchLabel),
         LEGACY_size: "medium",
         color: "currentColor",
@@ -68,7 +60,8 @@ var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref
       isLoading: isSearching,
       onClick: handleSearchWithAnalytics,
       spacing: "none",
-      testId: "".concat(testId, "--basic-search-button")
+      testId: "".concat(testId, "--basic-search-button"),
+      className: (0, _runtime.ax)(["_2hwx12x7"])
     }),
     autoFocus: true,
     onChange: onChange,
@@ -76,4 +69,11 @@ var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref
     testId: "".concat(testId, "--basic-search-input"),
     value: searchTerm
   }));
+};
+var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(BasicSearchInputNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_basicSearchInputOld.BasicSearchInputOld, props);
+  }
 };

package/dist/cjs/ui/common/modal/cancel-button/index.js

@@ -1,23 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CancelButton = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _analytics = require("../../../../analytics");
 var _messages = require("./messages");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+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; }
 var CancelButton = exports.CancelButton = function CancelButton(_ref) {
   var getAnalyticsPayload = _ref.getAnalyticsPayload,
     onCancel = _ref.onCancel,
@@ -28,9 +23,9 @@ var CancelButton = exports.CancelButton = function CancelButton(_ref) {
     fireEvent('ui.button.clicked.cancel', getAnalyticsPayload());
     onCancel();
   }, [getAnalyticsPayload, fireEvent, onCancel]);
-  return (0, _react2.jsx)(_standardButton.default, {
+  return /*#__PURE__*/_react.default.createElement(_standardButton.default, {
     appearance: "default",
     onClick: onCancelClick,
     testId: testId
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.cancelButtonMessages.cancelButtonText));
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.cancelButtonMessages.cancelButtonText));
 };

package/dist/cjs/ui/common/modal/content-container/content-container-old.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentContainerOld = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _colors = require("@atlaskit/theme/colors");
+var _issueLikeTableOld = require("../../../issue-like-table/issue-like-table-old");
+var contentContainerStyles = (0, _primitives.xcss)({
+  display: 'grid',
+  maxHeight: '420px',
+  overflow: 'auto',
+  borderBottom: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")")),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  backgroundImage: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundImage,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  backgroundPosition: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundPosition,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  backgroundRepeat: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundRepeat,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  backgroundSize: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundSize,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  backgroundAttachment: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundAttachment
+});
+var tableContainerStyles = (0, _primitives.xcss)({
+  borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
+  borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
+  border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
+});
+var ContentContainerOld = exports.ContentContainerOld = function ContentContainerOld(_ref) {
+  var children = _ref.children,
+    withTableBorder = _ref.withTableBorder;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: [contentContainerStyles, withTableBorder && tableContainerStyles]
+  }, children);
+};

package/dist/cjs/ui/common/modal/content-container/index.compiled.css

@@ -0,0 +1,16 @@
+
+._1kl71x13{border-left:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
+._1s7z1x13{border-right:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
+._n7zl1x13{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
+._n7zl8e97{border-bottom:var(--ds-border-width-outline,2px) solid var(--ds-border,#dfe1e6)}
+._x3do1x13{border-top:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}._12vemgnk{background-repeat:no-repeat}
+._13lipd34{border-top-left-radius:var(--ds-border-radius-200,8px)}
+._18m91wug{overflow-y:auto}
+._1e0c11p5{display:grid}
+._1itk1sfv{background-image:linear-gradient(90deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(90deg,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.1)),transparent),linear-gradient(90deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 70%),linear-gradient(90deg,transparent,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.1))),linear-gradient(0deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 30%),linear-gradient(0deg,transparent,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.05))),linear-gradient(0deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(0deg,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.05)),transparent)}
+._1lrw1sd4{background-size:40px 100%,14px 100%,40px 100%,14px 100%,100% 75pt,100% 14px,100% 40px,100% 10px}
+._1reo1wug{overflow-x:auto}
+._c71l1pna{max-height:420px}
+._ouxlbac2{background-position:0,0,100%,100%,top,0 52px,bottom,bottom}
+._qmxj1c00{background-attachment:local,scroll,local,scroll,local,scroll,local,scroll}
+._qrwqpd34{border-top-right-radius:var(--ds-border-radius-200,8px)}

package/dist/cjs/ui/common/modal/content-container/index.js

@@ -1,45 +1,34 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ContentContainer = void 0;
-var _react = require("@emotion/react");
-var _primitives = require("@atlaskit/primitives");
+exports.ContentContainerNew = exports.ContentContainer = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _css = require("@atlaskit/css");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
-var _issueLikeTable = require("../../../issue-like-table");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var contentContainerStyles = (0, _primitives.xcss)({
-  display: 'grid',
-  maxHeight: '420px',
-  overflow: 'auto',
-  borderBottom: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")")),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundImage: _issueLikeTable.scrollableContainerShadowsCssComponents.backgroundImage,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundPosition: _issueLikeTable.scrollableContainerShadowsCssComponents.backgroundPosition,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundRepeat: _issueLikeTable.scrollableContainerShadowsCssComponents.backgroundRepeat,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundSize: _issueLikeTable.scrollableContainerShadowsCssComponents.backgroundSize,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundAttachment: _issueLikeTable.scrollableContainerShadowsCssComponents.backgroundAttachment
-});
-var tableContainerStyles = (0, _primitives.xcss)({
-  borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
-  borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
-  border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
-});
-var ContentContainer = exports.ContentContainer = function ContentContainer(_ref) {
+var _contentContainerOld = require("./content-container-old");
+var styles = {
+  tableContainerStyles: "_n7zl1x13 _x3do1x13 _1kl71x13 _1s7z1x13 _13lipd34 _qrwqpd34",
+  contentContainerStyles: "_1reo1wug _18m91wug _n7zl8e97 _1e0c11p5 _c71l1pna _1itk1sfv _ouxlbac2 _12vemgnk _1lrw1sd4 _qmxj1c00"
+};
+var ContentContainerNew = exports.ContentContainerNew = function ContentContainerNew(_ref) {
   var children = _ref.children,
     withTableBorder = _ref.withTableBorder;
-  return (0, _react.jsx)(_primitives.Box, {
-    xcss: [contentContainerStyles, withTableBorder && tableContainerStyles]
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(styles.contentContainerStyles, withTableBorder && styles.tableContainerStyles)
   }, children);
+};
+var ContentContainer = exports.ContentContainer = function ContentContainer(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(ContentContainerNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_contentContainerOld.ContentContainerOld, props);
+  }
 };

package/dist/cjs/ui/common/modal/count-view-smart-link/count-view-smart-link-old.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SmartLinkOld = exports.SmartCardPlaceholderOld = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
+var _link = _interopRequireDefault(require("../../../issue-like-table/render-type/link"));
+var placeholderSmartLinkStyles = (0, _primitives.xcss)({
+  backgroundColor: 'elevation.surface.raised',
+  borderRadius: "var(--ds-border-radius-200, 3px)",
+  color: 'color.text.brand',
+  paddingTop: 'space.0',
+  paddingBottom: 'space.0',
+  paddingLeft: 'space.025',
+  paddingRight: 'space.025',
+  boxShadow: 'elevation.shadow.raised'
+});
+var smartLinkContainerStyles = (0, _primitives.xcss)({
+  paddingLeft: 'space.025'
+});
+var SmartCardPlaceholderOld = exports.SmartCardPlaceholderOld = function SmartCardPlaceholderOld(_ref) {
+  var placeholderText = _ref.placeholderText;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: smartLinkContainerStyles
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    as: "span",
+    testId: "datasource-modal--smart-card-placeholder",
+    xcss: placeholderSmartLinkStyles
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, placeholderText)));
+};
+var SmartLinkOld = exports.SmartLinkOld = function SmartLinkOld(_ref2) {
+  var url = _ref2.url;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: smartLinkContainerStyles
+  }, /*#__PURE__*/_react.default.createElement(_link.default, {
+    url: url
+  }));
+};

package/dist/cjs/ui/common/modal/count-view-smart-link/index.compiled.css

@@ -0,0 +1,7 @@
+
+._2rko16jk{border-radius:var(--ds-border-radius-200,3px)}._16qszucj{box-shadow:var(--ds-shadow-raised,0 1px 1px #091e4240,0 0 1px #091e424f)}
+._19bvv77o{padding-left:var(--ds-space-025,2px)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._syaz1e6v{color:var(--ds-text-brand,#0c66e4)}
+._u5f3v77o{padding-right:var(--ds-space-025,2px)}