@atlaskit/link-datasource 1.19.20 → 1.19.22

package/dist/esm/ui/issue-like-table/empty-state/index.js

@@ -1,11 +1,12 @@
-import { css } from '@emotion/react';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
 import { Skeleton } from '@atlaskit/linking-common';
 import { N40 } from '@atlaskit/theme/colors';
 import { ScrollableContainerHeight, TableHeading } from '../styled';
 var SkeletonComponent = function SkeletonComponent(_ref) {
   var width = _ref.width,
     itemName = _ref.itemName;
-  return /*#__PURE__*/React.createElement(Skeleton, {
+  return jsx(Skeleton, {
     borderRadius: 8,
     testId: "".concat(itemName, "-empty-state-skeleton"),
     height: 14,
@@ -68,17 +69,17 @@ var renderItem = function renderItem(_ref2, _ref3) {
     shortWidth = _ref3.shortWidth;
   switch (key) {
     case 'status':
-      return /*#__PURE__*/React.createElement(SkeletonComponent, {
+      return jsx(SkeletonComponent, {
         width: shortWidth,
         itemName: key
       });
     case 'summary':
-      return /*#__PURE__*/React.createElement(SkeletonComponent, {
+      return jsx(SkeletonComponent, {
         width: longWidth,
         itemName: key
       });
     default:
-      return /*#__PURE__*/React.createElement(SkeletonComponent, {
+      return jsx(SkeletonComponent, {
         width: width,
         itemName: key
       });
@@ -98,7 +99,7 @@ export default (function (_ref4) {
       shortWidth: shortColumnWidths[index]
     };
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     style: {
       // the IssueLikeDataTableView wraps the table in a container with the styling below while modal doesn't
       // this maxHeight comes from scrollableContainerHeight
@@ -106,36 +107,36 @@ export default (function (_ref4) {
       padding: 0,
       boxSizing: 'border-box'
     }
-  }, /*#__PURE__*/React.createElement("table", {
+  }, jsx("table", {
     css: tableStyles,
     "data-testid": testId
-  }, /*#__PURE__*/React.createElement("thead", {
+  }, jsx("thead", {
     style: {
       borderBottom: 0
     }
-  }, /*#__PURE__*/React.createElement("tr", null, columnsToRender.map(function (_ref5) {
+  }, jsx("tr", null, columnsToRender.map(function (_ref5) {
     var key = _ref5.key,
       width = _ref5.width;
-    return /*#__PURE__*/React.createElement(TableHeading, {
+    return jsx(TableHeading, {
       key: key,
       style: {
         width: width,
         padding: padding
       }
-    }, /*#__PURE__*/React.createElement(Skeleton, {
+    }, jsx(Skeleton, {
       appearance: "darkGray",
       borderRadius: 8,
       testId: "empty-state-skeleton",
       height: 12,
       width: width
     }));
-  }))), /*#__PURE__*/React.createElement("tbody", {
+  }))), jsx("tbody", {
     css: tableBodyStyles
   }, rows.map(function (row) {
-    return /*#__PURE__*/React.createElement("tr", {
+    return jsx("tr", {
       key: row.id
     }, columnsToRender.map(function (column) {
-      return /*#__PURE__*/React.createElement("td", {
+      return jsx("td", {
         css: cellStyles,
         key: column.key
       }, renderItem(column, row));

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

@@ -7,8 +7,9 @@ var _templateObject;
 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 styled from '@emotion/styled';
 import invariant from 'tiny-invariant';
 import Heading from '@atlaskit/heading';
@@ -286,7 +287,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
       key: 'loading',
       cells: headerColumns.map(function (column) {
         return _objectSpread(_objectSpread({}, column), {}, {
-          content: /*#__PURE__*/React.createElement(Skeleton, {
+          content: jsx(Skeleton, {
             borderRadius: 8,
             width: "100%",
             height: 14,
@@ -463,7 +464,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     }, _callee, null, [[3, 9]]);
   })), [parentContainerRenderInstanceId, extensionKey, hasFullSchema, onLoadDatasourceDetails]);
   var shouldUseWidth = onColumnResize || columnCustomSizes;
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     /* There is required contentEditable={true} in editor-card-plugin
      * But this brakes how DND works. We set contentEditable={false} to allow DND to work
      * when dragging is initiated on top of a column label.
@@ -474,26 +475,26 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     style: scrollableContainerHeight ? {
       maxHeight: "".concat(scrollableContainerHeight, "px")
     } : undefined
-  }, /*#__PURE__*/React.createElement(Table, {
+  }, jsx(Table, {
     css: tableStyles,
     "data-testid": testId,
     style: shouldUseWidth ? {
       tableLayout: 'fixed'
     } : {}
-  }, /*#__PURE__*/React.createElement("thead", {
+  }, jsx("thead", {
     "data-testid": testId && "".concat(testId, "--head"),
     css: [noDefaultBorderStyles, tableHeadStyles]
-  }, /*#__PURE__*/React.createElement("tr", {
+  }, jsx("tr", {
     ref: tableHeaderRowRef
   }, headerColumns.map(function (_ref13, cellIndex) {
     var key = _ref13.key,
       content = _ref13.content,
       width = _ref13.width;
-    var heading = /*#__PURE__*/React.createElement(Tooltip, {
+    var heading = jsx(Tooltip, {
       content: content,
       tag: "span",
       testId: 'datasource-header-content'
-    }, /*#__PURE__*/React.createElement(Heading, {
+    }, jsx(Heading, {
       level: "h200",
       as: 'span'
     }, content));
@@ -509,11 +510,11 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
           return cell.content;
         }
       }).slice(0, 5);
-      var dragPreview = /*#__PURE__*/React.createElement(DragColumnPreview, {
+      var dragPreview = jsx(DragColumnPreview, {
         title: heading,
         rows: previewRows
       });
-      return /*#__PURE__*/React.createElement(DraggableTableHeading, {
+      return jsx(DraggableTableHeading, {
         tableId: tableId,
         key: key,
         id: key,
@@ -524,7 +525,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
         dragPreview: dragPreview
       }, heading);
     } else {
-      return /*#__PURE__*/React.createElement(TableHeading, {
+      return jsx(TableHeading, {
         key: key,
         className: !!onVisibleColumnKeysChange ? 'has-column-picker' : '',
         "data-testid": "".concat(key, "-column-heading"),
@@ -535,20 +536,20 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
         }
       }, heading);
     }
-  }), onVisibleColumnKeysChange && /*#__PURE__*/React.createElement(ColumnPickerHeader, null, /*#__PURE__*/React.createElement(ColumnPicker, {
+  }), onVisibleColumnKeysChange && jsx(ColumnPickerHeader, null, jsx(ColumnPicker, {
     columns: hasFullSchema ? orderedColumns : [],
     selectedColumnKeys: hasFullSchema ? visibleColumnKeys : [],
     onSelectedColumnKeysChange: onSelectedColumnKeysChange,
     onOpen: handlePickerOpen,
     parentContainerRenderInstanceId: parentContainerRenderInstanceId
-  })))), /*#__PURE__*/React.createElement("tbody", {
+  })))), jsx("tbody", {
     css: noDefaultBorderStyles,
     "data-testid": testId && "".concat(testId, "--body")
   }, rows.map(function (_ref16) {
     var key = _ref16.key,
       cells = _ref16.cells,
       ref = _ref16.ref;
-    return /*#__PURE__*/React.createElement("tr", {
+    return jsx("tr", {
       key: key,
       "data-testid": testId && "".concat(testId, "--row-").concat(key),
       ref: ref
@@ -567,7 +568,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
           paddingBlock: "var(--ds-space-100, 8px)"
         });
       }
-      return /*#__PURE__*/React.createElement("td", {
+      return jsx("td", {
         key: cellKey,
         "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
         colSpan: cellIndex + 1 === cells.length ? 2 : undefined,

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

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

package/dist/esm/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -1,7 +1,10 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 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; }
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useBasicFilterAGG } from '../../../../services/useBasicFilterAGG';
@@ -16,7 +19,7 @@ export var getAssigneeUnassignedFilterOption = function getAssigneeUnassignedFil
 };
 export var useFilterOptions = function useFilterOptions(_ref) {
   var filterType = _ref.filterType,
-    cloudId = _ref.cloudId;
+    site = _ref.site;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useState = useState([]),
@@ -40,10 +43,13 @@ export var useFilterOptions = function useFilterOptions(_ref) {
     nextPageCursor = _useState10[0],
     setNextPageCursor = _useState10[1];
   var initialData = useRef();
+  var _ref2 = site || {},
+    cloudId = _ref2.cloudId,
+    siteUrl = _ref2.url;
   var _useBasicFilterAGG = useBasicFilterAGG(),
     getFieldValues = _useBasicFilterAGG.getFieldValues;
   var fetchFilterOptions = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var _ref3,
+    var _ref4,
       pageCursor,
       searchString,
       isNewSearch,
@@ -56,21 +62,27 @@ export var useFilterOptions = function useFilterOptions(_ref) {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _ref3 = _args.length > 0 && _args[0] !== undefined ? _args[0] : {}, pageCursor = _ref3.pageCursor, searchString = _ref3.searchString;
+          _ref4 = _args.length > 0 && _args[0] !== undefined ? _args[0] : {}, pageCursor = _ref4.pageCursor, searchString = _ref4.searchString;
+          if (cloudId) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return");
+        case 3:
           isNewSearch = !pageCursor;
           isNewSearch ? setStatus('loading') : setStatus('loadingMore');
           isRequestLikeInitialSearch = !pageCursor && !searchString;
           initialResponseData = initialData.current;
-          _context.prev = 5;
+          _context.prev = 7;
           if (!(isRequestLikeInitialSearch && initialResponseData)) {
-            _context.next = 10;
+            _context.next = 12;
             break;
           }
           _context.t0 = initialResponseData;
-          _context.next = 13;
+          _context.next = 15;
           break;
-        case 10:
-          _context.next = 12;
+        case 12:
+          _context.next = 14;
           return getFieldValues({
             cloudId: cloudId,
             jql: '',
@@ -78,19 +90,21 @@ export var useFilterOptions = function useFilterOptions(_ref) {
             searchString: searchString,
             pageCursor: pageCursor
           });
-        case 12:
+        case 14:
           _context.t0 = _context.sent;
-        case 13:
+        case 15:
           response = _context.t0;
           if (!(response.errors && response.errors.length > 0)) {
-            _context.next = 18;
+            _context.next = 20;
             break;
           }
           setStatus('rejected');
           setErrors(response.errors);
           return _context.abrupt("return");
-        case 18:
-          mappedResponse = mapFieldValuesToFilterOptions(response);
+        case 20:
+          mappedResponse = mapFieldValuesToFilterOptions(_objectSpread(_objectSpread({}, response), {}, {
+            siteUrl: siteUrl
+          }));
           mappedTotalCount = mapFieldValuesToTotalCount(response);
           if (isNewSearch) {
             if (isRequestLikeInitialSearch) {
@@ -116,19 +130,19 @@ export var useFilterOptions = function useFilterOptions(_ref) {
           setTotalCount(mappedTotalCount);
           setNextPageCursor(mapFieldValuesToPageCursor(response));
           setStatus('resolved');
-          _context.next = 30;
+          _context.next = 32;
           break;
-        case 26:
-          _context.prev = 26;
-          _context.t1 = _context["catch"](5);
+        case 28:
+          _context.prev = 28;
+          _context.t1 = _context["catch"](7);
           setStatus('rejected');
           setErrors([_context.t1]);
-        case 30:
+        case 32:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[5, 26]]);
-  })), [cloudId, filterOptions, filterType, formatMessage, getFieldValues]);
+    }, _callee, null, [[7, 28]]);
+  })), [cloudId, filterOptions, filterType, formatMessage, getFieldValues, siteUrl]);
   useEffect(function () {
     if (status !== 'rejected' && errors.length !== 0) {
       setErrors([]);

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

@@ -1,5 +1,3 @@
-/* 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,6 +1,4 @@
-/* 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,5 +1,3 @@
-/* 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/index.js

@@ -26,7 +26,7 @@ var noFilterOptions = function noFilterOptions() {
 export var SEARCH_DEBOUNCE_MS = 350;
 var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
   var filterType = _ref.filterType,
-    cloudId = _ref.cloudId,
+    site = _ref.site,
     selection = _ref.selection,
     isJQLHydrating = _ref.isJQLHydrating,
     _ref$onSelectionChang = _ref.onSelectionChange,
@@ -49,12 +49,14 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     sortedOptions = _useState6[0],
     setSortedOptions = _useState6[1];
-  var currentSiteCloudId = useRef(cloudId);
+  var _ref2 = site || {},
+    cloudId = _ref2.cloudId;
+  var currentSiteCloudId = useRef(cloudId || '');
   var sortPaginatedResults = useRef(false); // this is to track pagination for sorting purpose
 
   var _useFilterOptions = useFilterOptions({
       filterType: filterType,
-      cloudId: cloudId
+      site: site
     }),
     filterOptions = _useFilterOptions.filterOptions,
     fetchFilterOptions = _useFilterOptions.fetchFilterOptions,
@@ -71,7 +73,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     _useDebouncedCallback2 = _slicedToArray(_useDebouncedCallback, 1),
     handleDebouncedFetchFilterOptions = _useDebouncedCallback2[0];
   var handleInputChange = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(newSearchTerm, actionMeta) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(newSearchTerm, actionMeta) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -86,7 +88,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
       }, _callee);
     }));
     return function (_x, _x2) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(), [handleDebouncedFetchFilterOptions, searchTerm]);
   var handleOptionSelection = useCallback(function (newValue) {
@@ -185,7 +187,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
   }, [status]); // we only want the sortOptionsOnResolve to run when there is a status change
 
   useEffect(function () {
-    if (currentSiteCloudId.current !== cloudId) {
+    if (cloudId && currentSiteCloudId.current !== cloudId) {
       currentSiteCloudId.current = cloudId;
       setSortedOptions([]);
       setSearchTerm('');
@@ -252,9 +254,9 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     onInputChange: handleInputChange,
     onOpen: handleMenuOpen,
     onClose: handleMenuClose,
-    target: function target(_ref3) {
-      var isOpen = _ref3.isOpen,
-        triggerProps = _objectWithoutProperties(_ref3, _excluded);
+    target: function target(_ref4) {
+      var isOpen = _ref4.isOpen,
+        triggerProps = _objectWithoutProperties(_ref4, _excluded);
       return /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, triggerProps, {
         filterType: filterType,
         selectedOptions: selectedOptions,

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

@@ -1,6 +1,4 @@
-/* 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,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';
@@ -10,13 +8,15 @@ var basicFilterContainerStyles = xcss({
 });
 var BasicFilterContainer = function BasicFilterContainer(_ref) {
   var jql = _ref.jql,
-    cloudId = _ref.cloudId,
+    site = _ref.site,
     onChange = _ref.onChange,
     selections = _ref.selections,
     isJQLHydrating = _ref.isJQLHydrating;
   var extractedFilterValues = useMemo(function () {
     return isJQLHydrating ? extractValuesFromNonComplexJQL(jql) : {};
   }, [isJQLHydrating, jql]);
+  var _ref2 = site || {},
+    cloudId = _ref2.cloudId;
   return /*#__PURE__*/React.createElement(Flex, {
     xcss: basicFilterContainerStyles,
     gap: "space.100",
@@ -25,7 +25,7 @@ var BasicFilterContainer = function BasicFilterContainer(_ref) {
     var _extractedFilterValue;
     var shouldShowHydrationLoader = isJQLHydrating && ((_extractedFilterValue = extractedFilterValues[filter]) === null || _extractedFilterValue === void 0 ? void 0 : _extractedFilterValue.length) > 0;
     return /*#__PURE__*/React.createElement(AsyncPopupSelect, {
-      cloudId: cloudId,
+      site: site,
       filterType: filter,
       key: filter,
       selection: selections[filter] || [],

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

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

@@ -14,6 +14,15 @@ var getLozengeAppearance = function getLozengeAppearance(colorName) {
     return appearanceMap[colorName];
   }
 };
+var checkAndConvertToAbsoluteUrl = function checkAndConvertToAbsoluteUrl(url, siteUrl) {
+  if (!url) {
+    return '';
+  }
+  if (/^data:(.*)/.test(url) || /^http(.*)/.test(url) || !siteUrl) {
+    return url;
+  }
+  return "".concat(siteUrl).concat(url);
+};
 function mapNodeToOption(_ref) {
   var displayName = _ref.displayName,
     jqlTerm = _ref.jqlTerm,
@@ -21,7 +30,8 @@ function mapNodeToOption(_ref) {
     issueTypes = _ref.issueTypes,
     project = _ref.project,
     statusCategory = _ref.statusCategory,
-    user = _ref.user;
+    user = _ref.user,
+    siteUrl = _ref.siteUrl;
   try {
     var baseProps = {
       label: displayName,
@@ -46,14 +56,14 @@ function mapNodeToOption(_ref) {
       var _project$avatar;
       return _objectSpread(_objectSpread({}, baseProps), {}, {
         optionType: 'iconLabel',
-        icon: (_project$avatar = project.avatar) === null || _project$avatar === void 0 ? void 0 : _project$avatar.small
+        icon: checkAndConvertToAbsoluteUrl((_project$avatar = project.avatar) === null || _project$avatar === void 0 ? void 0 : _project$avatar.small, siteUrl)
       });
     }
     if (issueTypes) {
       var _issueTypes$;
       return _objectSpread(_objectSpread({}, baseProps), {}, {
         optionType: 'iconLabel',
-        icon: (_issueTypes$ = issueTypes[0]) === null || _issueTypes$ === void 0 ? void 0 : _issueTypes$.avatar.small
+        icon: checkAndConvertToAbsoluteUrl((_issueTypes$ = issueTypes[0]) === null || _issueTypes$ === void 0 ? void 0 : _issueTypes$.avatar.small, siteUrl)
       });
     }
     if (statusCategory) {
@@ -92,9 +102,12 @@ export function mapHydrateResponseData(_ref2) {
 }
 export function mapFieldValuesToFilterOptions(_ref5) {
   var _data$jira2;
-  var data = _ref5.data;
+  var data = _ref5.data,
+    siteUrl = _ref5.siteUrl;
   return (data === null || data === void 0 || (_data$jira2 = data.jira) === null || _data$jira2 === void 0 || (_data$jira2 = _data$jira2.jqlBuilder) === null || _data$jira2 === void 0 || (_data$jira2 = _data$jira2.fieldValues) === null || _data$jira2 === void 0 || (_data$jira2 = _data$jira2.edges) === null || _data$jira2 === void 0 ? void 0 : _data$jira2.map(function (edge) {
-    return edge.node ? mapNodeToOption(edge.node) : null;
+    return edge.node ? mapNodeToOption(_objectSpread(_objectSpread({}, edge.node), {}, {
+      siteUrl: siteUrl
+    })) : null;
   }).filter(isNonNullSelectOption)) || [];
 }
 export function mapFieldValuesToTotalCount(_ref6) {

package/dist/esm/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';
@@ -36,14 +37,14 @@ export var BasicSearchInput = function BasicSearchInput(_ref) {
     }
     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/esm/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';
@@ -53,22 +55,22 @@ export var InitialStateView = function InitialStateView(_ref) {
     }
     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));
 };