@atlaskit/link-datasource 1.19.20 → 1.19.22

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-datasource
 
+## 1.19.22
+
+### Patch Changes
+
+- [#59059](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59059) [`9b56935315f5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9b56935315f5) - Add logic to append selected site url to dropdown icon urls if they are not absolute urls.
+
+## 1.19.21
+
+### Patch Changes
+
+- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147) [`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) - Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
+
 ## 1.19.20
 
 ### Patch Changes

package/dist/cjs/analytics/constants.js

@@ -7,5 +7,5 @@ exports.packageMetaData = exports.EVENT_CHANNEL = void 0;
 var EVENT_CHANNEL = exports.EVENT_CHANNEL = 'media';
 var packageMetaData = exports.packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.19.20"
+  packageVersion: "1.19.22"
 };

package/dist/cjs/ui/assets-modal/modal/index.js

@@ -39,13 +39,13 @@ var _renderAssetsContent = require("./render-assets-content");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
 var modalBodyErrorWrapperStyles = (0, _react2.css)({
   alignItems: 'center',
   display: 'grid',
   height: _renderAssetsContent.MODAL_HEIGHT
 });
-var AssetsModalTitle = /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertObjectsTitle));
+var AssetsModalTitle = (0, _react2.jsx)(_modalDialog.ModalTitle, null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertObjectsTitle));
 var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
   var datasourceId = props.datasourceId,
     initialParameters = props.parameters,
@@ -320,11 +320,11 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     if (errorState) {
       switch (errorState) {
         case 'permission':
-          return /*#__PURE__*/React.createElement(_accessRequired.AccessRequired, null);
+          return (0, _react2.jsx)(_accessRequired.AccessRequired, null);
         case 'network':
-          return /*#__PURE__*/React.createElement(_modalLoadingError.ModalLoadingError, null);
+          return (0, _react2.jsx)(_modalLoadingError.ModalLoadingError, null);
         default:
-          return /*#__PURE__*/React.createElement(_modalLoadingError.ModalLoadingError, null);
+          return (0, _react2.jsx)(_modalLoadingError.ModalLoadingError, null);
       }
     }
   }, [errorState]);
@@ -333,11 +333,11 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
       return undefined;
     } else {
       if (!workspaceId || assetsClientLoading) {
-        return /*#__PURE__*/React.createElement(_loadingState.AssetsSearchContainerLoading, {
+        return (0, _react2.jsx)(_loadingState.AssetsSearchContainerLoading, {
           modalTitle: AssetsModalTitle
         });
       }
-      return /*#__PURE__*/React.createElement(_searchContainer.AssetsSearchContainer, {
+      return (0, _react2.jsx)(_searchContainer.AssetsSearchContainer, {
         workspaceId: workspaceId,
         initialSearchData: {
           aql: aql,
@@ -350,18 +350,18 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
       });
     }
   }, [errorState, workspaceId, assetsClientLoading, aql, existingObjectSchema, objectSchemas, handleOnSearch, status]);
-  return /*#__PURE__*/React.createElement(_intlMessagesProvider.IntlMessagesProvider, {
+  return (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
     defaultMessages: _en.default,
     loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
-  }, /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, /*#__PURE__*/React.createElement(_modalDialog.default, {
+  }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_modalDialog.default, {
     testId: 'asset-datasource-modal',
     onClose: onCancel,
     width: "calc(100% - 80px)",
     shouldScrollInViewport: true,
     shouldCloseOnOverlayClick: false
-  }, /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, renderModalTitleContent()), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, errorState ? /*#__PURE__*/React.createElement("div", {
+  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, renderModalTitleContent()), (0, _react2.jsx)(_modalDialog.ModalBody, null, errorState ? (0, _react2.jsx)("div", {
     css: modalBodyErrorWrapperStyles
-  }, renderErrorState()) : /*#__PURE__*/React.createElement(_renderAssetsContent.RenderAssetsContent, {
+  }, renderErrorState()) : (0, _react2.jsx)(_renderAssetsContent.RenderAssetsContent, {
     isFetchingInitialData: assetsClientLoading,
     status: status,
     responseItems: responseItems,
@@ -376,16 +376,16 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     columns: columns,
     defaultVisibleColumnKeys: defaultVisibleColumnKeys,
     modalRenderInstanceId: modalRenderInstanceId
-  })), /*#__PURE__*/React.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/React.createElement(_standardButton.default, {
+  })), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_standardButton.default, {
     appearance: "default",
     onClick: onCancelClick,
     testId: 'asset-datasource-modal--cancel-button'
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.modalMessages.cancelButtonText)), /*#__PURE__*/React.createElement(_standardButton.default, {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.cancelButtonText)), (0, _react2.jsx)(_standardButton.default, {
     appearance: "primary",
     onClick: onInsertPressed,
     isDisabled: isDisabled,
     testId: 'assets-datasource-modal--insert-button'
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.modalMessages.insertIssuesButtonText, {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.modalMessages.insertIssuesButtonText, {
     values: {
       objectsCount: responseItems.length
     }

package/dist/cjs/ui/assets-modal/modal/render-assets-content/index.js

@@ -12,6 +12,8 @@ var _modalLoadingError = require("../../../common/error-state/modal-loading-erro
 var _noResults = require("../../../common/error-state/no-results");
 var _issueLikeTable = require("../../../issue-like-table");
 var _initialStateView = require("./initial-state-view");
+/** @jsx jsx */
+
 var MODAL_HEIGHT = exports.MODAL_HEIGHT = 420;
 
 // This is to prevent y scrollbar when showing table loading state
@@ -34,29 +36,29 @@ var tableBordersStyles = (0, _react2.css)({
   backgroundAttachment: _issueLikeTable.scrollableContainerShadowsCssComponents.backgroundAttachment
 });
 var RejectedView = function RejectedView() {
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: [contentContainerStyles]
-  }, /*#__PURE__*/React.createElement(_modalLoadingError.ModalLoadingError, null));
+  }, (0, _react2.jsx)(_modalLoadingError.ModalLoadingError, null));
 };
 var UnauthorizedView = function UnauthorizedView() {
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: [contentContainerStyles]
-  }, /*#__PURE__*/React.createElement(_accessRequired.AccessRequired, null));
+  }, (0, _react2.jsx)(_accessRequired.AccessRequired, null));
 };
 var EmptyView = function EmptyView() {
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: [contentContainerStyles]
-  }, /*#__PURE__*/React.createElement(_initialStateView.InitialStateView, null));
+  }, (0, _react2.jsx)(_initialStateView.InitialStateView, null));
 };
 var NoResultsView = function NoResultsView() {
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: [contentContainerStyles]
-  }, /*#__PURE__*/React.createElement(_noResults.NoResults, null));
+  }, (0, _react2.jsx)(_noResults.NoResults, null));
 };
 var LoadingView = function LoadingView() {
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: [contentContainerStyles, contentContainerStyles, tableBordersStyles, disableOverflowStyles]
-  }, /*#__PURE__*/React.createElement(_issueLikeTable.EmptyState, {
+  }, (0, _react2.jsx)(_issueLikeTable.EmptyState, {
     testId: "assets-aql-datasource-modal--loading-state"
   }));
 };
@@ -74,9 +76,9 @@ var RenderAssetsContent = exports.RenderAssetsContent = function RenderAssetsCon
     isFetchingInitialData = props.isFetchingInitialData;
   var resolvedWithNoResults = status === 'resolved' && !responseItems.length;
   var issueLikeDataTableView = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/React.createElement("div", {
+    return (0, _react2.jsx)("div", {
       css: [contentContainerStyles, tableBordersStyles]
-    }, /*#__PURE__*/React.createElement(_issueLikeTable.IssueLikeDataTableView, {
+    }, (0, _react2.jsx)(_issueLikeTable.IssueLikeDataTableView, {
       testId: "asset-datasource-table",
       status: status,
       columns: columns,
@@ -91,17 +93,17 @@ var RenderAssetsContent = exports.RenderAssetsContent = function RenderAssetsCon
   }, [columns, defaultVisibleColumnKeys, hasNextPage, loadDatasourceDetails, onNextPage, onVisibleColumnKeysChange, responseItems, status, visibleColumnKeys, modalRenderInstanceId]);
   if (isFetchingInitialData) {
     // Placing this check first as it's a priority before all others
-    return /*#__PURE__*/React.createElement(LoadingView, null);
+    return (0, _react2.jsx)(LoadingView, null);
   } else if (status === 'rejected') {
-    return /*#__PURE__*/React.createElement(RejectedView, null);
+    return (0, _react2.jsx)(RejectedView, null);
   } else if (status === 'unauthorized') {
-    return /*#__PURE__*/React.createElement(UnauthorizedView, null);
+    return (0, _react2.jsx)(UnauthorizedView, null);
   } else if (status === 'empty') {
-    return /*#__PURE__*/React.createElement(EmptyView, null);
+    return (0, _react2.jsx)(EmptyView, null);
   } else if (resolvedWithNoResults) {
-    return /*#__PURE__*/React.createElement(NoResultsView, null);
+    return (0, _react2.jsx)(NoResultsView, null);
   } else if (status === 'loading' && !columns.length) {
-    return /*#__PURE__*/React.createElement(LoadingView, null);
+    return (0, _react2.jsx)(LoadingView, null);
   }
   return issueLikeDataTableView;
 };

package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js

@@ -8,6 +8,8 @@ var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _crystalBallSvg = require("./assets/crystal-ball-svg");
 var _messages = require("./messages");
+/** @jsx jsx */
+
 var initialStateViewContainerStyles = (0, _react.css)({
   display: 'flex',
   justifyContent: 'center',
@@ -28,14 +30,14 @@ var AQLSupportDocumentLink = 'https://support.atlassian.com/jira-service-managem
 var InitialStateView = exports.InitialStateView = function InitialStateView() {
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: initialStateViewContainerStyles,
     "data-testid": "assets-aql-datasource-modal--initial-state-view"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (0, _react.jsx)("div", {
     css: svgAndTextsWrapperStyles
-  }, /*#__PURE__*/React.createElement(_crystalBallSvg.CrystalBallSVG, null), /*#__PURE__*/React.createElement("div", {
+  }, (0, _react.jsx)(_crystalBallSvg.CrystalBallSVG, null), (0, _react.jsx)("div", {
     css: searchTitleStyles
-  }, formatMessage(_messages.initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", null, formatMessage(_messages.initialStateViewMessages.searchDescription)), /*#__PURE__*/React.createElement("a", {
+  }, formatMessage(_messages.initialStateViewMessages.searchTitle)), (0, _react.jsx)("div", null, formatMessage(_messages.initialStateViewMessages.searchDescription)), (0, _react.jsx)("a", {
     href: AQLSupportDocumentLink,
     target: "_blank"
   }, formatMessage(_messages.initialStateViewMessages.learnMoreLink))));

package/dist/cjs/ui/assets-modal/search-container/aql-search-input/index.js

@@ -26,6 +26,8 @@ var _useValidateAqlText2 = require("../../../../hooks/useValidateAqlText");
 var _types = require("../../../../types/assets/types");
 var _styled = require("../styled");
 var _messages = require("./messages");
+/** @jsx jsx */
+
 /* Meta isn't exported in @atlaskit/form
 Taken from packages/design-system/form/src/field.tsx */
 
@@ -45,13 +47,13 @@ var searchButtonStyles = (0, _react2.css)({
 var SEARCH_DEBOUNCE_MS = exports.SEARCH_DEBOUNCE_MS = 350;
 var renderValidatorIcon = function renderValidatorIcon(value, error, meta) {
   if (value && meta !== null && meta !== void 0 && meta.validating) {
-    return /*#__PURE__*/React.createElement(_spinner.default, {
+    return (0, _react2.jsx)(_spinner.default, {
       size: "medium",
       testId: "assets-datasource-modal--aql-validating"
     });
   }
   if (value && error) {
-    return /*#__PURE__*/React.createElement(_crossCircle.default, {
+    return (0, _react2.jsx)(_crossCircle.default, {
       label: "label",
       primaryColor: "red",
       size: "medium",
@@ -59,14 +61,14 @@ var renderValidatorIcon = function renderValidatorIcon(value, error, meta) {
     });
   }
   if (value && meta.valid) {
-    return /*#__PURE__*/React.createElement(_checkCircle.default, {
+    return (0, _react2.jsx)(_checkCircle.default, {
       label: "label",
       primaryColor: "green",
       size: "medium",
       testId: "assets-datasource-modal--aql-valid"
     });
   }
-  return /*#__PURE__*/React.createElement(_search.default, {
+  return (0, _react2.jsx)(_search.default, {
     label: "label",
     size: "medium",
     testId: "assets-datasource-modal--aql-idle"
@@ -144,7 +146,7 @@ var AqlSearchInput = exports.AqlSearchInput = function AqlSearchInput(_ref) {
       }
     });
   };
-  return /*#__PURE__*/React.createElement(_styled.FieldContainer, null, /*#__PURE__*/React.createElement(_form.Field, {
+  return (0, _react2.jsx)(_styled.FieldContainer, null, (0, _react2.jsx)(_form.Field, {
     name: _types.aqlKey,
     defaultValue: value,
     validate: debouncedMemoizedValidation
@@ -152,29 +154,29 @@ var AqlSearchInput = exports.AqlSearchInput = function AqlSearchInput(_ref) {
     var fieldProps = _ref3.fieldProps,
       meta = _ref3.meta,
       error = _ref3.error;
-    return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, {
-      elemBeforeInput: /*#__PURE__*/React.createElement("span", {
+    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+      elemBeforeInput: (0, _react2.jsx)("span", {
         style: {
           paddingLeft: 6,
           width: 24
         }
       }, renderValidatorIcon(fieldProps.value, error, meta)),
-      elemAfterInput: /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_tooltip.default, {
+      elemAfterInput: (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_tooltip.default, {
         content: formatMessage(_messages.searchInputMessages.helpTooltipText),
         position: "bottom"
-      }, /*#__PURE__*/React.createElement("a", {
+      }, (0, _react2.jsx)("a", {
         href: AQLSupportDocumentLink,
         target: "_blank",
         css: buttonBaseStyles
-      }, /*#__PURE__*/React.createElement(_questionCircle.default, {
+      }, (0, _react2.jsx)(_questionCircle.default, {
         label: "label",
         primaryColor: "var(--ds-icon, ".concat(_colors.N500, ")"),
         size: "medium",
         testId: "assets-datasource-modal-help"
-      }))), /*#__PURE__*/React.createElement(_button.LoadingButton, {
+      }))), (0, _react2.jsx)(_button.LoadingButton, {
         appearance: "primary",
         css: searchButtonStyles,
-        iconBefore: /*#__PURE__*/React.createElement(_search.default, {
+        iconBefore: (0, _react2.jsx)(_search.default, {
           label: formatMessage(_messages.searchInputMessages.placeholder),
           size: "medium"
         }),
@@ -186,6 +188,6 @@ var AqlSearchInput = exports.AqlSearchInput = function AqlSearchInput(_ref) {
       })),
       placeholder: formatMessage(_messages.searchInputMessages.placeholder),
       testId: testId
-    })), fieldProps.value && error && message && /*#__PURE__*/React.createElement(_form.ErrorMessage, null, message));
+    })), fieldProps.value && error && message && (0, _react2.jsx)(_form.ErrorMessage, null, message));
   }));
 };

package/dist/cjs/ui/assets-modal/search-container/aql-search-input/loading-state.js

@@ -4,9 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AssetsAqlSearchInputSkeleton = void 0;
+var _react = require("@emotion/react");
 var _linkingCommon = require("@atlaskit/linking-common");
+/** @jsx jsx */
+
 var AssetsAqlSearchInputSkeleton = exports.AssetsAqlSearchInputSkeleton = function AssetsAqlSearchInputSkeleton() {
-  return /*#__PURE__*/React.createElement(_linkingCommon.Skeleton, {
+  return (0, _react.jsx)(_linkingCommon.Skeleton, {
     width: "100%",
     height: "40px",
     testId: "assets-datasource-modal--aql-search-input-skeleton"

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

@@ -6,11 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AssetsSearchContainer = 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 _styled = require("./styled");
+/** @jsx jsx */
+
 var DEFAULT_AQL_QUERY = '';
 var SEARCH_FORM_ID = 'linkDataSource.assets.configModal.searchContainer-form';
 var AssetsSearchContainer = exports.AssetsSearchContainer = function AssetsSearchContainer(props) {
@@ -30,21 +33,21 @@ var AssetsSearchContainer = exports.AssetsSearchContainer = function AssetsSearc
       onSearch(aql, objectSchema.value);
     }
   };
-  return /*#__PURE__*/React.createElement(_form.default, {
+  return (0, _react.jsx)(_form.default, {
     onSubmit: onFormSubmit
   }, function (_ref) {
     var _initialSearchData$ob, _initialSearchData$ob2, _initialSearchData$aq;
     var formProps = _ref.formProps;
-    return /*#__PURE__*/React.createElement(_styled.FormContainer, (0, _extends2.default)({}, formProps, {
+    return (0, _react.jsx)(_styled.FormContainer, (0, _extends2.default)({}, formProps, {
       id: SEARCH_FORM_ID
-    }), /*#__PURE__*/React.createElement(_styled.FormRowContainer, {
+    }), (0, _react.jsx)(_styled.FormRowContainer, {
       isNarrowGap: true
-    }, modalTitle, /*#__PURE__*/React.createElement(_styled.SchemaSelectContainer, null, /*#__PURE__*/React.createElement(_objectSchemaSelect.AssetsObjectSchemaSelect, {
+    }, modalTitle, (0, _react.jsx)(_styled.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"
-    }))), /*#__PURE__*/React.createElement(_styled.FormRowContainer, null, /*#__PURE__*/React.createElement(_aqlSearchInput.AqlSearchInput, {
+    }))), (0, _react.jsx)(_styled.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/loading-state.js

@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AssetsSearchContainerLoading = void 0;
+var _react = require("@emotion/react");
 var _loadingState = require("./aql-search-input/loading-state");
 var _loadingState2 = require("./object-schema-select/loading-state");
 var _styled = require("./styled");
+/** @jsx jsx */
+
 var AssetsSearchContainerLoading = exports.AssetsSearchContainerLoading = function AssetsSearchContainerLoading(_ref) {
   var modalTitle = _ref.modalTitle;
-  return /*#__PURE__*/React.createElement(_styled.FormContainer, {
+  return (0, _react.jsx)(_styled.FormContainer, {
     "data-testid": "assets-datasource-modal--search-container-skeleton"
-  }, /*#__PURE__*/React.createElement(_styled.FormRowContainer, {
+  }, (0, _react.jsx)(_styled.FormRowContainer, {
     isNarrowGap: true
-  }, modalTitle, /*#__PURE__*/React.createElement(_styled.SchemaSelectContainer, null, /*#__PURE__*/React.createElement(_loadingState2.AssetsObjectSchemaSelectSkeleton, null))), /*#__PURE__*/React.createElement(_styled.FormRowContainer, null, /*#__PURE__*/React.createElement(_loadingState.AssetsAqlSearchInputSkeleton, null)));
+  }, modalTitle, (0, _react.jsx)(_styled.SchemaSelectContainer, null, (0, _react.jsx)(_loadingState2.AssetsObjectSchemaSelectSkeleton, null))), (0, _react.jsx)(_styled.FormRowContainer, null, (0, _react.jsx)(_loadingState.AssetsAqlSearchInputSkeleton, null)));
 };

package/dist/cjs/ui/assets-modal/search-container/object-schema-select/index.js

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("@emotion/react");
 var _debouncePromise = _interopRequireDefault(require("debounce-promise"));
 var _reactIntlNext = require("react-intl-next");
 var _form = require("@atlaskit/form");
@@ -22,7 +23,7 @@ var _messages = require("./messages");
 var _utils = require("./utils");
 var _excluded = ["onChange", "onFocus"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
 var SEARCH_DEBOUNCE_MS = exports.SEARCH_DEBOUNCE_MS = 350;
 var mapObjectSchemasToOptions = function mapObjectSchemasToOptions(objectSchemas) {
   return objectSchemas ? objectSchemas.map(function (objectSchema) {
@@ -85,7 +86,7 @@ var AssetsObjectSchemaSelect = exports.AssetsObjectSchemaSelect = function Asset
     }
     return undefined;
   };
-  return /*#__PURE__*/React.createElement(_styled.FieldContainer, null, /*#__PURE__*/React.createElement(_form.Field, {
+  return (0, _react.jsx)(_styled.FieldContainer, null, (0, _react.jsx)(_form.Field, {
     name: _types.objectSchemaKey,
     defaultValue: selectedObjectSchema,
     validate: function validate(value) {
@@ -96,7 +97,7 @@ var AssetsObjectSchemaSelect = exports.AssetsObjectSchemaSelect = function Asset
       _onChange = _ref3$fieldProps.onChange,
       onFocus = _ref3$fieldProps.onFocus,
       restFieldProps = (0, _objectWithoutProperties2.default)(_ref3$fieldProps, _excluded);
-    return /*#__PURE__*/React.createElement(_select.AsyncSelect, (0, _extends2.default)({
+    return (0, _react.jsx)(_select.AsyncSelect, (0, _extends2.default)({
       autoFocus: true,
       classNamePrefix: classNamePrefix,
       isLoading: objectSchemasLoading,

package/dist/cjs/ui/assets-modal/search-container/object-schema-select/loading-state.js

@@ -4,9 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AssetsObjectSchemaSelectSkeleton = void 0;
+var _react = require("@emotion/react");
 var _linkingCommon = require("@atlaskit/linking-common");
+/** @jsx jsx */
+
 var AssetsObjectSchemaSelectSkeleton = exports.AssetsObjectSchemaSelectSkeleton = function AssetsObjectSchemaSelectSkeleton() {
-  return /*#__PURE__*/React.createElement(_linkingCommon.Skeleton, {
+  return (0, _react.jsx)(_linkingCommon.Skeleton, {
     width: "100%",
     height: "40px",
     testId: "assets-datasource-modal--object-schema-select-skeleton"

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

@@ -13,6 +13,8 @@ var _colors = require("@atlaskit/theme/colors");
 var _analytics = require("../../../analytics");
 var _accessRequiredSvg = require("./access-required-svg");
 var _messages = require("./messages");
+/** @jsx jsx */
+
 var urlStyles = (0, _react2.css)({
   color: "var(--ds-text-subtlest, ".concat(_colors.N400, ")"),
   fontSize: "var(--ds-font-size-100, 14px)",
@@ -29,16 +31,16 @@ var iconContainerStyles = (0, _react2.css)({
 var Description = function Description(_ref) {
   var message = _ref.message,
     url = _ref.url;
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: descriptionMessageStyles
-  }, /*#__PURE__*/React.createElement("span", {
+  }, (0, _react2.jsx)("span", {
     css: urlStyles
-  }, url), /*#__PURE__*/React.createElement("span", null, message));
+  }, url), (0, _react2.jsx)("span", null, message));
 };
 var IconContainer = function IconContainer() {
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: iconContainerStyles
-  }, /*#__PURE__*/React.createElement(_accessRequiredSvg.AccessRequiredSVG, null));
+  }, (0, _react2.jsx)(_accessRequiredSvg.AccessRequiredSVG, null));
 };
 var AccessRequired = exports.AccessRequired = function AccessRequired(_ref2) {
   var url = _ref2.url;
@@ -52,17 +54,17 @@ var AccessRequired = exports.AccessRequired = function AccessRequired(_ref2) {
     });
   }, [fireEvent]);
   if (url) {
-    return /*#__PURE__*/React.createElement(_emptyState.default, {
+    return (0, _react2.jsx)(_emptyState.default, {
       testId: "datasource--access-required-with-url",
       header: formatMessage(_messages.loadingErrorMessages.accessRequiredWithSite),
-      description: /*#__PURE__*/React.createElement(Description, {
+      description: (0, _react2.jsx)(Description, {
         message: formatMessage(_messages.loadingErrorMessages.accessInstructions),
         url: url
       }),
       renderImage: IconContainer
     });
   }
-  return /*#__PURE__*/React.createElement(_emptyState.default, {
+  return (0, _react2.jsx)(_emptyState.default, {
     testId: "datasource--access-required",
     header: formatMessage(_messages.loadingErrorMessages.accessRequired),
     description: formatMessage(_messages.loadingErrorMessages.accessInstructions),

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

@@ -12,6 +12,8 @@ var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-
 var _analytics = require("../../../analytics");
 var _loadingErrorSvg = require("./loading-error-svg");
 var _messages = require("./messages");
+/** @jsx jsx */
+
 var errorContainerStyles = (0, _react2.css)({
   display: 'grid',
   gap: "var(--ds-space-200, 16px)",
@@ -39,17 +41,17 @@ var LoadingError = exports.LoadingError = function LoadingError(_ref) {
       reason: 'network'
     });
   }, [fireEvent]);
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: errorContainerStyles,
     "data-testid": "jira-jql-datasource--loading-error"
-  }, /*#__PURE__*/React.createElement(_loadingErrorSvg.LoadingErrorSVG, null), /*#__PURE__*/React.createElement("div", {
+  }, (0, _react2.jsx)(_loadingErrorSvg.LoadingErrorSVG, null), (0, _react2.jsx)("div", {
     css: errorMessageContainerStyles
-  }, /*#__PURE__*/React.createElement("span", {
+  }, (0, _react2.jsx)("span", {
     css: errorMessageStyles
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadItems)), /*#__PURE__*/React.createElement("p", {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadItems)), (0, _react2.jsx)("p", {
     css: errorDescriptionStyles
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection)), onRefresh && /*#__PURE__*/React.createElement(_standardButton.default, {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection)), onRefresh && (0, _react2.jsx)(_standardButton.default, {
     appearance: "primary",
     onClick: onRefresh
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.refresh))));
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.refresh))));
 };

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

@@ -12,6 +12,8 @@ var _reactIntlNext = require("react-intl-next");
 var _analytics = require("../../../analytics");
 var _loadingErrorSvg = require("./loading-error-svg");
 var _messages = require("./messages");
+/** @jsx jsx */
+
 var errorContainerStyles = (0, _react2.css)({
   display: 'grid',
   gap: "var(--ds-space-300, 24px)",
@@ -39,22 +41,22 @@ var ModalLoadingError = exports.ModalLoadingError = function ModalLoadingError(_
       reason: 'network'
     });
   }, [fireEvent]);
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: errorContainerStyles,
     "data-testid": "jira-jql-datasource-modal--loading-error"
-  }, /*#__PURE__*/React.createElement(_loadingErrorSvg.LoadingErrorSVG, null), /*#__PURE__*/React.createElement("div", {
+  }, (0, _react2.jsx)(_loadingErrorSvg.LoadingErrorSVG, null), (0, _react2.jsx)("div", {
     css: errorMessageContainerStyles
-  }, /*#__PURE__*/React.createElement("span", {
+  }, (0, _react2.jsx)("span", {
     css: errorMessageStyles
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadResults)), /*#__PURE__*/React.createElement("p", {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadResults)), (0, _react2.jsx)("p", {
     css: errorDescriptionStyles
-  }, url ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.loadingErrorMessages.checkConnectionWithSource, {
+  }, url ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.loadingErrorMessages.checkConnectionWithSource, {
     values: {
       a: function a(chunk) {
-        return /*#__PURE__*/React.createElement("a", {
+        return (0, _react2.jsx)("a", {
           href: url
         }, chunk);
       }
     }
-  })) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection))));
+  })) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection))));
 };

package/dist/cjs/ui/common/error-state/no-instances.js

@@ -1,16 +1,16 @@
-/* no-instances.tsx generated by @compiled/babel-plugin v0.26.1 */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NoInstancesView = void 0;
-var _runtime = require("@compiled/react/runtime");
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _primitives = require("@atlaskit/primitives");
 var _messages = require("./messages");
 var _noInstancesSvg = require("./no-instances-svg");
+/** @jsx jsx */
+
 var titleStyles = (0, _react.css)({
   fontWeight: "var(--ds-font-weight-semibold, 600)",
   fontSize: "var(--ds-font-size-200, 16px)",
@@ -23,14 +23,14 @@ var containerStyles = (0, _primitives.xcss)({
   marginTop: '60px'
 });
 var NoInstancesView = exports.NoInstancesView = function NoInstancesView() {
-  return /*#__PURE__*/React.createElement(_primitives.Flex, {
+  return (0, _react.jsx)(_primitives.Flex, {
     testId: "no-jira-instances-content",
     direction: "column",
     alignItems: "center",
     xcss: containerStyles
-  }, /*#__PURE__*/React.createElement(_noInstancesSvg.NoInstancesSvg, null), /*#__PURE__*/React.createElement("span", {
+  }, (0, _react.jsx)(_noInstancesSvg.NoInstancesSvg, null), (0, _react.jsx)("span", {
     css: titleStyles
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.noAccessToJiraSitesTitle)), /*#__PURE__*/React.createElement("span", {
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.noAccessToJiraSitesTitle)), (0, _react.jsx)("span", {
     css: descriptionStyles
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.noAccessToJiraSitesDescription)));
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.noAccessToJiraSitesDescription)));
 };