@atlaskit/link-datasource 3.19.2 → 3.20.0

package/dist/cjs/ui/assets-modal/search-container/search-container-old.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AssetsSearchContainerOld = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = require("@emotion/react");
+var _form = _interopRequireDefault(require("@atlaskit/form"));
+var _analytics = require("../../../analytics");
+var _aqlSearchInput = require("./aql-search-input");
+var _objectSchemaSelect = require("./object-schema-select");
+var _styledOld = require("./styled-old");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var DEFAULT_AQL_QUERY = '';
+var SEARCH_FORM_ID = 'linkDataSource.assets.configModal.searchContainer-form';
+var AssetsSearchContainerOld = exports.AssetsSearchContainerOld = function AssetsSearchContainerOld(props) {
+  var onSearch = props.onSearch,
+    workspaceId = props.workspaceId,
+    initialSearchData = props.initialSearchData,
+    modalTitle = props.modalTitle,
+    isSearching = props.isSearching;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  var onFormSubmit = function onFormSubmit(searchFormValues) {
+    var aql = searchFormValues.aql,
+      objectSchema = searchFormValues.objectSchema;
+    if (aql && objectSchema) {
+      fireEvent('ui.aqlEditor.searched', {});
+      // Pass the validated aql and object schema back to modal
+      onSearch(aql, objectSchema.value);
+    }
+  };
+  return (0, _react.jsx)(_form.default, {
+    onSubmit: onFormSubmit
+  }, function (_ref) {
+    var _initialSearchData$ob, _initialSearchData$ob2, _initialSearchData$aq;
+    var formProps = _ref.formProps;
+    return (0, _react.jsx)(_styledOld.FormContainer, (0, _extends2.default)({}, formProps, {
+      id: SEARCH_FORM_ID
+    }), (0, _react.jsx)(_styledOld.FormRowContainer, {
+      isNarrowGap: true
+    }, modalTitle, (0, _react.jsx)(_styledOld.SchemaSelectContainer, null, (0, _react.jsx)(_objectSchemaSelect.AssetsObjectSchemaSelect, {
+      value: (_initialSearchData$ob = initialSearchData.objectSchema) !== null && _initialSearchData$ob !== void 0 ? _initialSearchData$ob : undefined,
+      workspaceId: workspaceId,
+      initialObjectSchemas: (_initialSearchData$ob2 = initialSearchData.objectSchemas) !== null && _initialSearchData$ob2 !== void 0 ? _initialSearchData$ob2 : undefined,
+      classNamePrefix: "assets-datasource-modal--object-schema-select"
+    }))), (0, _react.jsx)(_styledOld.FormRowContainer, null, (0, _react.jsx)(_aqlSearchInput.AqlSearchInput, {
+      value: (_initialSearchData$aq = initialSearchData.aql) !== null && _initialSearchData$aq !== void 0 ? _initialSearchData$aq : DEFAULT_AQL_QUERY,
+      workspaceId: workspaceId,
+      isSearching: isSearching
+    })));
+  });
+};

