@atlaskit/link-datasource 1.19.18 → 1.19.19

package/dist/esm/ui/issue-like-table/render-type/richtext/index.js

@@ -2,9 +2,8 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 var rootStyles = css({
@@ -32,12 +31,12 @@ var RichTextType = function RichTextType(_ref) {
     }
   }, [value]);
   if (adfPlainText) {
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: rootStyles,
       "data-testid": "richtext-plaintext"
     }, adfPlainText);
   } else {
-    return jsx("span", {
+    return /*#__PURE__*/React.createElement("span", {
       "data-testid": "richtext-unsupported"
     });
   }

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/dropdownIndicator.js

@@ -1,3 +1,5 @@
+/* dropdownIndicator.tsx generated by @compiled/babel-plugin v0.26.1 */
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import CloseIcon from '@atlaskit/icon/glyph/cross-circle';
 import SearchIcon from '@atlaskit/icon/glyph/search';

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/footer.js

@@ -1,4 +1,6 @@
+/* footer.tsx generated by @compiled/babel-plugin v0.26.1 */
 import _extends from "@babel/runtime/helpers/extends";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { Flex, Inline, xcss } from '@atlaskit/primitives';

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/formatOptionLabel.js

@@ -1,3 +1,5 @@
+/* formatOptionLabel.tsx generated by @compiled/babel-plugin v0.26.1 */
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import Avatar from '@atlaskit/avatar';
 import PeopleGroupIcon from '@atlaskit/icon/glyph/people-group';

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

@@ -1,4 +1,6 @@
+/* trigger.tsx generated by @compiled/babel-plugin v0.26.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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/esm/ui/jira-issues-modal/basic-filters/ui/index.js

@@ -1,3 +1,5 @@
+/* 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/esm/ui/jira-issues-modal/basic-filters/ui/menu-list/index.js

@@ -1,5 +1,7 @@
+/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { components } from '@atlaskit/select';

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

@@ -1,3 +1,5 @@
+/* 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/esm/ui/jira-issues-modal/basic-search-input/index.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import { useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { LoadingButton } from '@atlaskit/button';
 import SearchIcon from '@atlaskit/icon/glyph/editor/search';
@@ -37,14 +36,14 @@ export var BasicSearchInput = function BasicSearchInput(_ref) {
     }
     return false;
   }, []);
-  return jsx("form", {
+  return /*#__PURE__*/React.createElement("form", {
     css: showBasicFilters ? formWithMaxWidthStyles : formStyles,
     onSubmit: handleFormSubmit
-  }, jsx(Textfield, {
-    elemAfterInput: jsx(LoadingButton, {
+  }, /*#__PURE__*/React.createElement(Textfield, {
+    elemAfterInput: /*#__PURE__*/React.createElement(LoadingButton, {
       appearance: "primary",
       css: searchButtonStyles,
-      iconBefore: jsx(SearchIcon, {
+      iconBefore: /*#__PURE__*/React.createElement(SearchIcon, {
         label: formatMessage(basicSearchInputMessages.basicTextSearchLabel),
         size: "medium"
       }),

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

@@ -1,8 +1,8 @@
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/react';
+import { useMemo } from 'react';
+import { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Lozenge from '@atlaskit/lozenge';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N300 } from '@atlaskit/theme/colors';
 import { InitialStateSVG } from './assets/initial-state-svg';
 import { initialStateViewMessages } from './messages';
@@ -47,22 +47,28 @@ var methodToDescriptionMessage = {
 var jqlSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-advanced-search-with-jira-query-language-jql/';
 export var InitialStateView = function InitialStateView(_ref) {
   var searchMethod = _ref.searchMethod;
-  return jsx("div", {
+  var showBasicFilters = useMemo(function () {
+    if (getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters')) {
+      return true;
+    }
+    return false;
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
     css: initialStateViewContainerStyles,
     "data-testid": "jlol-datasource-modal--initial-state-view"
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: svgAndTextsWrapperStyles
-  }, jsx(InitialStateSVG, null), jsx("div", {
+  }, /*#__PURE__*/React.createElement(InitialStateSVG, null), /*#__PURE__*/React.createElement("div", {
     css: searchTitleStyles
-  }, jsx("div", {
+  }, !showBasicFilters && /*#__PURE__*/React.createElement("div", {
     css: betaTagStyles
-  }, jsx(Lozenge, {
+  }, /*#__PURE__*/React.createElement(Lozenge, {
     appearance: "new"
-  }, jsx(FormattedMessage, initialStateViewMessages.beta))), jsx(FormattedMessage, initialStateViewMessages.searchTitle)), jsx("div", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.beta))), /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", {
     css: mainTextStyles
-  }, jsx(FormattedMessage, methodToDescriptionMessage[searchMethod])), searchMethod === 'jql' ? jsx("a", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, methodToDescriptionMessage[searchMethod])), searchMethod === 'jql' ? /*#__PURE__*/React.createElement("a", {
     href: jqlSupportDocumentLink,
     target: "_blank",
     css: learnMoreLinkStyles
-  }, jsx(FormattedMessage, initialStateViewMessages.learnMoreLink)) : null));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.learnMoreLink)) : null));
 };

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

@@ -1,12 +1,13 @@
+/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["basicInputTextValue"];
+import { ax, ix } from "@compiled/react/runtime";
 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 React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -80,6 +81,23 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     }
     return false;
   }, []);
+  var modeSwitcherOptionsMap = useMemo(function () {
+    return {
+      jql: {
+        label: 'JQL',
+        value: 'jql'
+      },
+      basic: {
+        label: formatMessage(modeSwitcherMessages.basicTextSearchLabel),
+        value: 'basic',
+        disabled: isComplexQuery,
+        tooltipText: isComplexQuery ? formatMessage(modeSwitcherMessages.basicModeSwitchDisabledTooltipText) : ''
+      }
+    };
+  }, [formatMessage, isComplexQuery]);
+  var modeSwitcherOptions = useMemo(function () {
+    return showBasicFilters ? [modeSwitcherOptionsMap.basic, modeSwitcherOptionsMap.jql] : [modeSwitcherOptionsMap.jql, modeSwitcherOptionsMap.basic];
+  }, [modeSwitcherOptionsMap, showBasicFilters]);
   var _useHydrateJqlQuery = useHydrateJqlQuery(cloudId || '', searchBarJql),
     hydratedOptions = _useHydrateJqlQuery.hydratedOptions,
     fetchHydratedJqlOptions = _useHydrateJqlQuery.fetchHydratedJqlOptions,
@@ -189,40 +207,32 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
       setCloudId(currentCloudId);
     }
   }, [currentCloudId, cloudId, setSearchBarJql]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: inputContainerStyles,
     "data-testid": "jira-search-container"
-  }, currentSearchMethod === 'basic' && jsx(Flex, {
+  }, currentSearchMethod === 'basic' && /*#__PURE__*/React.createElement(Flex, {
     alignItems: "center",
     xcss: basicSearchInputContainerStyles
-  }, jsx(BasicSearchInput, {
+  }, /*#__PURE__*/React.createElement(BasicSearchInput, {
     isSearching: isSearching,
     onChange: handleBasicSearchChange,
     onSearch: handleSearch,
     searchTerm: basicSearchTerm
-  }), showBasicFilters && jsx(BasicFilters, {
+  }), showBasicFilters && /*#__PURE__*/React.createElement(BasicFilters, {
     jql: searchBarJql,
     cloudId: cloudId || '',
     onChange: handleBasicFilterSelectionChange,
     selections: filterSelections,
     isJQLHydrating: basicFilterHydrationStatus === 'loading'
-  })), currentSearchMethod === 'jql' && jsx(JiraJQLEditor, {
+  })), currentSearchMethod === 'jql' && /*#__PURE__*/React.createElement(JiraJQLEditor, {
     cloudId: cloudId || '',
     isSearching: isSearching,
     onChange: onQueryChange,
     onSearch: handleSearch,
     query: searchBarJql
-  }), jsx(ModeSwitcher, {
+  }), /*#__PURE__*/React.createElement(ModeSwitcher, {
     onOptionValueChange: onSearchMethodChange,
     selectedOptionValue: currentSearchMethod,
-    options: [{
-      label: 'JQL',
-      value: 'jql'
-    }, {
-      label: formatMessage(modeSwitcherMessages.basicTextSearchLabel),
-      value: 'basic',
-      disabled: isComplexQuery,
-      tooltipText: isComplexQuery ? formatMessage(modeSwitcherMessages.basicModeSwitchDisabledTooltipText) : ''
-    }]
+    options: modeSwitcherOptions
   }));
 };

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

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

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

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

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

@@ -3,9 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["width"];
 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 { useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import Select from '@atlaskit/select';
 import { siteSelectorIndex } from '../../../common/zindex';
@@ -43,9 +42,9 @@ export var JiraSiteSelector = function JiraSiteSelector(props) {
     label: selectedJiraSite.displayName,
     value: selectedJiraSite.cloudId
   };
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "--trigger")
-  }, jsx(Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     css: selectStyles,
     classNamePrefix: testId,
     isLoading: !availableSites,

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

@@ -2,9 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-/** @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';
@@ -38,11 +36,11 @@ export var 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 ? jsx(FooterWrapper, {
+  return onRefresh || showItemCount ? /*#__PURE__*/React.createElement(FooterWrapper, {
     "data-testid": "table-footer"
-  }, jsx(TopBorderWrapper, null, jsx(ItemCounterWrapper, {
+  }, /*#__PURE__*/React.createElement(TopBorderWrapper, null, /*#__PURE__*/React.createElement(ItemCounterWrapper, {
     "data-testid": "item-count-wrapper"
-  }, showItemCount && jsx(LinkUrl, {
+  }, showItemCount && /*#__PURE__*/React.createElement(LinkUrl, {
     href: url,
     target: "_blank",
     testId: "item-count-url",
@@ -50,23 +48,23 @@ export var TableFooter = function TableFooter(_ref) {
       color: "var(--ds-text-accent-gray, ".concat(N800, ")"),
       textDecoration: !url ? 'none' : ''
     }
-  }, jsx(Heading, {
+  }, /*#__PURE__*/React.createElement(Heading, {
     testId: "item-count",
     level: "h200"
-  }, jsx(FormattedNumber, {
+  }, /*#__PURE__*/React.createElement(FormattedNumber, {
     value: itemCount
-  }), ' ', jsx(FormattedMessage, _extends({}, footerMessages.itemText, {
+  }), ' ', /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, footerMessages.itemText, {
     values: {
       itemCount: itemCount
     }
-  }))))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
+  }))))), /*#__PURE__*/React.createElement(SyncWrapper, null, onRefresh && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(SyncTextWrapper, {
     "data-testid": "sync-text"
-  }, isLoading ? jsx(FormattedMessage, footerMessages.loadingText) : jsx(SyncInfo, {
+  }, isLoading ? /*#__PURE__*/React.createElement(FormattedMessage, footerMessages.loadingText) : /*#__PURE__*/React.createElement(SyncInfo, {
     lastSyncTime: lastSyncTime
-  })), jsx(Button, {
+  })), /*#__PURE__*/React.createElement(Button, {
     onClick: onRefresh,
     appearance: "subtle",
-    iconBefore: jsx(RefreshIcon, {
+    iconBefore: /*#__PURE__*/React.createElement(RefreshIcon, {
       label: intl.formatMessage(footerMessages.refreshLabel)
     }),
     isDisabled: isLoading,

package/dist/types/ui/jira-issues-modal/mode-switcher/index.d.ts

@@ -1,13 +1,14 @@
 import { jsx } from '@emotion/react';
+export interface ModeSwitcherPropsOption<T extends string = string> {
+    label: string;
+    value: T;
+    disabled?: boolean;
+    tooltipText?: string;
+}
 export interface ModeSwitcherProps<T extends string = string> {
     isCompact?: boolean;
     isDisabled?: boolean;
-    options: {
-        label: string;
-        value: T;
-        disabled?: boolean;
-        tooltipText?: string;
-    }[];
+    options: ModeSwitcherPropsOption<T>[];
     onOptionValueChange: (selectedOptionValue: T) => void;
     selectedOptionValue?: string;
 }

package/dist/types-ts4.5/ui/jira-issues-modal/mode-switcher/index.d.ts

@@ -1,13 +1,14 @@
 import { jsx } from '@emotion/react';
+export interface ModeSwitcherPropsOption<T extends string = string> {
+    label: string;
+    value: T;
+    disabled?: boolean;
+    tooltipText?: string;
+}
 export interface ModeSwitcherProps<T extends string = string> {
     isCompact?: boolean;
     isDisabled?: boolean;
-    options: {
-        label: string;
-        value: T;
-        disabled?: boolean;
-        tooltipText?: string;
-    }[];
+    options: ModeSwitcherPropsOption<T>[];
     onOptionValueChange: (selectedOptionValue: T) => void;
     selectedOptionValue?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.19.18",
+  "version": "1.19.19",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"