@atlaskit/link-datasource 3.19.2 → 3.20.0

package/dist/cjs/ui/common/error-state/provider-auth-required-svg.js

@@ -1,71 +1,69 @@
+/* provider-auth-required-svg.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ProviderAuthRequiredSVG = void 0;
-var _react = require("@emotion/react");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var imageStyles = (0, _react.css)({
-  width: 200,
-  height: 140,
-  marginBottom: "var(--ds-space-200, 16px)"
-});
-var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function ProviderAuthRequiredSVG() {
-  return (0, _react.jsx)("svg", {
+exports.ProviderAuthRequiredSVGNew = exports.ProviderAuthRequiredSVG = void 0;
+require("./provider-auth-required-svg.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _providerAuthRequiredSvgOld = require("./provider-auth-required-svg-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; }
+var imageStyles = null;
+var ProviderAuthRequiredSVGNew = exports.ProviderAuthRequiredSVGNew = function ProviderAuthRequiredSVGNew() {
+  return /*#__PURE__*/React.createElement("svg", {
     width: "170",
     height: "130",
     viewBox: "0 0 170 130",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    css: imageStyles
-  }, (0, _react.jsx)("rect", {
+    className: (0, _runtime.ax)(["_1bsbuuw1 _4t3i11ux _otyrpxbi"])
+  }, /*#__PURE__*/React.createElement("rect", {
     width: "170",
     height: "130",
     rx: "6.25",
     fill: "white"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M163.75 2H6.25C3.90279 2 2 3.90279 2 6.25V123.75C2 126.097 3.90279 128 6.25 128H163.75C166.097 128 168 126.097 168 123.75V6.25C168 3.90279 166.097 2 163.75 2ZM6.25 0C2.79822 0 0 2.79822 0 6.25V123.75C0 127.202 2.79822 130 6.25 130H163.75C167.202 130 170 127.202 170 123.75V6.25C170 2.79822 167.202 0 163.75 0H6.25Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M168 14H2V12H168V14Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M168 43L2 43L2 41L168 41V43Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M168 72H2V70H168V72Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M28 128L28 2H30L30 128H28Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M98 128L98 2H100L100 128H98Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "34",
     y: "24.5",
     width: "60",
@@ -73,7 +71,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "104",
     y: "24.5",
     width: "60",
@@ -81,7 +79,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "34",
     y: "53.5",
     width: "60",
@@ -89,7 +87,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "104",
     y: "53.5",
     width: "60",
@@ -97,7 +95,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "34",
     y: "111.5",
     width: "60",
@@ -105,7 +103,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "104",
     y: "111.5",
     width: "60",
@@ -113,7 +111,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "34",
     y: "82.5",
     width: "60",
@@ -121,7 +119,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     x: "104",
     y: "82.5",
     width: "60",
@@ -129,7 +127,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "3",
     fill: "#091E42",
     fillOpacity: "0.06"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     opacity: "0.5",
     x: "8",
     y: "20.5",
@@ -137,7 +135,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     height: "14",
     rx: "2",
     fill: "#1D7AFC"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     opacity: "0.5",
     x: "8",
     y: "49.5",
@@ -145,13 +143,13 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     height: "14",
     rx: "2",
     fill: "#1D7AFC"
-  }), (0, _react.jsx)("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M168 101H2V99H168V101Z",
     fill: "#091E42",
     fillOpacity: "0.14"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     opacity: "0.5",
     x: "8",
     y: "107.5",
@@ -159,7 +157,7 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     height: "14",
     rx: "2",
     fill: "#1D7AFC"
-  }), (0, _react.jsx)("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     opacity: "0.5",
     x: "8",
     y: "78.5",
@@ -168,4 +166,11 @@ var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function Provide
     rx: "2",
     fill: "#1D7AFC"
   }));
+};
+var ProviderAuthRequiredSVG = exports.ProviderAuthRequiredSVG = function ProviderAuthRequiredSVG() {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(ProviderAuthRequiredSVGNew, null);
+  } else {
+    return /*#__PURE__*/React.createElement(_providerAuthRequiredSvgOld.ProviderAuthRequiredSVGOld, null);
+  }
 };

package/dist/cjs/ui/common/error-state/provider-auth-required.compiled.css

@@ -0,0 +1 @@
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}

package/dist/cjs/ui/common/error-state/provider-auth-required.js