package/dist/cjs/ui/assets-modal/search-container/styled-old.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SchemaSelectContainer = exports.FormRowContainer = exports.FormContainer = exports.FieldContainer = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+// 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, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+var FormRowContainer = exports.FormRowContainer = _styled.default.div(function (props) {
+  return {
+    alignItems: 'center',
+    display: 'flex',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    gap: props.isNarrowGap ? "var(--ds-space-100, 8px)" : "var(--ds-space-200, 16px)",
+    flexGrow: 1,
+    width: '100%'
+  };
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var FormContainer = exports.FormContainer = _styled.default.form({
+  display: 'grid',
+  rowGap: "var(--ds-space-200, 16px)",
+  width: '100%'
+});
+
+// Override the top margin of fields
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var FieldContainer = exports.FieldContainer = _styled.default.div({
+  flex: 1,
+  marginTop: "var(--ds-space-negative-100, -8px)"
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var SchemaSelectContainer = exports.SchemaSelectContainer = _styled.default.div({
+  width: '100%',
+  maxWidth: '386px'
+});
+"\nmv click-summary-column-dropdown-to-see-its-items--default--bandicoots-compiled-migration-smartcard-false.png click-summary-column-dropdown-to-see-its-items--default--bandicoots-compiled-migration-link-datasource-false.png\nmv click-summary-column-dropdown-to-see-its-items--default--bandicoots-compiled-migration-smartcard-true.png click-summary-column-dropdown-to-see-its-items--default--bandicoots-compiled-migration-link-datasource-true.png\nmv double-lined-date-of-creation-header-text-is-truncated-with-ellipses--default--bandicoots-compiled-migration-smartcard-false.png double-lined-date-of-creation-header-text-is-truncated-with-ellipses--default--bandicoots-compiled-migration-link-datasource-false.png\nmv double-lined-date-of-creation-header-text-is-truncated-with-ellipses--default--bandicoots-compiled-migration-smartcard-true.png double-lined-date-of-creation-header-text-is-truncated-with-ellipses--default--bandicoots-compiled-migration-link-datasource-true.png\nmv hovering-over-bug-icon--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-bug-icon--default--bandicoots-compiled-migration-link-datasource-false.png\nmv hovering-over-bug-icon--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-bug-icon--default--bandicoots-compiled-migration-link-datasource-true.png\nmv hovering-over-date--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-date--default--bandicoots-compiled-migration-link-datasource-false.png\nmv hovering-over-date--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-date--default--bandicoots-compiled-migration-link-datasource-true.png\nmv hovering-over-label-another-third-labels--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-label-another-third-labels--default--bandicoots-compiled-migration-link-datasource-false.png\nmv hovering-over-label-another-third-labels--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-label-another-third-labels--default--bandicoots-compiled-migration-link-datasource-true.png\nmv hovering-over-labels-header--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-labels-header--default--bandicoots-compiled-migration-link-datasource-false.png\nmv hovering-over-labels-header--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-labels-header--default--bandicoots-compiled-migration-link-datasource-true.png\nmv hovering-over-people--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-people--default--bandicoots-compiled-migration-link-datasource-false.png\nmv hovering-over-people--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-people--default--bandicoots-compiled-migration-link-datasource-true.png\nmv hovering-over-people-header--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-people-header--default--bandicoots-compiled-migration-link-datasource-false.png\nmv hovering-over-people-header--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-people-header--default--bandicoots-compiled-migration-link-datasource-true.png\nmv hovering-over-status-header--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-status-header--default--bandicoots-compiled-migration-link-datasource-false.png\nmv hovering-over-status-header--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-status-header--default--bandicoots-compiled-migration-link-datasource-true.png\nmv hovering-over-summary--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-summary--default--bandicoots-compiled-migration-link-datasource-false.png\nmv hovering-over-summary--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-summary--default--bandicoots-compiled-migration-link-datasource-true.png\nmv hovering-over-to-do-status--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-to-do-status--default--bandicoots-compiled-migration-link-datasource-false.png\nmv hovering-over-to-do-status--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-to-do-status--default--bandicoots-compiled-migration-link-datasource-true.png\nmv hovering-over-unassigned-assignee--default--bandicoots-compiled-migration-smartcard-false.png hovering-over-unassigned-assignee--default--bandicoots-compiled-migration-link-datasource-false.png\nmv hovering-over-unassigned-assignee--default--bandicoots-compiled-migration-smartcard-true.png hovering-over-unassigned-assignee--default--bandicoots-compiled-migration-link-datasource-true.png\nmv toggle-wrapping-on-several-columns--default--bandicoots-compiled-migration-smartcard-false.png toggle-wrapping-on-several-columns--default--bandicoots-compiled-migration-link-datasource-false.png\nmv toggle-wrapping-on-several-columns--default--bandicoots-compiled-migration-smartcard-true.png toggle-wrapping-on-several-columns--default--bandicoots-compiled-migration-link-datasource-true.png\n";

package/dist/cjs/ui/assets-modal/search-container/styled.compiled.css

@@ -0,0 +1,6 @@
+
+._zulppxbi{gap:var(--ds-space-200,1pc)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._16jlkb7n{flex-grow:1}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}

package/dist/cjs/ui/assets-modal/search-container/styled.js

@@ -1,41 +1,21 @@
+/* styled.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.SchemaSelectContainer = exports.FormRowContainer = exports.FormContainer = exports.FieldContainer = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-// 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, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-var FormRowContainer = exports.FormRowContainer = _styled.default.div(function (props) {
-  return {
-    alignItems: 'center',
-    display: 'flex',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    gap: props.isNarrowGap ? "var(--ds-space-100, 8px)" : "var(--ds-space-200, 16px)",
-    flexGrow: 1,
-    width: '100%'
-  };
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var FormContainer = exports.FormContainer = _styled.default.form({
-  display: 'grid',
-  rowGap: "var(--ds-space-200, 16px)",
-  width: '100%'
-});
-
-// Override the top margin of fields
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var FieldContainer = exports.FieldContainer = _styled.default.div({
-  flex: 1,
-  marginTop: "var(--ds-space-negative-100, -8px)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SchemaSelectContainer = exports.SchemaSelectContainer = _styled.default.div({
-  width: '100%',
-  maxWidth: '386px'
-});
+exports.FormRowContainer = void 0;
+require("./styled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+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 formRowContainerBaseStyles = null;
+var formRowContainerNarrowGapStyles = null;
+var formRowContainerWideGapStyles = null;
+var FormRowContainer = exports.FormRowContainer = function FormRowContainer(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_4cvr1h6o _1e0c1txw _16jlkb7n _1bsb1osq", props.isNarrowGap ? "_zulpu2gc" : "_zulppxbi"])
+  }, props.children);
+};

package/dist/cjs/ui/common/error-state/access-required-old.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccessRequiredOld = void 0;
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
+var _primitives = require("@atlaskit/primitives");
+var _colors = require("@atlaskit/theme/colors");
+var _typography = require("@atlaskit/theme/typography");
+var _analytics = require("../../../analytics");
+var _accessRequiredSvg = require("./access-required-svg");
+var _messages = require("./messages");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var urlStyles = (0, _react2.css)({
+  color: "var(--ds-text-subtlest, ".concat(_colors.N400, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  font: "var(--ds-font-body, ".concat(_typography.fontFallback.body.medium, ")")
+});
+var descriptionMessageStyles = (0, _react2.css)({
+  display: 'flex',
+  flexDirection: 'column',
+  gap: "var(--ds-space-200, 16px)"
+});
+var iconContainerStyles = (0, _primitives.xcss)({
+  marginBottom: 'space.200'
+});
+var Description = function Description(_ref) {
+  var message = _ref.message,
+    url = _ref.url;
+  return (0, _react2.jsx)("div", {
+    css: descriptionMessageStyles
+  }, (0, _react2.jsx)("span", {
+    css: urlStyles
+  }, url), (0, _react2.jsx)("span", null, message));
+};
+var IconContainer = function IconContainer() {
+  return (0, _react2.jsx)(_primitives.Box, {
+    xcss: iconContainerStyles
+  }, (0, _react2.jsx)(_accessRequiredSvg.AccessRequiredSVGOld, null));
+};
+var AccessRequiredOld = exports.AccessRequiredOld = function AccessRequiredOld(_ref2) {
+  var url = _ref2.url;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  (0, _react.useEffect)(function () {
+    fireEvent('ui.error.shown', {
+      reason: 'access'
+    });
+  }, [fireEvent]);
+  if (url) {
+    return (0, _react2.jsx)(_emptyState.default, {
+      testId: "datasource--access-required-with-url",
+      header: formatMessage(_messages.loadingErrorMessages.accessRequiredWithSite),
+      description: (0, _react2.jsx)(Description, {
+        message: formatMessage(_messages.loadingErrorMessages.accessInstructions),
+        url: url
+      }),
+      renderImage: IconContainer
+    });
+  }
+  return (0, _react2.jsx)(_emptyState.default, {
+    testId: "datasource--access-required",
+    header: formatMessage(_messages.loadingErrorMessages.accessRequired),
+    description: formatMessage(_messages.loadingErrorMessages.accessInstructions),
+    renderImage: IconContainer
+  });
+};

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

@@ -0,0 +1,6 @@
+._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)}
+._zulppxbi{gap:var(--ds-space-200,1pc)}
+._1e0c1txw{display:flex}
+._2lx21bp4{flex-direction:column}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._syaznoz8{color:var(--ds-text-subtlest,#505f79)}

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

@@ -1,70 +1,49 @@
+/* access-required.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.AccessRequired = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
+exports.AccessRequiredNew = exports.AccessRequired = void 0;
+require("./access-required.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var _typography = require("@atlaskit/theme/typography");
 var _analytics = require("../../../analytics");
-var _padlockKey = require("../../../common/ui/spot/basics/padlock-key");
+var _accessRequiredOld = require("./access-required-old");
 var _accessRequiredSvg = require("./access-required-svg");
 var _messages = require("./messages");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var urlStyles = (0, _react2.css)({
-  color: "var(--ds-text-subtlest, ".concat(_colors.N400, ")"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: "var(--ds-font-body, ".concat(_typography.fontFallback.body.medium, ")")
-});
-var descriptionMessageStyles = (0, _react2.css)({
-  display: 'flex',
-  flexDirection: 'column',
-  gap: "var(--ds-space-200, 16px)"
-});
-var iconContainerStyles = (0, _primitives.xcss)({
-  marginBottom: 'space.200'
-});
+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 styles = {
+  iconContainerStyles: "_otyrpxbi",
+  descriptionMessageStyles: "_zulppxbi _1e0c1txw _2lx21bp4",
+  urlStyles: "_11c81oud _syaznoz8"
+};
 var Description = function Description(_ref) {
   var message = _ref.message,
     url = _ref.url;
-  return (0, _react2.jsx)("div", {
-    css: descriptionMessageStyles
-  }, (0, _react2.jsx)("span", {
-    css: urlStyles
-  }, url), (0, _react2.jsx)("span", null, message));
-};
-var noop = function noop() {
-  return '';
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)([styles.descriptionMessageStyles])
+  }, /*#__PURE__*/React.createElement("span", {
+    className: (0, _runtime.ax)([styles.urlStyles])
+  }, url), /*#__PURE__*/React.createElement("span", null, message));
 };
 var IconContainer = function IconContainer() {
-  var _ref2 = (0, _platformFeatureFlags.fg)('bandicoots-update-sllv-icons') ?
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    (0, _reactIntlNext.useIntl)() : {
-      formatMessage: noop
-    },
-    formatMessage = _ref2.formatMessage;
-  return (0, _react2.jsx)(_primitives.Box, {
-    xcss: iconContainerStyles
-  }, (0, _platformFeatureFlags.fg)('bandicoots-update-sllv-icons') ? (0, _react2.jsx)(_padlockKey.SpotPadlockKey, {
-    size: 'xlarge',
-    alt: formatMessage(_messages.loadingErrorMessages.accessRequired)
-  }) : (0, _react2.jsx)(_accessRequiredSvg.AccessRequiredSVGOld, null));
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.iconContainerStyles
+  }, /*#__PURE__*/React.createElement(_accessRequiredSvg.AccessRequiredSVGOld, null));
 };
