@atlaskit/link-datasource 1.19.20 → 1.19.22

package/dist/es2019/ui/jira-issues-modal/modal/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
 import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { FormattedMessage, FormattedNumber, useIntl } from 'react-intl-next';
 import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
@@ -416,9 +417,9 @@ export const PlainJiraIssuesConfigModal = props => {
     visibleColumnCount.current = newVisibleColumnKeys.length;
     setVisibleColumnKeys(newVisibleColumnKeys);
   }, [visibleColumnKeys]);
-  const issueLikeDataTableView = useMemo(() => /*#__PURE__*/React.createElement("div", {
+  const issueLikeDataTableView = useMemo(() => jsx("div", {
     css: [tableContainerStyles, contentContainerStyles]
-  }, /*#__PURE__*/React.createElement(IssueLikeDataTableView, {
+  }, jsx(IssueLikeDataTableView, {
     testId: "jira-jql-datasource-table",
     status: status,
     columns: columns,
@@ -436,21 +437,21 @@ export const PlainJiraIssuesConfigModal = props => {
   const renderCountModeContent = useCallback(() => {
     const selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     if (status === 'unauthorized') {
-      return /*#__PURE__*/React.createElement(AccessRequired, {
+      return jsx(AccessRequired, {
         url: selectedJiraSiteUrl || urlBeingEdited
       });
     } else if (status === 'empty' || !jql || !selectedJiraSiteUrl) {
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         css: smartLinkContainerStyles
-      }, /*#__PURE__*/React.createElement("span", {
+      }, jsx("span", {
         "data-testid": `jira-jql-datasource-modal--smart-card-placeholder`,
         css: placeholderSmartLinkStyles
-      }, /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.issuesCountSmartCardPlaceholderText)));
+      }, jsx(FormattedMessage, modalMessages.issuesCountSmartCardPlaceholderText)));
     } else {
       const urlWithEncodedJql = `${selectedJiraSiteUrl}/issues/?jql=${encodeURI(jql)}`;
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         css: smartLinkContainerStyles
-      }, /*#__PURE__*/React.createElement(LinkRenderType, {
+      }, jsx(LinkRenderType, {
         url: urlWithEncodedJql
       }));
     }
@@ -458,48 +459,48 @@ export const PlainJiraIssuesConfigModal = props => {
   const renderIssuesModeContent = useCallback(() => {
     const selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     if (status === 'rejected' && jqlUrl) {
-      return /*#__PURE__*/React.createElement(ModalLoadingError, {
+      return jsx(ModalLoadingError, {
         url: jqlUrl
       });
     } else if (status === 'unauthorized') {
-      return /*#__PURE__*/React.createElement(AccessRequired, {
+      return jsx(AccessRequired, {
         url: selectedJiraSiteUrl || urlBeingEdited
       });
     } else if (resolvedWithNoResults || status === 'forbidden') {
-      return /*#__PURE__*/React.createElement(NoResults, null);
+      return jsx(NoResults, null);
     } else if (status === 'empty' || !columns.length) {
       // persist the empty state when making the initial /data request which contains the columns
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         css: [contentContainerStyles, !!jql && tableContainerStyles]
-      }, !!jql ? /*#__PURE__*/React.createElement(EmptyState, {
+      }, !!jql ? jsx(EmptyState, {
         testId: `jira-jql-datasource-modal--empty-state`
-      }) : /*#__PURE__*/React.createElement(InitialStateView, {
+      }) : jsx(InitialStateView, {
         searchMethod: currentSearchMethod
       }));
     }
     const firstIssueUrl = retrieveUrlForSmartCardRender();
     if (responseItems.length === 1 && firstIssueUrl) {
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         css: smartLinkContainerStyles
-      }, /*#__PURE__*/React.createElement(LinkRenderType, {
+      }, jsx(LinkRenderType, {
         url: firstIssueUrl
       }));
     }
     return issueLikeDataTableView;
   }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, responseItems.length, retrieveUrlForSmartCardRender, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
-  return /*#__PURE__*/React.createElement(ModalTransition, null, /*#__PURE__*/React.createElement(Modal, {
+  return jsx(ModalTransition, null, jsx(Modal, {
     testId: "jira-jql-datasource-modal",
     onClose: onCancel,
     width: "calc(100% - 80px)",
     shouldScrollInViewport: true
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement("div", {
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx("div", {
     css: dropdownContainerStyles
-  }, availableSites && availableSites.length > 1 ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertIssuesTitleManySites), /*#__PURE__*/React.createElement(JiraSiteSelector, {
+  }, availableSites && availableSites.length > 1 ? jsx(Fragment, null, jsx(FormattedMessage, modalMessages.insertIssuesTitleManySites), jsx(JiraSiteSelector, {
     availableSites: availableSites,
     onSiteSelection: onSiteSelection,
     selectedJiraSite: selectedJiraSite,
     testId: "jira-jql-datasource-modal--site-selector"
-  })) : /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertIssuesTitle))), !hasNoJiraSites && /*#__PURE__*/React.createElement(ModeSwitcher, {
+  })) : jsx(FormattedMessage, modalMessages.insertIssuesTitle))), !hasNoJiraSites && jsx(ModeSwitcher, {
     isCompact: true,
     options: [{
       label: formatMessage(modalMessages.issueViewModeLabel),
@@ -510,39 +511,40 @@ export const PlainJiraIssuesConfigModal = props => {
     }],
     onOptionValueChange: handleViewModeChange,
     selectedOptionValue: currentViewMode
-  })), /*#__PURE__*/React.createElement(ModalBody, null, !hasNoJiraSites ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(JiraSearchContainer, {
+  })), jsx(ModalBody, null, !hasNoJiraSites ? jsx(Fragment, null, jsx(JiraSearchContainer, {
     setSearchBarJql: setSearchBarJql,
     searchBarJql: searchBarJql,
     isSearching: status === 'loading',
     parameters: parameters,
     onSearch: onSearch,
     initialSearchMethod: initialSearchMethod,
-    onSearchMethodChange: setCurrentSearchMethod
-  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : /*#__PURE__*/React.createElement(NoInstancesView, null)), /*#__PURE__*/React.createElement(ModalFooter, null, shouldShowIssueCount && /*#__PURE__*/React.createElement("div", {
+    onSearchMethodChange: setCurrentSearchMethod,
+    site: selectedJiraSite
+  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : jsx(NoInstancesView, null)), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
     "data-testid": "jira-jql-datasource-modal-total-issues-count",
     css: issueCountStyles
-  }, /*#__PURE__*/React.createElement(LinkUrl, {
+  }, jsx(LinkUrl, {
     href: jqlUrl,
     target: "_blank",
     testId: "item-count-url",
     style: {
       color: `var(--ds-text-accent-gray, ${N800})`
     }
-  }, /*#__PURE__*/React.createElement(FormattedNumber, {
+  }, jsx(FormattedNumber, {
     value: totalCount
-  }), ' ', /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, modalMessages.issueText, {
+  }), ' ', jsx(FormattedMessage, _extends({}, modalMessages.issueText, {
     values: {
       totalCount
     }
-  })))), /*#__PURE__*/React.createElement(Button, {
+  })))), jsx(Button, {
     appearance: "default",
     onClick: onCancelClick
-  }, /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.cancelButtonText)), !hasNoJiraSites && /*#__PURE__*/React.createElement(Button, {
+  }, jsx(FormattedMessage, modalMessages.cancelButtonText)), !hasNoJiraSites && jsx(Button, {
     appearance: "primary",
     onClick: onInsertPressed,
     isDisabled: isInsertDisabled,
     testId: "jira-jql-datasource-modal--insert-button"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertIssuesButtonText)))));
+  }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText)))));
 };
 const analyticsContextAttributes = {
   dataProvider: 'jira-issues'

package/dist/es2019/ui/jira-issues-modal/mode-switcher/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
 import React from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { N0, N20, N30A, N60, N700 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 const modeSwitcherStyles = css({
@@ -69,7 +70,7 @@ export const ModeSwitcher = props => {
   const handleModeChange = event => {
     onOptionValueChange(event.currentTarget.value);
   };
-  return options.length > 0 ? /*#__PURE__*/React.createElement("fieldset", {
+  return options.length > 0 ? jsx("fieldset", {
     css: [modeSwitcherStyles, isCompact && compactModeSwitcherStyles],
     "data-testid": "mode-toggle-container",
     disabled: isDisabled
@@ -80,13 +81,13 @@ export const ModeSwitcher = props => {
     tooltipText
   }) => {
     const isSelected = value === selectedOptionValue;
-    return /*#__PURE__*/React.createElement(Tooltip, {
+    return jsx(Tooltip, {
       content: tooltipText
-    }, tooltipProps => /*#__PURE__*/React.createElement("label", _extends({}, tooltipProps, {
+    }, tooltipProps => jsx("label", _extends({}, tooltipProps, {
       key: value,
       css: [modeSwitcherLabelStyles, isCompact && compactModeSwitcherLabelStyles, isSelected && modeSwitcherLabelSelectedStyles, isDisabled && modeSwitcherDisabledStyles, isOptionDisabled && [modeSwitcherLabelDisabledStyles, modeSwitcherDisabledStyles]],
       "data-testid": `mode-toggle-${value}`
-    }), label, /*#__PURE__*/React.createElement("input", {
+    }), label, jsx("input", {
       "aria-checked": isSelected,
       "aria-disabled": isOptionDisabled,
       checked: isSelected,

package/dist/es2019/ui/jira-issues-modal/site-selector/index.js

@@ -1,5 +1,6 @@
+/** @jsx jsx */
 import { useMemo } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import Select from '@atlaskit/select';
 import { siteSelectorIndex } from '../../../common/zindex';
@@ -34,9 +35,9 @@ export const JiraSiteSelector = props => {
     label: selectedJiraSite.displayName,
     value: selectedJiraSite.cloudId
   };
-  return /*#__PURE__*/React.createElement("span", {
+  return jsx("span", {
     "data-testid": `${testId}--trigger`
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, jsx(Select, {
     css: selectStyles,
     classNamePrefix: testId,
     isLoading: !availableSites,

package/dist/es2019/ui/table-footer/index.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
 import { Fragment, useEffect, useState } from 'react';
+import { jsx } from '@emotion/react';
 import styled from '@emotion/styled';
 import { FormattedMessage, FormattedNumber, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
@@ -54,11 +56,11 @@ export const TableFooter = ({
 
   // If only one of the two is passed in, still show the other one (Note: We keep the div encapsulating the one not shown to
   // ensure correct positioning since 'justify-content: space-between' is used).
-  return onRefresh || showItemCount ? /*#__PURE__*/React.createElement(FooterWrapper, {
+  return onRefresh || showItemCount ? jsx(FooterWrapper, {
     "data-testid": "table-footer"
-  }, /*#__PURE__*/React.createElement(TopBorderWrapper, null, /*#__PURE__*/React.createElement(ItemCounterWrapper, {
+  }, jsx(TopBorderWrapper, null, jsx(ItemCounterWrapper, {
     "data-testid": "item-count-wrapper"
-  }, showItemCount && /*#__PURE__*/React.createElement(LinkUrl, {
+  }, showItemCount && jsx(LinkUrl, {
     href: url,
     target: "_blank",
     testId: "item-count-url",
@@ -66,23 +68,23 @@ export const TableFooter = ({
       color: `var(--ds-text-accent-gray, ${N800})`,
       textDecoration: !url ? 'none' : ''
     }
-  }, /*#__PURE__*/React.createElement(Heading, {
+  }, jsx(Heading, {
     testId: "item-count",
     level: "h200"
-  }, /*#__PURE__*/React.createElement(FormattedNumber, {
+  }, jsx(FormattedNumber, {
     value: itemCount
-  }), ' ', /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, footerMessages.itemText, {
+  }), ' ', jsx(FormattedMessage, _extends({}, footerMessages.itemText, {
     values: {
       itemCount
     }
-  }))))), /*#__PURE__*/React.createElement(SyncWrapper, null, onRefresh && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(SyncTextWrapper, {
+  }))))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
     "data-testid": "sync-text"
-  }, isLoading ? /*#__PURE__*/React.createElement(FormattedMessage, footerMessages.loadingText) : /*#__PURE__*/React.createElement(SyncInfo, {
+  }, isLoading ? jsx(FormattedMessage, footerMessages.loadingText) : jsx(SyncInfo, {
     lastSyncTime: lastSyncTime
-  })), /*#__PURE__*/React.createElement(Button, {
+  })), jsx(Button, {
     onClick: onRefresh,
     appearance: "subtle",
-    iconBefore: /*#__PURE__*/React.createElement(RefreshIcon, {
+    iconBefore: jsx(RefreshIcon, {
       label: intl.formatMessage(footerMessages.refreshLabel)
     }),
     isDisabled: isLoading,

package/dist/esm/analytics/constants.js

@@ -1,5 +1,5 @@
 export var EVENT_CHANNEL = 'media';
 export var packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.19.20"
+  packageVersion: "1.19.22"
 };

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

@@ -5,8 +5,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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 */
 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';
@@ -35,7 +36,7 @@ var modalBodyErrorWrapperStyles = css({
   display: 'grid',
   height: MODAL_HEIGHT
 });
-var AssetsModalTitle = /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertObjectsTitle));
+var AssetsModalTitle = jsx(ModalTitle, null, jsx(FormattedMessage, modalMessages.insertObjectsTitle));
 var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
   var datasourceId = props.datasourceId,
     initialParameters = props.parameters,
@@ -310,11 +311,11 @@ var PlainAssetsConfigModal = function 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]);
@@ -323,11 +324,11 @@ var PlainAssetsConfigModal = function 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: aql,
@@ -340,18 +341,18 @@ var PlainAssetsConfigModal = function 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,
@@ -366,16 +367,16 @@ var PlainAssetsConfigModal = function 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/esm/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';
@@ -28,29 +29,29 @@ var tableBordersStyles = css({
   backgroundAttachment: scrollableContainerShadowsCssComponents.backgroundAttachment
 });
 var RejectedView = function RejectedView() {
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: [contentContainerStyles]
-  }, /*#__PURE__*/React.createElement(ModalLoadingError, null));
+  }, jsx(ModalLoadingError, null));
 };
 var UnauthorizedView = function UnauthorizedView() {
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: [contentContainerStyles]
-  }, /*#__PURE__*/React.createElement(AccessRequired, null));
+  }, jsx(AccessRequired, null));
 };
 var EmptyView = function EmptyView() {
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: [contentContainerStyles]
-  }, /*#__PURE__*/React.createElement(InitialStateView, null));
+  }, jsx(InitialStateView, null));
 };
 var NoResultsView = function NoResultsView() {
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: [contentContainerStyles]
-  }, /*#__PURE__*/React.createElement(NoResults, null));
+  }, jsx(NoResults, null));
 };
 var LoadingView = function LoadingView() {
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: [contentContainerStyles, contentContainerStyles, tableBordersStyles, disableOverflowStyles]
-  }, /*#__PURE__*/React.createElement(EmptyState, {
+  }, jsx(EmptyState, {
     testId: "assets-aql-datasource-modal--loading-state"
   }));
 };
@@ -68,9 +69,9 @@ export var RenderAssetsContent = function RenderAssetsContent(props) {
     isFetchingInitialData = props.isFetchingInitialData;
   var resolvedWithNoResults = status === 'resolved' && !responseItems.length;
   var issueLikeDataTableView = useMemo(function () {
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       css: [contentContainerStyles, tableBordersStyles]
-    }, /*#__PURE__*/React.createElement(IssueLikeDataTableView, {
+    }, jsx(IssueLikeDataTableView, {
       testId: "asset-datasource-table",
       status: status,
       columns: columns,
@@ -85,17 +86,17 @@ export var RenderAssetsContent = function 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/esm/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';
@@ -22,14 +24,14 @@ var AQLSupportDocumentLink = 'https://support.atlassian.com/jira-service-managem
 export var InitialStateView = function InitialStateView() {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  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/esm/ui/assets-modal/search-container/aql-search-input/index.js

@@ -2,8 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+/** @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';
@@ -39,13 +40,13 @@ var searchButtonStyles = css({
 export var 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, {
+    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",
@@ -53,14 +54,14 @@ var renderValidatorIcon = function 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"
@@ -138,7 +139,7 @@ export var AqlSearchInput = function AqlSearchInput(_ref) {
       }
     });
   };
-  return /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Field, {
+  return jsx(FieldContainer, null, jsx(Field, {
     name: aqlKey,
     defaultValue: value,
     validate: debouncedMemoizedValidation
@@ -146,29 +147,29 @@ export var AqlSearchInput = function AqlSearchInput(_ref) {
     var fieldProps = _ref3.fieldProps,
       meta = _ref3.meta,
       error = _ref3.error;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Textfield, _extends({}, fieldProps, {
-      elemBeforeInput: /*#__PURE__*/React.createElement("span", {
+    return 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, ".concat(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"
         }),
@@ -180,6 +181,6 @@ export var AqlSearchInput = function AqlSearchInput(_ref) {
       })),
       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/esm/ui/assets-modal/search-container/aql-search-input/loading-state.js

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

package/dist/esm/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';
@@ -23,21 +25,21 @@ export var AssetsSearchContainer = function AssetsSearchContainer(props) {
       onSearch(aql, objectSchema.value);
     }
   };
-  return /*#__PURE__*/React.createElement(Form, {
+  return jsx(Form, {
     onSubmit: onFormSubmit
   }, function (_ref) {
     var _initialSearchData$ob, _initialSearchData$ob2, _initialSearchData$aq;
     var formProps = _ref.formProps;
-    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/esm/ui/assets-modal/search-container/loading-state.js

@@ -1,11 +1,13 @@
+/** @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 var AssetsSearchContainerLoading = function AssetsSearchContainerLoading(_ref) {
   var modalTitle = _ref.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)));
 };