@@ -1,3 +1,4 @@
+/* provider-auth-required.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,36 +6,29 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ProviderAuthRequired = void 0;
+exports.ProviderAuthRequiredNew = exports.ProviderAuthRequired = void 0;
+require("./provider-auth-required.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
 var _outboundAuthFlowClient = require("@atlaskit/outbound-auth-flow-client");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _analytics = require("../../../analytics");
 var _useErrorLogger2 = _interopRequireDefault(require("../../../hooks/useErrorLogger"));
 var _messages = require("./messages");
+var _providerAuthRequiredOld = require("./provider-auth-required-old");
 var _providerAuthRequiredSvg = require("./provider-auth-required-svg");
 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
-
-var buttonStyles = (0, _react2.css)({
-  marginTop: "var(--ds-space-200, 16px)"
-});
+var buttonStyles = null;
 var learnMoreAboutSmartLinksUrl = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-Links-from-Jira-and-other-products';
-var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthRequired(_ref) {
+var ProviderAuthRequiredNew = exports.ProviderAuthRequiredNew = function ProviderAuthRequiredNew(_ref) {
   var _ref$auth = _ref.auth,
     auth = _ref$auth === void 0 ? [] : _ref$auth,
     onAuthSuccess = _ref.onAuthSuccess,
@@ -93,24 +87,24 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
       return _ref2.apply(this, arguments);
     };
   }();
-  var AnchorFFed = (0, _platformFeatureFlags.fg)('fix_a11y_violations_in_link_datasource') ? _primitives.Anchor : 'a';
+  var AnchorFFed = (0, _platformFeatureFlags.fg)('fix_a11y_violations_in_link_datasource') ? _compiled.Anchor : 'a';
   var renderAuthDescription = function renderAuthDescription() {
-    return (0, _react2.jsx)(_react.default.Fragment, null, formatMessage(_messages.loadingErrorMessages.authScreenDescriptionText, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatMessage(_messages.loadingErrorMessages.authScreenDescriptionText, {
       providerName: providerName
-    }), ' ', (0, _react2.jsx)(AnchorFFed, {
+    }), ' ', /*#__PURE__*/_react.default.createElement(AnchorFFed, {
       href: learnMoreAboutSmartLinksUrl,
       target: "_blank",
       rel: "noreferrer noopener"
     }, formatMessage(_messages.loadingErrorMessages.learnMoreAboutSmartLinks)));
   };
   var renderAuthConnectButton = function renderAuthConnectButton() {
-    return (0, _react2.jsx)(_button.default, {
+    return /*#__PURE__*/_react.default.createElement(_button.default, {
       onClick: onAuthRequest,
       appearance: "primary",
-      css: buttonStyles
+      className: (0, _runtime.ax)(["_19pkpxbi"])
     }, formatMessage(_messages.loadingErrorMessages.authConnectButtonText));
   };
-  return (0, _react2.jsx)(_emptyState.default, {
+  return /*#__PURE__*/_react.default.createElement(_emptyState.default, {
     testId: "datasource--access-required-with-auth",
     header: formatMessage(_messages.loadingErrorMessages.authScreenHeaderText, {
       providerName: providerName
@@ -119,4 +113,11 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
     renderImage: _providerAuthRequiredSvg.ProviderAuthRequiredSVG,
     primaryAction: renderAuthConnectButton()
   });
+};
+var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthRequired(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(ProviderAuthRequiredNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_providerAuthRequiredOld.ProviderAuthRequiredOld, props);
+  }
 };

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

@@ -0,0 +1,20 @@
+
+._zulpu2gc{gap:var(--ds-space-100,8px)}._1bah1h6o{justify-content:center}
+._1e0c1o8l{display:inline-block}
+._1e0c1txw{display:flex}
+._1wpz1h6o{align-self:center}
+._1y0b14fl font{xsmall:normal 600 14px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
+._ca0qoahv{padding-top:var(--ds-space-600,3pc)}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._pfzw1qd6 font{xlarge:normal 600 29px/2pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._syazg0pi{color:var(--_1dzgjqk)}
+._v2gl1dku font{small:normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._wtt41hi2 font{xxlarge:normal 500 35px/40px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._x3fx5x7c font{medium:normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._y3gn1h6o{text-align:center}
+._z7oy15vm font{xxsmall:normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._zzcc1522 font{large:normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}

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}