@atlaskit/link-datasource 1.19.20 → 1.19.22

package/dist/es2019/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';
 const SkeletonComponent = ({
   width,
   itemName
-}) => /*#__PURE__*/React.createElement(Skeleton, {
+}) => jsx(Skeleton, {
   borderRadius: 8,
   testId: `${itemName}-empty-state-skeleton`,
   height: 14,
@@ -69,17 +70,17 @@ const renderItem = ({
 }) => {
   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 (({
     longWidth: longColumnWidths[index],
     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,33 +107,33 @@ export default (({
       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(({
+  }, jsx("tr", null, columnsToRender.map(({
     key,
     width
-  }) => /*#__PURE__*/React.createElement(TableHeading, {
+  }) => jsx(TableHeading, {
     key: key,
     style: {
       width,
       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(row => /*#__PURE__*/React.createElement("tr", {
+  }, rows.map(row => jsx("tr", {
     key: row.id
-  }, columnsToRender.map(column => /*#__PURE__*/React.createElement("td", {
+  }, columnsToRender.map(column => jsx("td", {
     css: cellStyles,
     key: column.key
   }, renderItem(column, row))))))));

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

@@ -1,5 +1,6 @@
+/** @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';
@@ -307,7 +308,7 @@ export const IssueLikeDataTableView = ({
     key: 'loading',
     cells: headerColumns.map(column => ({
       ...column,
-      content: /*#__PURE__*/React.createElement(Skeleton, {
+      content: jsx(Skeleton, {
         borderRadius: 8,
         width: "100%",
         height: 14,
@@ -462,7 +463,7 @@ export const IssueLikeDataTableView = ({
     }
   }, [parentContainerRenderInstanceId, extensionKey, hasFullSchema, onLoadDatasourceDetails]);
   const 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.
@@ -473,27 +474,27 @@ export const IssueLikeDataTableView = ({
     style: scrollableContainerHeight ? {
       maxHeight: `${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 && `${testId}--head`,
     css: [noDefaultBorderStyles, tableHeadStyles]
-  }, /*#__PURE__*/React.createElement("tr", {
+  }, jsx("tr", {
     ref: tableHeaderRowRef
   }, headerColumns.map(({
     key,
     content,
     width
   }, cellIndex) => {
-    const heading = /*#__PURE__*/React.createElement(Tooltip, {
+    const 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 const IssueLikeDataTableView = ({
           return cell.content;
         }
       }).slice(0, 5);
-      const dragPreview = /*#__PURE__*/React.createElement(DragColumnPreview, {
+      const 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 const IssueLikeDataTableView = ({
         dragPreview: dragPreview
       }, heading);
     } else {
-      return /*#__PURE__*/React.createElement(TableHeading, {
+      return jsx(TableHeading, {
         key: key,
         className: !!onVisibleColumnKeysChange ? 'has-column-picker' : '',
         "data-testid": `${key}-column-heading`,
@@ -535,20 +536,20 @@ export const IssueLikeDataTableView = ({
         }
       }, 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 && `${testId}--body`
   }, rows.map(({
     key,
     cells,
     ref
-  }) => /*#__PURE__*/React.createElement("tr", {
+  }) => jsx("tr", {
     key: key,
     "data-testid": testId && `${testId}--row-${key}`,
     ref: ref
@@ -569,7 +570,7 @@ export const IssueLikeDataTableView = ({
         paddingBlock: "var(--ds-space-100, 8px)"
       };
     }
-    return /*#__PURE__*/React.createElement("td", {
+    return jsx("td", {
       key: cellKey,
       "data-testid": testId && `${testId}--cell-${cellIndex}`,
       colSpan: cellIndex + 1 === cells.length ? 2 : undefined,

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

@@ -1,5 +1,6 @@
+/** @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';
 const rootStyles = css({
@@ -29,12 +30,12 @@ const RichTextType = ({
     }
   }, [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/es2019/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -10,7 +10,7 @@ export const getAssigneeUnassignedFilterOption = formatMessage => ({
 });
 export const useFilterOptions = ({
   filterType,
-  cloudId
+  site
 }) => {
   const {
     formatMessage
@@ -21,6 +21,10 @@ export const useFilterOptions = ({
   const [errors, setErrors] = useState([]);
   const [nextPageCursor, setNextPageCursor] = useState(undefined);
   const initialData = useRef();
+  const {
+    cloudId,
+    url: siteUrl
+  } = site || {};
   const {
     getFieldValues
   } = useBasicFilterAGG();
@@ -28,6 +32,9 @@ export const useFilterOptions = ({
     pageCursor,
     searchString
   } = {}) => {
+    if (!cloudId) {
+      return;
+    }
     const isNewSearch = !pageCursor;
     isNewSearch ? setStatus('loading') : setStatus('loadingMore');
     const isRequestLikeInitialSearch = !pageCursor && !searchString;
@@ -47,7 +54,10 @@ export const useFilterOptions = ({
         setErrors(response.errors);
         return;
       }
-      const mappedResponse = mapFieldValuesToFilterOptions(response);
+      const mappedResponse = mapFieldValuesToFilterOptions({
+        ...response,
+        siteUrl
+      });
       let mappedTotalCount = mapFieldValuesToTotalCount(response);
       if (isNewSearch) {
         if (isRequestLikeInitialSearch) {
@@ -77,7 +87,7 @@ export const useFilterOptions = ({
       setStatus('rejected');
       setErrors([error]);
     }
-  }, [cloudId, filterOptions, filterType, formatMessage, getFieldValues]);
+  }, [cloudId, filterOptions, filterType, formatMessage, getFieldValues, siteUrl]);
   useEffect(() => {
     if (status !== 'rejected' && errors.length !== 0) {
       setErrors([]);

package/dist/es2019/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/es2019/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/es2019/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/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js

@@ -18,7 +18,7 @@ const noFilterOptions = () => true;
 export const SEARCH_DEBOUNCE_MS = 350;
 const AsyncPopupSelect = ({
   filterType,
-  cloudId,
+  site,
   selection,
   isJQLHydrating,
   onSelectionChange = () => {},
@@ -33,7 +33,10 @@ const AsyncPopupSelect = ({
   const [searchTerm, setSearchTerm] = useState('');
   const [selectedOptions, setSelectedOptions] = useState(selection);
   const [sortedOptions, setSortedOptions] = useState([]);
-  const currentSiteCloudId = useRef(cloudId);
+  const {
+    cloudId
+  } = site || {};
+  const currentSiteCloudId = useRef(cloudId || '');
   const sortPaginatedResults = useRef(false); // this is to track pagination for sorting purpose
 
   const {
@@ -46,7 +49,7 @@ const AsyncPopupSelect = ({
     errors
   } = useFilterOptions({
     filterType,
-    cloudId
+    site
   });
   const [handleDebouncedFetchFilterOptions] = useDebouncedCallback(searchString => {
     fetchFilterOptions({
@@ -147,7 +150,7 @@ const AsyncPopupSelect = ({
   }, [status]); // we only want the sortOptionsOnResolve to run when there is a status change
 
   useEffect(() => {
-    if (currentSiteCloudId.current !== cloudId) {
+    if (cloudId && currentSiteCloudId.current !== cloudId) {
       currentSiteCloudId.current = cloudId;
       setSortedOptions([]);
       setSearchTerm('');

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

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

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

@@ -1,5 +1,3 @@
-/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
-import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { extractValuesFromNonComplexJQL } from '../utils/extractValuesFromNonComplexJQL';
@@ -10,12 +8,15 @@ const basicFilterContainerStyles = xcss({
 });
 const BasicFilterContainer = ({
   jql,
-  cloudId,
+  site,
   onChange,
   selections,
   isJQLHydrating
 }) => {
   const extractedFilterValues = useMemo(() => isJQLHydrating ? extractValuesFromNonComplexJQL(jql) : {}, [isJQLHydrating, jql]);
+  const {
+    cloudId
+  } = site || {};
   return /*#__PURE__*/React.createElement(Flex, {
     xcss: basicFilterContainerStyles,
     gap: "space.100",
@@ -24,7 +25,7 @@ const BasicFilterContainer = ({
     var _extractedFilterValue;
     const 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/es2019/ui/jira-issues-modal/basic-filters/ui/menu-list/index.js

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

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

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

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

@@ -11,6 +11,15 @@ const getLozengeAppearance = colorName => {
     return appearanceMap[colorName];
   }
 };
+const checkAndConvertToAbsoluteUrl = (url, siteUrl) => {
+  if (!url) {
+    return '';
+  }
+  if (/^data:(.*)/.test(url) || /^http(.*)/.test(url) || !siteUrl) {
+    return url;
+  }
+  return `${siteUrl}${url}`;
+};
 function mapNodeToOption({
   displayName,
   jqlTerm,
@@ -18,7 +27,8 @@ function mapNodeToOption({
   issueTypes,
   project,
   statusCategory,
-  user
+  user,
+  siteUrl
 }) {
   try {
     const baseProps = {
@@ -47,7 +57,7 @@ function mapNodeToOption({
       return {
         ...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) {
@@ -55,7 +65,7 @@ function mapNodeToOption({
       return {
         ...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) {
@@ -94,10 +104,14 @@ export function mapHydrateResponseData({
   return transformedHydrateResponseData;
 }
 export function mapFieldValuesToFilterOptions({
-  data
+  data,
+  siteUrl
 }) {
   var _data$jira2, _data$jira2$jqlBuilde, _data$jira2$jqlBuilde2, _data$jira2$jqlBuilde3;
-  return (data === null || data === void 0 ? void 0 : (_data$jira2 = data.jira) === null || _data$jira2 === void 0 ? void 0 : (_data$jira2$jqlBuilde = _data$jira2.jqlBuilder) === null || _data$jira2$jqlBuilde === void 0 ? void 0 : (_data$jira2$jqlBuilde2 = _data$jira2$jqlBuilde.fieldValues) === null || _data$jira2$jqlBuilde2 === void 0 ? void 0 : (_data$jira2$jqlBuilde3 = _data$jira2$jqlBuilde2.edges) === null || _data$jira2$jqlBuilde3 === void 0 ? void 0 : _data$jira2$jqlBuilde3.map(edge => edge.node ? mapNodeToOption(edge.node) : null).filter(isNonNullSelectOption)) || [];
+  return (data === null || data === void 0 ? void 0 : (_data$jira2 = data.jira) === null || _data$jira2 === void 0 ? void 0 : (_data$jira2$jqlBuilde = _data$jira2.jqlBuilder) === null || _data$jira2$jqlBuilde === void 0 ? void 0 : (_data$jira2$jqlBuilde2 = _data$jira2$jqlBuilde.fieldValues) === null || _data$jira2$jqlBuilde2 === void 0 ? void 0 : (_data$jira2$jqlBuilde3 = _data$jira2$jqlBuilde2.edges) === null || _data$jira2$jqlBuilde3 === void 0 ? void 0 : _data$jira2$jqlBuilde3.map(edge => edge.node ? mapNodeToOption({
+    ...edge.node,
+    siteUrl
+  }) : null).filter(isNonNullSelectOption)) || [];
 }
 export function mapFieldValuesToTotalCount({
   data

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

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

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

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

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

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