@atlaskit/link-datasource 1.19.19 → 1.19.21

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
@@ -29,7 +30,7 @@ const modalBodyErrorWrapperStyles = css({
   display: 'grid',
   height: MODAL_HEIGHT
 });
-const AssetsModalTitle = /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertObjectsTitle));
+const AssetsModalTitle = jsx(ModalTitle, null, jsx(FormattedMessage, modalMessages.insertObjectsTitle));
 const PlainAssetsConfigModal = props => {
   const {
     datasourceId,
@@ -279,11 +280,11 @@ const PlainAssetsConfigModal = props => {
     if (errorState) {
       switch (errorState) {
         case 'permission':
-          return /*#__PURE__*/React.createElement(AccessRequired, null);
+          return jsx(AccessRequired, null);
         case 'network':
-          return /*#__PURE__*/React.createElement(ModalLoadingError, null);
+          return jsx(ModalLoadingError, null);
         default:
-          return /*#__PURE__*/React.createElement(ModalLoadingError, null);
+          return jsx(ModalLoadingError, null);
       }
     }
   }, [errorState]);
@@ -292,11 +293,11 @@ const PlainAssetsConfigModal = props => {
       return undefined;
     } else {
       if (!workspaceId || assetsClientLoading) {
-        return /*#__PURE__*/React.createElement(AssetsSearchContainerLoading, {
+        return jsx(AssetsSearchContainerLoading, {
           modalTitle: AssetsModalTitle
         });
       }
-      return /*#__PURE__*/React.createElement(AssetsSearchContainer, {
+      return jsx(AssetsSearchContainer, {
         workspaceId: workspaceId,
         initialSearchData: {
           aql,
@@ -309,18 +310,18 @@ const PlainAssetsConfigModal = props => {
       });
     }
   }, [errorState, workspaceId, assetsClientLoading, aql, existingObjectSchema, objectSchemas, handleOnSearch, status]);
-  return /*#__PURE__*/React.createElement(IntlMessagesProvider, {
+  return jsx(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
-  }, /*#__PURE__*/React.createElement(ModalTransition, null, /*#__PURE__*/React.createElement(Modal, {
+  }, jsx(ModalTransition, null, jsx(Modal, {
     testId: 'asset-datasource-modal',
     onClose: onCancel,
     width: "calc(100% - 80px)",
     shouldScrollInViewport: true,
     shouldCloseOnOverlayClick: false
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, renderModalTitleContent()), /*#__PURE__*/React.createElement(ModalBody, null, errorState ? /*#__PURE__*/React.createElement("div", {
+  }, jsx(ModalHeader, null, renderModalTitleContent()), jsx(ModalBody, null, errorState ? jsx("div", {
     css: modalBodyErrorWrapperStyles
-  }, renderErrorState()) : /*#__PURE__*/React.createElement(RenderAssetsContent, {
+  }, renderErrorState()) : jsx(RenderAssetsContent, {
     isFetchingInitialData: assetsClientLoading,
     status: status,
     responseItems: responseItems,
@@ -335,16 +336,16 @@ const PlainAssetsConfigModal = props => {
     columns: columns,
     defaultVisibleColumnKeys: defaultVisibleColumnKeys,
     modalRenderInstanceId: modalRenderInstanceId
-  })), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  })), jsx(ModalFooter, null, jsx(Button, {
     appearance: "default",
     onClick: onCancelClick,
     testId: 'asset-datasource-modal--cancel-button'
-  }, /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.cancelButtonText)), /*#__PURE__*/React.createElement(Button, {
+  }, jsx(FormattedMessage, modalMessages.cancelButtonText)), jsx(Button, {
     appearance: "primary",
     onClick: onInsertPressed,
     isDisabled: isDisabled,
     testId: 'assets-datasource-modal--insert-button'
-  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, modalMessages.insertIssuesButtonText, {
+  }, jsx(FormattedMessage, _extends({}, modalMessages.insertIssuesButtonText, {
     values: {
       objectsCount: responseItems.length
     }

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

@@ -1,5 +1,6 @@
+/** @jsx jsx */
 import { useMemo } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { N40 } from '@atlaskit/theme/colors';
 import { AccessRequired } from '../../../common/error-state/access-required';
 import { ModalLoadingError } from '../../../common/error-state/modal-loading-error';
@@ -27,21 +28,21 @@ const tableBordersStyles = css({
   backgroundSize: scrollableContainerShadowsCssComponents.backgroundSize,
   backgroundAttachment: scrollableContainerShadowsCssComponents.backgroundAttachment
 });
-const RejectedView = () => /*#__PURE__*/React.createElement("div", {
+const RejectedView = () => jsx("div", {
   css: [contentContainerStyles]
-}, /*#__PURE__*/React.createElement(ModalLoadingError, null));
-const UnauthorizedView = () => /*#__PURE__*/React.createElement("div", {
+}, jsx(ModalLoadingError, null));
+const UnauthorizedView = () => jsx("div", {
   css: [contentContainerStyles]
-}, /*#__PURE__*/React.createElement(AccessRequired, null));
-const EmptyView = () => /*#__PURE__*/React.createElement("div", {
+}, jsx(AccessRequired, null));
+const EmptyView = () => jsx("div", {
   css: [contentContainerStyles]
-}, /*#__PURE__*/React.createElement(InitialStateView, null));
-const NoResultsView = () => /*#__PURE__*/React.createElement("div", {
+}, jsx(InitialStateView, null));
+const NoResultsView = () => jsx("div", {
   css: [contentContainerStyles]
-}, /*#__PURE__*/React.createElement(NoResults, null));
-const LoadingView = () => /*#__PURE__*/React.createElement("div", {
+}, jsx(NoResults, null));
+const LoadingView = () => jsx("div", {
   css: [contentContainerStyles, contentContainerStyles, tableBordersStyles, disableOverflowStyles]
-}, /*#__PURE__*/React.createElement(EmptyState, {
+}, jsx(EmptyState, {
   testId: "assets-aql-datasource-modal--loading-state"
 }));
 export const RenderAssetsContent = props => {
@@ -59,9 +60,9 @@ export const RenderAssetsContent = props => {
     isFetchingInitialData
   } = props;
   const resolvedWithNoResults = status === 'resolved' && !responseItems.length;
-  const issueLikeDataTableView = useMemo(() => /*#__PURE__*/React.createElement("div", {
+  const issueLikeDataTableView = useMemo(() => jsx("div", {
     css: [contentContainerStyles, tableBordersStyles]
-  }, /*#__PURE__*/React.createElement(IssueLikeDataTableView, {
+  }, jsx(IssueLikeDataTableView, {
     testId: "asset-datasource-table",
     status: status,
     columns: columns,
@@ -75,17 +76,17 @@ export const RenderAssetsContent = props => {
   })), [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 jsx(LoadingView, null);
   } else if (status === 'rejected') {
-    return /*#__PURE__*/React.createElement(RejectedView, null);
+    return jsx(RejectedView, null);
   } else if (status === 'unauthorized') {
-    return /*#__PURE__*/React.createElement(UnauthorizedView, null);
+    return jsx(UnauthorizedView, null);
   } else if (status === 'empty') {
-    return /*#__PURE__*/React.createElement(EmptyView, null);
+    return jsx(EmptyView, null);
   } else if (resolvedWithNoResults) {
-    return /*#__PURE__*/React.createElement(NoResultsView, null);
+    return jsx(NoResultsView, null);
   } else if (status === 'loading' && !columns.length) {
-    return /*#__PURE__*/React.createElement(LoadingView, null);
+    return jsx(LoadingView, null);
   }
   return issueLikeDataTableView;
 };

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

@@ -1,4 +1,6 @@
-import { css } from '@emotion/react';
+/** @jsx jsx */
+
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { CrystalBallSVG } from './assets/crystal-ball-svg';
 import { initialStateViewMessages } from './messages';
@@ -23,14 +25,14 @@ export const InitialStateView = () => {
   const {
     formatMessage
   } = useIntl();
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: initialStateViewContainerStyles,
     "data-testid": "assets-aql-datasource-modal--initial-state-view"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     css: svgAndTextsWrapperStyles
-  }, /*#__PURE__*/React.createElement(CrystalBallSVG, null), /*#__PURE__*/React.createElement("div", {
+  }, jsx(CrystalBallSVG, null), jsx("div", {
     css: searchTitleStyles
-  }, formatMessage(initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", null, formatMessage(initialStateViewMessages.searchDescription)), /*#__PURE__*/React.createElement("a", {
+  }, formatMessage(initialStateViewMessages.searchTitle)), jsx("div", null, formatMessage(initialStateViewMessages.searchDescription)), jsx("a", {
     href: AQLSupportDocumentLink,
     target: "_blank"
   }, formatMessage(initialStateViewMessages.learnMoreLink))));

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
 import { Fragment, useCallback, useRef, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { LoadingButton } from '@atlaskit/button';
 import { ErrorMessage, Field } from '@atlaskit/form';
@@ -36,13 +37,13 @@ const searchButtonStyles = css({
 export const SEARCH_DEBOUNCE_MS = 350;
 const renderValidatorIcon = (value, error, meta) => {
   if (value && meta !== null && meta !== void 0 && meta.validating) {
-    return /*#__PURE__*/React.createElement(Spinner, {
+    return jsx(Spinner, {
       size: "medium",
       testId: "assets-datasource-modal--aql-validating"
     });
   }
   if (value && error) {
-    return /*#__PURE__*/React.createElement(CrossCircleIcon, {
+    return jsx(CrossCircleIcon, {
       label: "label",
       primaryColor: "red",
       size: "medium",
@@ -50,14 +51,14 @@ const renderValidatorIcon = (value, error, meta) => {
     });
   }
   if (value && meta.valid) {
-    return /*#__PURE__*/React.createElement(CheckCircleIcon, {
+    return jsx(CheckCircleIcon, {
       label: "label",
       primaryColor: "green",
       size: "medium",
       testId: "assets-datasource-modal--aql-valid"
     });
   }
-  return /*#__PURE__*/React.createElement(SearchIcon, {
+  return jsx(SearchIcon, {
     label: "label",
     size: "medium",
     testId: "assets-datasource-modal--aql-idle"
@@ -112,7 +113,7 @@ export const AqlSearchInput = ({
       resolve(lastResult.current);
     }
   });
-  return /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Field, {
+  return jsx(FieldContainer, null, jsx(Field, {
     name: aqlKey,
     defaultValue: value,
     validate: debouncedMemoizedValidation
@@ -120,29 +121,29 @@ export const AqlSearchInput = ({
     fieldProps,
     meta,
     error
-  }) => /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Textfield, _extends({}, fieldProps, {
-    elemBeforeInput: /*#__PURE__*/React.createElement("span", {
+  }) => jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, {
+    elemBeforeInput: jsx("span", {
       style: {
         paddingLeft: 6,
         width: 24
       }
     }, renderValidatorIcon(fieldProps.value, error, meta)),
-    elemAfterInput: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    elemAfterInput: jsx(Fragment, null, jsx(Tooltip, {
       content: formatMessage(searchInputMessages.helpTooltipText),
       position: "bottom"
-    }, /*#__PURE__*/React.createElement("a", {
+    }, jsx("a", {
       href: AQLSupportDocumentLink,
       target: "_blank",
       css: buttonBaseStyles
-    }, /*#__PURE__*/React.createElement(QuestionCircleIcon, {
+    }, jsx(QuestionCircleIcon, {
       label: "label",
       primaryColor: `var(--ds-icon, ${N500})`,
       size: "medium",
       testId: "assets-datasource-modal-help"
-    }))), /*#__PURE__*/React.createElement(LoadingButton, {
+    }))), jsx(LoadingButton, {
       appearance: "primary",
       css: searchButtonStyles,
-      iconBefore: /*#__PURE__*/React.createElement(SearchIcon, {
+      iconBefore: jsx(SearchIcon, {
         label: formatMessage(searchInputMessages.placeholder),
         size: "medium"
       }),
@@ -154,5 +155,5 @@ export const AqlSearchInput = ({
     })),
     placeholder: formatMessage(searchInputMessages.placeholder),
     testId: testId
-  })), fieldProps.value && error && message && /*#__PURE__*/React.createElement(ErrorMessage, null, message))));
+  })), fieldProps.value && error && message && jsx(ErrorMessage, null, message))));
 };

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

@@ -1,5 +1,7 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { Skeleton } from '@atlaskit/linking-common';
-export const AssetsAqlSearchInputSkeleton = () => /*#__PURE__*/React.createElement(Skeleton, {
+export const AssetsAqlSearchInputSkeleton = () => jsx(Skeleton, {
   width: "100%",
   height: "40px",
   testId: "assets-datasource-modal--aql-search-input-skeleton"

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import Form from '@atlaskit/form';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { AqlSearchInput } from './aql-search-input';
@@ -28,22 +30,22 @@ export const AssetsSearchContainer = props => {
       onSearch(aql, objectSchema.value);
     }
   };
-  return /*#__PURE__*/React.createElement(Form, {
+  return jsx(Form, {
     onSubmit: onFormSubmit
   }, ({
     formProps
   }) => {
     var _initialSearchData$ob, _initialSearchData$ob2, _initialSearchData$aq;
-    return /*#__PURE__*/React.createElement(FormContainer, _extends({}, formProps, {
+    return jsx(FormContainer, _extends({}, formProps, {
       id: SEARCH_FORM_ID
-    }), /*#__PURE__*/React.createElement(FormRowContainer, {
+    }), jsx(FormRowContainer, {
       isNarrowGap: true
-    }, modalTitle, /*#__PURE__*/React.createElement(SchemaSelectContainer, null, /*#__PURE__*/React.createElement(AssetsObjectSchemaSelect, {
+    }, modalTitle, jsx(SchemaSelectContainer, null, jsx(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(FormRowContainer, null, /*#__PURE__*/React.createElement(AqlSearchInput, {
+    }))), jsx(FormRowContainer, null, jsx(AqlSearchInput, {
       value: (_initialSearchData$aq = initialSearchData.aql) !== null && _initialSearchData$aq !== void 0 ? _initialSearchData$aq : DEFAULT_AQL_QUERY,
       workspaceId: workspaceId,
       isSearching: isSearching

package/dist/es2019/ui/assets-modal/search-container/loading-state.js

@@ -1,12 +1,14 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { AssetsAqlSearchInputSkeleton } from './aql-search-input/loading-state';
 import { AssetsObjectSchemaSelectSkeleton } from './object-schema-select/loading-state';
 import { FormContainer, FormRowContainer, SchemaSelectContainer } from './styled';
 export const AssetsSearchContainerLoading = ({
   modalTitle
 }) => {
-  return /*#__PURE__*/React.createElement(FormContainer, {
+  return jsx(FormContainer, {
     "data-testid": "assets-datasource-modal--search-container-skeleton"
-  }, /*#__PURE__*/React.createElement(FormRowContainer, {
+  }, jsx(FormRowContainer, {
     isNarrowGap: true
-  }, modalTitle, /*#__PURE__*/React.createElement(SchemaSelectContainer, null, /*#__PURE__*/React.createElement(AssetsObjectSchemaSelectSkeleton, null))), /*#__PURE__*/React.createElement(FormRowContainer, null, /*#__PURE__*/React.createElement(AssetsAqlSearchInputSkeleton, null)));
+  }, modalTitle, jsx(SchemaSelectContainer, null, jsx(AssetsObjectSchemaSelectSkeleton, null))), jsx(FormRowContainer, null, jsx(AssetsAqlSearchInputSkeleton, null)));
 };

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

@@ -1,4 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+
+import { jsx } from '@emotion/react';
 import debounce from 'debounce-promise';
 import { useIntl } from 'react-intl-next';
 import { Field } from '@atlaskit/form';
@@ -54,7 +57,7 @@ export const AssetsObjectSchemaSelect = ({
     }
     return undefined;
   };
-  return /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Field, {
+  return jsx(FieldContainer, null, jsx(Field, {
     name: objectSchemaKey,
     defaultValue: selectedObjectSchema,
     validate: value => validateSchema(value)
@@ -64,7 +67,7 @@ export const AssetsObjectSchemaSelect = ({
       onFocus,
       ...restFieldProps
     }
-  }) => /*#__PURE__*/React.createElement(AsyncSelect, _extends({
+  }) => jsx(AsyncSelect, _extends({
     autoFocus: true,
     classNamePrefix: classNamePrefix,
     isLoading: objectSchemasLoading,

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

@@ -1,5 +1,7 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { Skeleton } from '@atlaskit/linking-common';
-export const AssetsObjectSchemaSelectSkeleton = () => /*#__PURE__*/React.createElement(Skeleton, {
+export const AssetsObjectSchemaSelectSkeleton = () => jsx(Skeleton, {
   width: "100%",
   height: "40px",
   testId: "assets-datasource-modal--object-schema-select-skeleton"

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

@@ -1,5 +1,6 @@
+/** @jsx jsx */
 import { useEffect } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import EmptyState from '@atlaskit/empty-state';
 import { N400 } from '@atlaskit/theme/colors';
@@ -23,15 +24,15 @@ const Description = ({
   message,
   url
 }) => {
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: descriptionMessageStyles
-  }, /*#__PURE__*/React.createElement("span", {
+  }, jsx("span", {
     css: urlStyles
-  }, url), /*#__PURE__*/React.createElement("span", null, message));
+  }, url), jsx("span", null, message));
 };
-const IconContainer = () => /*#__PURE__*/React.createElement("div", {
+const IconContainer = () => jsx("div", {
   css: iconContainerStyles
-}, /*#__PURE__*/React.createElement(AccessRequiredSVG, null));
+}, jsx(AccessRequiredSVG, null));
 export const AccessRequired = ({
   url
 }) => {
@@ -47,17 +48,17 @@ export const AccessRequired = ({
     });
   }, [fireEvent]);
   if (url) {
-    return /*#__PURE__*/React.createElement(EmptyState, {
+    return jsx(EmptyState, {
       testId: "datasource--access-required-with-url",
       header: formatMessage(loadingErrorMessages.accessRequiredWithSite),
-      description: /*#__PURE__*/React.createElement(Description, {
+      description: jsx(Description, {
         message: formatMessage(loadingErrorMessages.accessInstructions),
         url: url
       }),
       renderImage: IconContainer
     });
   }
-  return /*#__PURE__*/React.createElement(EmptyState, {
+  return jsx(EmptyState, {
     testId: "datasource--access-required",
     header: formatMessage(loadingErrorMessages.accessRequired),
     description: formatMessage(loadingErrorMessages.accessInstructions),

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

@@ -1,5 +1,6 @@
+/** @jsx jsx */
 import { useEffect } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
@@ -34,17 +35,17 @@ export const LoadingError = ({
       reason: 'network'
     });
   }, [fireEvent]);
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: errorContainerStyles,
     "data-testid": "jira-jql-datasource--loading-error"
-  }, /*#__PURE__*/React.createElement(LoadingErrorSVG, null), /*#__PURE__*/React.createElement("div", {
+  }, jsx(LoadingErrorSVG, null), jsx("div", {
     css: errorMessageContainerStyles
-  }, /*#__PURE__*/React.createElement("span", {
+  }, jsx("span", {
     css: errorMessageStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.unableToLoadItems)), /*#__PURE__*/React.createElement("p", {
+  }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadItems)), jsx("p", {
     css: errorDescriptionStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.checkConnection)), onRefresh && /*#__PURE__*/React.createElement(Button, {
+  }, jsx(FormattedMessage, loadingErrorMessages.checkConnection)), onRefresh && jsx(Button, {
     appearance: "primary",
     onClick: onRefresh
-  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.refresh))));
+  }, jsx(FormattedMessage, loadingErrorMessages.refresh))));
 };

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
 import { useEffect } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { LoadingErrorSVG } from './loading-error-svg';
@@ -34,20 +35,20 @@ export const ModalLoadingError = ({
       reason: 'network'
     });
   }, [fireEvent]);
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: errorContainerStyles,
     "data-testid": "jira-jql-datasource-modal--loading-error"
-  }, /*#__PURE__*/React.createElement(LoadingErrorSVG, null), /*#__PURE__*/React.createElement("div", {
+  }, jsx(LoadingErrorSVG, null), jsx("div", {
     css: errorMessageContainerStyles
-  }, /*#__PURE__*/React.createElement("span", {
+  }, jsx("span", {
     css: errorMessageStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.unableToLoadResults)), /*#__PURE__*/React.createElement("p", {
+  }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadResults)), jsx("p", {
     css: errorDescriptionStyles
-  }, url ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, loadingErrorMessages.checkConnectionWithSource, {
+  }, url ? jsx(FormattedMessage, _extends({}, loadingErrorMessages.checkConnectionWithSource, {
     values: {
-      a: chunk => /*#__PURE__*/React.createElement("a", {
+      a: chunk => jsx("a", {
         href: url
       }, chunk)
     }
-  })) : /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.checkConnection))));
+  })) : jsx(FormattedMessage, loadingErrorMessages.checkConnection))));
 };

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

@@ -1,6 +1,5 @@
-/* no-instances.tsx generated by @compiled/babel-plugin v0.26.1 */
-import { ax, ix } from "@compiled/react/runtime";
-import { css } from '@emotion/react';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { loadingErrorMessages } from './messages';
@@ -16,13 +15,13 @@ const descriptionStyles = css({
 const containerStyles = xcss({
   marginTop: '60px'
 });
-export const NoInstancesView = () => /*#__PURE__*/React.createElement(Flex, {
+export const NoInstancesView = () => jsx(Flex, {
   testId: "no-jira-instances-content",
   direction: "column",
   alignItems: "center",
   xcss: containerStyles
-}, /*#__PURE__*/React.createElement(NoInstancesSvg, null), /*#__PURE__*/React.createElement("span", {
+}, jsx(NoInstancesSvg, null), jsx("span", {
   css: titleStyles
-}, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesTitle)), /*#__PURE__*/React.createElement("span", {
+}, jsx(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesTitle)), jsx("span", {
   css: descriptionStyles
-}, /*#__PURE__*/React.createElement(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesDescription)));
+}, jsx(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesDescription)));