@atlaskit/link-datasource 1.19.20 → 1.19.22

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

@@ -47,7 +47,7 @@ var _messages = require("./messages");
 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 dropdownContainerStyles = (0, _react2.css)({
   display: 'flex',
   alignItems: 'center',
@@ -468,9 +468,9 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
     setVisibleColumnKeys(newVisibleColumnKeys);
   }, [visibleColumnKeys]);
   var issueLikeDataTableView = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/React.createElement("div", {
+    return (0, _react2.jsx)("div", {
       css: [tableContainerStyles, contentContainerStyles]
-    }, /*#__PURE__*/React.createElement(_issueLikeTable.IssueLikeDataTableView, {
+    }, (0, _react2.jsx)(_issueLikeTable.IssueLikeDataTableView, {
       testId: "jira-jql-datasource-table",
       status: status,
       columns: columns,
@@ -489,21 +489,21 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
   var renderCountModeContent = (0, _react.useCallback)(function () {
     var selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     if (status === 'unauthorized') {
-      return /*#__PURE__*/React.createElement(_accessRequired.AccessRequired, {
+      return (0, _react2.jsx)(_accessRequired.AccessRequired, {
         url: selectedJiraSiteUrl || urlBeingEdited
       });
     } else if (status === 'empty' || !jql || !selectedJiraSiteUrl) {
-      return /*#__PURE__*/React.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: smartLinkContainerStyles
-      }, /*#__PURE__*/React.createElement("span", {
+      }, (0, _react2.jsx)("span", {
         "data-testid": "jira-jql-datasource-modal--smart-card-placeholder",
         css: placeholderSmartLinkStyles
-      }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.modalMessages.issuesCountSmartCardPlaceholderText)));
+      }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.issuesCountSmartCardPlaceholderText)));
     } else {
       var urlWithEncodedJql = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(encodeURI(jql));
-      return /*#__PURE__*/React.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: smartLinkContainerStyles
-      }, /*#__PURE__*/React.createElement(_link.default, {
+      }, (0, _react2.jsx)(_link.default, {
         url: urlWithEncodedJql
       }));
     }
@@ -511,48 +511,48 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
   var renderIssuesModeContent = (0, _react.useCallback)(function () {
     var selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     if (status === 'rejected' && jqlUrl) {
-      return /*#__PURE__*/React.createElement(_modalLoadingError.ModalLoadingError, {
+      return (0, _react2.jsx)(_modalLoadingError.ModalLoadingError, {
         url: jqlUrl
       });
     } else if (status === 'unauthorized') {
-      return /*#__PURE__*/React.createElement(_accessRequired.AccessRequired, {
+      return (0, _react2.jsx)(_accessRequired.AccessRequired, {
         url: selectedJiraSiteUrl || urlBeingEdited
       });
     } else if (resolvedWithNoResults || status === 'forbidden') {
-      return /*#__PURE__*/React.createElement(_noResults.NoResults, null);
+      return (0, _react2.jsx)(_noResults.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 (0, _react2.jsx)("div", {
         css: [contentContainerStyles, !!jql && tableContainerStyles]
-      }, !!jql ? /*#__PURE__*/React.createElement(_issueLikeTable.EmptyState, {
+      }, !!jql ? (0, _react2.jsx)(_issueLikeTable.EmptyState, {
         testId: "jira-jql-datasource-modal--empty-state"
-      }) : /*#__PURE__*/React.createElement(_initialStateView.InitialStateView, {
+      }) : (0, _react2.jsx)(_initialStateView.InitialStateView, {
         searchMethod: currentSearchMethod
       }));
     }
     var firstIssueUrl = retrieveUrlForSmartCardRender();
     if (responseItems.length === 1 && firstIssueUrl) {
-      return /*#__PURE__*/React.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: smartLinkContainerStyles
-      }, /*#__PURE__*/React.createElement(_link.default, {
+      }, (0, _react2.jsx)(_link.default, {
         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(_modalDialog.ModalTransition, null, /*#__PURE__*/React.createElement(_modalDialog.default, {
+  return (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_modalDialog.default, {
     testId: "jira-jql-datasource-modal",
     onClose: onCancel,
     width: "calc(100% - 80px)",
     shouldScrollInViewport: true
-  }, /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/React.createElement("div", {
+  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, (0, _react2.jsx)("div", {
     css: dropdownContainerStyles
-  }, availableSites && availableSites.length > 1 ? /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesTitleManySites), /*#__PURE__*/React.createElement(_siteSelector.JiraSiteSelector, {
+  }, availableSites && availableSites.length > 1 ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesTitleManySites), (0, _react2.jsx)(_siteSelector.JiraSiteSelector, {
     availableSites: availableSites,
     onSiteSelection: onSiteSelection,
     selectedJiraSite: selectedJiraSite,
     testId: "jira-jql-datasource-modal--site-selector"
-  })) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesTitle))), !hasNoJiraSites && /*#__PURE__*/React.createElement(_modeSwitcher.ModeSwitcher, {
+  })) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesTitle))), !hasNoJiraSites && (0, _react2.jsx)(_modeSwitcher.ModeSwitcher, {
     isCompact: true,
     options: [{
       label: formatMessage(_messages.modalMessages.issueViewModeLabel),
@@ -563,39 +563,40 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
     }],
     onOptionValueChange: handleViewModeChange,
     selectedOptionValue: currentViewMode
-  })), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, !hasNoJiraSites ? /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_jiraSearchContainer.JiraSearchContainer, {
+  })), (0, _react2.jsx)(_modalDialog.ModalBody, null, !hasNoJiraSites ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_jiraSearchContainer.JiraSearchContainer, {
     setSearchBarJql: setSearchBarJql,
     searchBarJql: searchBarJql,
     isSearching: status === 'loading',
     parameters: parameters,
     onSearch: onSearch,
     initialSearchMethod: initialSearchMethod,
-    onSearchMethodChange: setCurrentSearchMethod
-  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : /*#__PURE__*/React.createElement(_noInstances.NoInstancesView, null)), /*#__PURE__*/React.createElement(_modalDialog.ModalFooter, null, shouldShowIssueCount && /*#__PURE__*/React.createElement("div", {
+    onSearchMethodChange: setCurrentSearchMethod,
+    site: selectedJiraSite
+  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : (0, _react2.jsx)(_noInstances.NoInstancesView, null)), (0, _react2.jsx)(_modalDialog.ModalFooter, null, shouldShowIssueCount && (0, _react2.jsx)("div", {
     "data-testid": "jira-jql-datasource-modal-total-issues-count",
     css: issueCountStyles
-  }, /*#__PURE__*/React.createElement(_linkUrl.default, {
+  }, (0, _react2.jsx)(_linkUrl.default, {
     href: jqlUrl,
     target: "_blank",
     testId: "item-count-url",
     style: {
       color: "var(--ds-text-accent-gray, ".concat(_colors.N800, ")")
     }
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedNumber, {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedNumber, {
     value: totalCount
-  }), ' ', /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.modalMessages.issueText, {
+  }), ' ', (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.modalMessages.issueText, {
     values: {
       totalCount: totalCount
     }
-  })))), /*#__PURE__*/React.createElement(_standardButton.default, {
+  })))), (0, _react2.jsx)(_standardButton.default, {
     appearance: "default",
     onClick: onCancelClick
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.modalMessages.cancelButtonText)), !hasNoJiraSites && /*#__PURE__*/React.createElement(_standardButton.default, {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.cancelButtonText)), !hasNoJiraSites && (0, _react2.jsx)(_standardButton.default, {
     appearance: "primary",
     onClick: onInsertPressed,
     isDisabled: isInsertDisabled,
     testId: "jira-jql-datasource-modal--insert-button"
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesButtonText)))));
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesButtonText)))));
 };
 var analyticsContextAttributes = {
   dataProvider: 'jira-issues'

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

@@ -10,6 +10,8 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+/** @jsx jsx */
+
 var modeSwitcherStyles = (0, _react2.css)({
   alignItems: 'center',
   background: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
@@ -75,7 +77,7 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
   var handleModeChange = function handleModeChange(event) {
     onOptionValueChange(event.currentTarget.value);
   };
-  return options.length > 0 ? /*#__PURE__*/_react.default.createElement("fieldset", {
+  return options.length > 0 ? (0, _react2.jsx)("fieldset", {
     css: [modeSwitcherStyles, isCompact && compactModeSwitcherStyles],
     "data-testid": "mode-toggle-container",
     disabled: isDisabled
@@ -85,14 +87,14 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
       isOptionDisabled = _ref.disabled,
       tooltipText = _ref.tooltipText;
     var isSelected = value === selectedOptionValue;
-    return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    return (0, _react2.jsx)(_tooltip.default, {
       content: tooltipText
     }, function (tooltipProps) {
-      return /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({}, tooltipProps, {
+      return (0, _react2.jsx)("label", (0, _extends2.default)({}, tooltipProps, {
         key: value,
         css: [modeSwitcherLabelStyles, isCompact && compactModeSwitcherLabelStyles, isSelected && modeSwitcherLabelSelectedStyles, isDisabled && modeSwitcherDisabledStyles, isOptionDisabled && [modeSwitcherLabelDisabledStyles, modeSwitcherDisabledStyles]],
         "data-testid": "mode-toggle-".concat(value)
-      }), label, /*#__PURE__*/_react.default.createElement("input", {
+      }), label, (0, _react2.jsx)("input", {
         "aria-checked": isSelected,
         "aria-disabled": isOptionDisabled,
         checked: isSelected,

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

@@ -14,6 +14,7 @@ var _select = _interopRequireDefault(require("@atlaskit/select"));
 var _zindex = require("../../../common/zindex");
 var _messages = require("./messages");
 var _excluded = ["width"];
+/** @jsx jsx */
 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; }
 var selectStyles = (0, _react2.css)({
@@ -49,9 +50,9 @@ var JiraSiteSelector = exports.JiraSiteSelector = function JiraSiteSelector(prop
     label: selectedJiraSite.displayName,
     value: selectedJiraSite.cloudId
   };
-  return /*#__PURE__*/React.createElement("span", {
+  return (0, _react2.jsx)("span", {
     "data-testid": "".concat(testId, "--trigger")
-  }, /*#__PURE__*/React.createElement(_select.default, {
+  }, (0, _react2.jsx)(_select.default, {
     css: selectStyles,
     classNamePrefix: testId,
     isLoading: !availableSites,

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

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("react");
+var _react2 = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
@@ -19,6 +20,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _messages = require("./messages");
 var _syncInfo = require("./sync-info");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+/** @jsx jsx */
 var FooterWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", ";\n  box-sizing: border-box;\n  border-radius: inherit;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  background: ", ";\n  border-top: 2px solid ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-background-input, ".concat(_colors.N0, ")"), "var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")"));
 var TopBorderWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  box-sizing: border-box;\n  justify-content: space-between;\n  padding: ", " 0;\n"])), "var(--ds-space-250, 20px)");
 var ItemCounterWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-self: center;\n"])));
@@ -43,11 +45,11 @@ var TableFooter = exports.TableFooter = function TableFooter(_ref) {
 
   // 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 ? (0, _react2.jsx)(FooterWrapper, {
     "data-testid": "table-footer"
-  }, /*#__PURE__*/React.createElement(TopBorderWrapper, null, /*#__PURE__*/React.createElement(ItemCounterWrapper, {
+  }, (0, _react2.jsx)(TopBorderWrapper, null, (0, _react2.jsx)(ItemCounterWrapper, {
     "data-testid": "item-count-wrapper"
-  }, showItemCount && /*#__PURE__*/React.createElement(_linkUrl.default, {
+  }, showItemCount && (0, _react2.jsx)(_linkUrl.default, {
     href: url,
     target: "_blank",
     testId: "item-count-url",
@@ -55,23 +57,23 @@ var TableFooter = exports.TableFooter = function TableFooter(_ref) {
       color: "var(--ds-text-accent-gray, ".concat(_colors.N800, ")"),
       textDecoration: !url ? 'none' : ''
     }
-  }, /*#__PURE__*/React.createElement(_heading.default, {
+  }, (0, _react2.jsx)(_heading.default, {
     testId: "item-count",
     level: "h200"
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedNumber, {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedNumber, {
     value: itemCount
-  }), ' ', /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.footerMessages.itemText, {
+  }), ' ', (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.footerMessages.itemText, {
     values: {
       itemCount: itemCount
     }
-  }))))), /*#__PURE__*/React.createElement(SyncWrapper, null, onRefresh && /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(SyncTextWrapper, {
+  }))))), (0, _react2.jsx)(SyncWrapper, null, onRefresh && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(SyncTextWrapper, {
     "data-testid": "sync-text"
-  }, isLoading ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.footerMessages.loadingText) : /*#__PURE__*/React.createElement(_syncInfo.SyncInfo, {
+  }, isLoading ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.footerMessages.loadingText) : (0, _react2.jsx)(_syncInfo.SyncInfo, {
     lastSyncTime: lastSyncTime
-  })), /*#__PURE__*/React.createElement(_button.default, {
+  })), (0, _react2.jsx)(_button.default, {
     onClick: onRefresh,
     appearance: "subtle",
-    iconBefore: /*#__PURE__*/React.createElement(_refresh.default, {
+    iconBefore: (0, _react2.jsx)(_refresh.default, {
       label: intl.formatMessage(_messages.footerMessages.refreshLabel)
     }),
     isDisabled: isLoading,

package/dist/es2019/analytics/constants.js

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

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