@atlaskit/link-datasource 1.19.20 → 1.19.21

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/trigger.js

@@ -1,5 +1,3 @@
-/* trigger.tsx generated by @compiled/babel-plugin v0.26.1 */
-import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useCallback } from 'react';
 import styled from '@emotion/styled';
 import { FormattedMessage } from 'react-intl-next';

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

@@ -1,5 +1,3 @@
-/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
-import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { extractValuesFromNonComplexJQL } from '../utils/extractValuesFromNonComplexJQL';

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/menu-list/index.js

@@ -1,5 +1,3 @@
-/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
-import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { components } from '@atlaskit/select';

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/menu-list/selectMessage.js

@@ -1,5 +1,3 @@
-/* selectMessage.tsx generated by @compiled/babel-plugin v0.26.1 */
-import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Heading from '@atlaskit/heading';

package/dist/es2019/ui/jira-issues-modal/basic-search-input/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 { LoadingButton } from '@atlaskit/button';
 import SearchIcon from '@atlaskit/icon/glyph/editor/search';
@@ -37,14 +38,14 @@ export const BasicSearchInput = ({
     }
     return false;
   }, []);
-  return /*#__PURE__*/React.createElement("form", {
+  return jsx("form", {
     css: showBasicFilters ? formWithMaxWidthStyles : formStyles,
     onSubmit: handleFormSubmit
-  }, /*#__PURE__*/React.createElement(Textfield, {
-    elemAfterInput: /*#__PURE__*/React.createElement(LoadingButton, {
+  }, jsx(Textfield, {
+    elemAfterInput: jsx(LoadingButton, {
       appearance: "primary",
       css: searchButtonStyles,
-      iconBefore: /*#__PURE__*/React.createElement(SearchIcon, {
+      iconBefore: jsx(SearchIcon, {
         label: formatMessage(basicSearchInputMessages.basicTextSearchLabel),
         size: "medium"
       }),

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

@@ -1,5 +1,7 @@
+/** @jsx jsx */
+
 import { useMemo } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Lozenge from '@atlaskit/lozenge';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -54,22 +56,22 @@ export const InitialStateView = ({
     }
     return false;
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: initialStateViewContainerStyles,
     "data-testid": "jlol-datasource-modal--initial-state-view"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     css: svgAndTextsWrapperStyles
-  }, /*#__PURE__*/React.createElement(InitialStateSVG, null), /*#__PURE__*/React.createElement("div", {
+  }, jsx(InitialStateSVG, null), jsx("div", {
     css: searchTitleStyles
-  }, !showBasicFilters && /*#__PURE__*/React.createElement("div", {
+  }, !showBasicFilters && jsx("div", {
     css: betaTagStyles
-  }, /*#__PURE__*/React.createElement(Lozenge, {
+  }, jsx(Lozenge, {
     appearance: "new"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.beta))), /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", {
+  }, jsx(FormattedMessage, initialStateViewMessages.beta))), jsx(FormattedMessage, initialStateViewMessages.searchTitle)), jsx("div", {
     css: mainTextStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, methodToDescriptionMessage[searchMethod])), searchMethod === 'jql' ? /*#__PURE__*/React.createElement("a", {
+  }, jsx(FormattedMessage, methodToDescriptionMessage[searchMethod])), searchMethod === 'jql' ? jsx("a", {
     href: jqlSupportDocumentLink,
     target: "_blank",
     css: learnMoreLinkStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.learnMoreLink)) : null));
+  }, jsx(FormattedMessage, initialStateViewMessages.learnMoreLink)) : null));
 };

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

@@ -1,7 +1,6 @@
-/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
-import { ax, ix } from "@compiled/react/runtime";
+/** @jsx jsx */
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -182,30 +181,30 @@ export const JiraSearchContainer = props => {
       setCloudId(currentCloudId);
     }
   }, [currentCloudId, cloudId, setSearchBarJql]);
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: inputContainerStyles,
     "data-testid": "jira-search-container"
-  }, currentSearchMethod === 'basic' && /*#__PURE__*/React.createElement(Flex, {
+  }, currentSearchMethod === 'basic' && jsx(Flex, {
     alignItems: "center",
     xcss: basicSearchInputContainerStyles
-  }, /*#__PURE__*/React.createElement(BasicSearchInput, {
+  }, jsx(BasicSearchInput, {
     isSearching: isSearching,
     onChange: handleBasicSearchChange,
     onSearch: handleSearch,
     searchTerm: basicSearchTerm
-  }), showBasicFilters && /*#__PURE__*/React.createElement(BasicFilters, {
+  }), showBasicFilters && jsx(BasicFilters, {
     jql: searchBarJql,
     cloudId: cloudId || '',
     onChange: handleBasicFilterSelectionChange,
     selections: filterSelections,
     isJQLHydrating: basicFilterHydrationStatus === 'loading'
-  })), currentSearchMethod === 'jql' && /*#__PURE__*/React.createElement(JiraJQLEditor, {
+  })), currentSearchMethod === 'jql' && jsx(JiraJQLEditor, {
     cloudId: cloudId || '',
     isSearching: isSearching,
     onChange: onQueryChange,
     onSearch: handleSearch,
     query: searchBarJql
-  }), /*#__PURE__*/React.createElement(ModeSwitcher, {
+  }), jsx(ModeSwitcher, {
     onOptionValueChange: onSearchMethodChange,
     selectedOptionValue: currentSearchMethod,
     options: modeSwitcherOptions

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,7 +511,7 @@ 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',
@@ -518,31 +519,31 @@ export const PlainJiraIssuesConfigModal = props => {
     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", {
+  }), 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.21"
 };

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))));