-var AccessRequired = exports.AccessRequired = function AccessRequired(_ref3) {
-  var url = _ref3.url;
+var AccessRequiredNew = exports.AccessRequiredNew = function AccessRequiredNew(_ref2) {
+  var url = _ref2.url;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
@@ -75,20 +54,27 @@ var AccessRequired = exports.AccessRequired = function AccessRequired(_ref3) {
     });
   }, [fireEvent]);
   if (url) {
-    return (0, _react2.jsx)(_emptyState.default, {
+    return /*#__PURE__*/React.createElement(_emptyState.default, {
       testId: "datasource--access-required-with-url",
       header: formatMessage(_messages.loadingErrorMessages.accessRequiredWithSite),
-      description: (0, _react2.jsx)(Description, {
+      description: /*#__PURE__*/React.createElement(Description, {
         message: formatMessage(_messages.loadingErrorMessages.accessInstructions),
         url: url
       }),
       renderImage: IconContainer
     });
   }
-  return (0, _react2.jsx)(_emptyState.default, {
+  return /*#__PURE__*/React.createElement(_emptyState.default, {
     testId: "datasource--access-required",
     header: formatMessage(_messages.loadingErrorMessages.accessRequired),
     description: formatMessage(_messages.loadingErrorMessages.accessInstructions),
     renderImage: IconContainer
   });
+};
+var AccessRequired = exports.AccessRequired = function AccessRequired(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(AccessRequiredNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_accessRequiredOld.AccessRequiredOld, props);
+  }
 };

package/dist/cjs/ui/common/error-state/loading-error-old.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingErrorOld = void 0;
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _primitives = require("@atlaskit/primitives");
+var _typography = require("@atlaskit/theme/typography");
+var _analytics = require("../../../analytics");
+var _loadingErrorSvgOld = require("./loading-error-svg-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 errorContainerStyles = (0, _react2.css)({
+  display: 'grid',
+  gap: "var(--ds-space-200, 16px)",
+  placeItems: 'center',
+  placeSelf: 'center'
+});
+var errorMessageContainerStyles = (0, _react2.css)({
+  display: 'grid',
+  gap: "var(--ds-space-100, 8px)",
+  placeItems: 'center'
+});
+var errorMessageStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  font: "var(--ds-font-heading-small, ".concat(_typography.fontFallback.heading.small, ")")
+});
+var LoadingErrorOld = exports.LoadingErrorOld = function LoadingErrorOld(_ref) {
+  var onRefresh = _ref.onRefresh;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  (0, _react.useEffect)(function () {
+    fireEvent('ui.error.shown', {
+      reason: 'network'
+    });
+  }, [fireEvent]);
+  return (0, _react2.jsx)(_primitives.Box, {
+    xcss: errorContainerStyles,
+    testId: "datasource--loading-error"
+  }, (0, _react2.jsx)(_loadingErrorSvgOld.LoadingErrorSVGOld, null), (0, _react2.jsx)(_primitives.Box, {
+    xcss: errorMessageContainerStyles
+  }, (0, _react2.jsx)(_primitives.Inline, {
+    as: "span",
+    xcss: errorMessageStyles
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadItems)), (0, _react2.jsx)(_primitives.Text, {
+    as: "p"
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection)), onRefresh && (0, _react2.jsx)(_standardButton.default, {
+    appearance: "primary",
+    onClick: onRefresh
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.refresh))));
+};

package/dist/cjs/ui/common/error-state/loading-error.compiled.css

@@ -0,0 +1,8 @@
+
+._11c81bk4{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._zulppxbi{gap:var(--ds-space-200,1pc)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._10fp1h6o{justify-self:center}
+._1e0c11p5{display:grid}
+._1wpz1h6o{align-self:center}
+._4cvr1h6o{align-items:center}
+._6a6z1h6o{justify-items:center}

package/dist/cjs/ui/common/error-state/loading-error.js

@@ -1,44 +1,34 @@
+/* loading-error.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.LoadingError = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
+exports.LoadingErrorNew = exports.LoadingError = void 0;
+require("./loading-error.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _typography = require("@atlaskit/theme/typography");
 var _analytics = require("../../../analytics");
 var _search = require("../../../common/ui/spot/error-state/search");
+var _loadingErrorOld = require("./loading-error-old");
 var _loadingErrorSvgOld = require("./loading-error-svg-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 errorContainerStyles = (0, _react2.css)({
-  display: 'grid',
-  gap: "var(--ds-space-200, 16px)",
-  placeItems: 'center',
-  placeSelf: 'center'
-});
-var errorMessageContainerStyles = (0, _react2.css)({
-  display: 'grid',
-  gap: "var(--ds-space-100, 8px)",
-  placeItems: 'center'
-});
-var errorMessageStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: "var(--ds-font-heading-small, ".concat(_typography.fontFallback.heading.small, ")")
-});
-var LoadingError = exports.LoadingError = function LoadingError(_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 styles = {
+  errorContainerStyles: "_zulppxbi _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5",
+  errorMessageContainerStyles: "_zulpu2gc _4cvr1h6o _6a6z1h6o _1e0c11p5",
+  errorMessageStyles: "_11c81bk4"
+};
+var LoadingErrorNew = exports.LoadingErrorNew = function LoadingErrorNew(_ref) {
   var onRefresh = _ref.onRefresh;
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
@@ -47,21 +37,28 @@ var LoadingError = exports.LoadingError = function LoadingError(_ref) {
       reason: 'network'
     });
   }, [fireEvent]);
-  return (0, _react2.jsx)(_primitives.Box, {
-    xcss: errorContainerStyles,
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.errorContainerStyles,
     testId: "datasource--loading-error"
-  }, (0, _platformFeatureFlags.fg)('bandicoots-update-sllv-icons') ? (0, _react2.jsx)(_search.SpotErrorSearch, {
+  }, (0, _platformFeatureFlags.fg)('bandicoots-update-sllv-icons') ? /*#__PURE__*/React.createElement(_search.SpotErrorSearch, {
     size: 'xlarge',
     alt: 'something'
-  }) : (0, _react2.jsx)(_loadingErrorSvgOld.LoadingErrorSVGOld, null), (0, _react2.jsx)(_primitives.Box, {
-    xcss: errorMessageContainerStyles
-  }, (0, _react2.jsx)(_primitives.Inline, {
+  }) : /*#__PURE__*/React.createElement(_loadingErrorSvgOld.LoadingErrorSVGOld, null), /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.errorMessageContainerStyles
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
     as: "span",
-    xcss: errorMessageStyles
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadItems)), (0, _react2.jsx)(_primitives.Text, {
+    xcss: styles.errorMessageStyles
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadItems)), /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "p"
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection)), onRefresh && (0, _react2.jsx)(_standardButton.default, {
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection)), onRefresh && /*#__PURE__*/React.createElement(_standardButton.default, {
     appearance: "primary",
     onClick: onRefresh
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.refresh))));
+  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.refresh))));
+};
+var LoadingError = exports.LoadingError = function LoadingError(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(LoadingErrorNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_loadingErrorOld.LoadingErrorOld, props);
+  }
 };

package/dist/cjs/ui/common/error-state/modal-loading-error-old.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalLoadingErrorOld = void 0;
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
+var _analytics = require("../../../analytics");
+var _loadingErrorSvgOld = require("./loading-error-svg-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 errorContainerStyles = (0, _react2.css)({
+  display: 'grid',
+  gap: "var(--ds-space-300, 24px)",
+  placeItems: 'center',
+  placeSelf: 'center'
+});
+var errorMessageContainerStyles = (0, _react2.css)({
+  display: 'grid',
+  gap: "var(--ds-space-100, 8px)",
+  placeItems: 'center'
+});
+var ModalLoadingErrorOld = exports.ModalLoadingErrorOld = function ModalLoadingErrorOld(_ref) {
+  var _ref$errorMessage = _ref.errorMessage,
+    errorMessage = _ref$errorMessage === void 0 ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection) : _ref$errorMessage;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  (0, _react.useEffect)(function () {
+    fireEvent('ui.error.shown', {
+      reason: 'network'
+    });
+  }, [fireEvent]);
+  return (0, _react2.jsx)(_primitives.Box, {
+    xcss: errorContainerStyles,
+    testId: "datasource-modal--loading-error"
+  }, (0, _react2.jsx)(_loadingErrorSvgOld.LoadingErrorSVGOld, null), (0, _react2.jsx)(_primitives.Box, {
+    xcss: errorMessageContainerStyles
+  }, (0, _react2.jsx)(_primitives.Text, {
+    size: "small"
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadResults)), (0, _react2.jsx)(_primitives.Text, {
+    as: "p"
+  }, errorMessage)));
+};

package/dist/cjs/ui/common/error-state/modal-loading-error.compiled.css

@@ -0,0 +1,7 @@
+
+._zulp1ejb{gap:var(--ds-space-300,24px)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._10fp1h6o{justify-self:center}
+._1e0c11p5{display:grid}
+._1wpz1h6o{align-self:center}
+._4cvr1h6o{align-items:center}
+._6a6z1h6o{justify-items:center}