@atlaskit/link-datasource 2.0.1 → 2.0.3

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js

@@ -1,94 +1,79 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { DatePicker } from '@atlaskit/datetime-picker';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Popup from '@atlaskit/popup';
 import { R400 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
-import { CLOLBasicFilters } from '../../types';
 import { dateRangeMessages } from './messages';
 import { PopupComponent } from './PopupComponent';
 import { CustomDateWrapper, CustomDropdown, CustomDropdownItem, DatePickersWrapper, DateRangeErrorMessage, SelectDateRangeButton } from './styled';
 import { PopupTrigger } from './trigger';
-import { getCurrentOptionLabel, getDropdownLabel, getInvalidDateRange } from './utils';
-const lastModifiedValues = ['anyTime', 'today', 'yesterday', 'past7Days', 'past30Days', 'pastYear', 'custom'];
+import { getCurrentOptionLabel, getDropdownLabel, useInvalidDateRange } from './utils';
+const dateRangeValues = ['anyTime', 'today', 'yesterday', 'past7Days', 'past30Days', 'pastYear', 'custom'];
 const defaultOptionValue = 'anyTime';
 export const DateRangePicker = ({
   onSelectionChange,
   selection
 }) => {
-  const [currentOption, setCurrentOption] = useState(selection === null || selection === void 0 ? void 0 : selection.value);
-  const [invalidDateRange, setInvalidDateRange] = useState(getInvalidDateRange(selection === null || selection === void 0 ? void 0 : selection.from, selection === null || selection === void 0 ? void 0 : selection.to));
-  const customFromDate = useRef(selection === null || selection === void 0 ? void 0 : selection.from);
-  const customToDate = useRef(selection === null || selection === void 0 ? void 0 : selection.to);
-  const [isPickerOpen, setIsPickerOpen] = useState(false);
+  const {
+    value: selectedValue,
+    from: fromDate,
+    to: toDate
+  } = selection || {};
+  const todayDate = new Date().toISOString();
   const {
     locale,
     formatMessage,
     formatDate
   } = useIntl();
-  const isCustomSelected = currentOption === 'custom' || (selection === null || selection === void 0 ? void 0 : selection.value) === 'custom';
-  const maxDate = new Date().toISOString();
-  useEffect(() => {
-    if (isPickerOpen) {
-      customFromDate.current = selection === null || selection === void 0 ? void 0 : selection.from;
-      customToDate.current = selection === null || selection === void 0 ? void 0 : selection.to;
-    }
-  }, [isPickerOpen, selection === null || selection === void 0 ? void 0 : selection.from, selection === null || selection === void 0 ? void 0 : selection.to]);
-  const handleFromOnChange = date => {
-    customFromDate.current = date;
-    setInvalidDateRange(getInvalidDateRange(customFromDate.current, customToDate.current));
-  };
-  const handleToOnChange = date => {
-    customToDate.current = date;
-    setInvalidDateRange(getInvalidDateRange(customFromDate.current, customToDate.current));
-  };
+  const [currentOption, setCurrentOption] = useState(selectedValue);
+  const [customFromDate, setCustomFromDate] = useState(fromDate);
+  const [customToDate, setCustomToDate] = useState(toDate);
+  const [isPickerOpen, setIsPickerOpen] = useState(false);
+  const isCustomSelected = currentOption === 'custom';
+  const invalidDateRange = useInvalidDateRange(customFromDate, customToDate);
   const handleClickUpdateDateRange = () => {
-    let label = 'custom';
-    if (customFromDate.current && !customToDate.current) {
-      label = customFromDate.current;
-    } else if (customToDate.current && !customFromDate.current) {
-      label = customToDate.current;
-    }
-    onSelectionChange(CLOLBasicFilters.lastModified, {
-      optionType: 'dateRange',
-      label: label,
+    onSelectionChange({
       value: 'custom',
-      from: customFromDate.current,
-      to: customToDate.current
+      from: customFromDate,
+      to: customToDate
     });
     setIsPickerOpen(false);
   };
   const handleClickFilterOption = useCallback(option => {
     setCurrentOption(option);
-    onSelectionChange(CLOLBasicFilters.lastModified, {
-      optionType: 'dateRange',
-      label: option,
+    onSelectionChange({
       value: option
     });
     if (option !== 'custom') {
       setIsPickerOpen(false);
     }
   }, [onSelectionChange]);
-  const handleTogglePopup = useCallback(() => {
-    // If users click out of popup, we let selection prop define the current option when opened again until user sets state
-    setCurrentOption(undefined);
-    setIsPickerOpen(!isPickerOpen);
-  }, [isPickerOpen]);
+  const handlePickerToggle = () => {
+    if (isPickerOpen) {
+      setCustomToDate(toDate);
+      setCustomFromDate(fromDate);
+      setIsPickerOpen(false);
+      return;
+    }
+    setIsPickerOpen(true);
+    return;
+  };
   return /*#__PURE__*/React.createElement(Popup, {
     isOpen: isPickerOpen,
-    onClose: handleTogglePopup,
+    onClose: handlePickerToggle,
     popupComponent: PopupComponent,
     zIndex: layers.modal(),
     content: () => {
-      return /*#__PURE__*/React.createElement(CustomDropdown, null, lastModifiedValues.map(option => /*#__PURE__*/React.createElement(CustomDropdownItem, {
+      return /*#__PURE__*/React.createElement(CustomDropdown, null, dateRangeValues.map(option => /*#__PURE__*/React.createElement(CustomDropdownItem, {
         key: option
         // want to show Anytime as selected if none of the other options are selected
         ,
-        isSelected: selection !== null && selection !== void 0 && selection.value ? option === selection.value : option === defaultOptionValue,
+        isSelected: selectedValue ? option === selectedValue : option === defaultOptionValue,
         onClick: () => handleClickFilterOption(option)
       }, getDropdownLabel(option, formatMessage))), isPickerOpen && isCustomSelected && /*#__PURE__*/React.createElement(CustomDateWrapper, null, /*#__PURE__*/React.createElement(DatePickersWrapper, null, /*#__PURE__*/React.createElement(DatePicker, {
-        maxDate: maxDate,
+        maxDate: todayDate,
         innerProps: {
           style: {
             width: 140
@@ -96,8 +81,9 @@ export const DateRangePicker = ({
         },
         testId: "date-from-picker",
         dateFormat: "D MMM YYYY",
-        onChange: handleFromOnChange,
-        defaultValue: selection === null || selection === void 0 ? void 0 : selection.from,
+        onChange: setCustomFromDate,
+        onDelete: () => setCustomFromDate(undefined),
+        defaultValue: fromDate,
         placeholder: formatMessage(dateRangeMessages.dateRangeFrom),
         isInvalid: Boolean(invalidDateRange),
         locale: locale,
@@ -110,7 +96,7 @@ export const DateRangePicker = ({
           }
         }
       }), /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeToLabel), /*#__PURE__*/React.createElement(DatePicker, {
-        maxDate: maxDate,
+        maxDate: todayDate,
         innerProps: {
           style: {
             width: 140
@@ -118,8 +104,9 @@ export const DateRangePicker = ({
         },
         testId: "date-to-picker",
         dateFormat: "D MMM YYYY",
-        onChange: handleToOnChange,
-        defaultValue: selection === null || selection === void 0 ? void 0 : selection.to,
+        onChange: setCustomToDate,
+        onDelete: () => setCustomToDate(undefined),
+        defaultValue: toDate,
         placeholder: formatMessage(dateRangeMessages.dateRangeTo),
         isInvalid: Boolean(invalidDateRange),
         locale: locale,
@@ -142,12 +129,16 @@ export const DateRangePicker = ({
       }, formatMessage(dateRangeMessages.dateRangeUpdateButton))));
     },
     placement: "bottom-start",
-    trigger: triggerProps => /*#__PURE__*/React.createElement(PopupTrigger, {
-      triggerProps: triggerProps,
-      isSelected: !!(selection !== null && selection !== void 0 && selection.value) || isPickerOpen,
-      labelPrefix: formatMessage(dateRangeMessages.dateRangeTitle),
-      selectedLabel: getCurrentOptionLabel(formatDate, formatMessage, selection),
-      onClick: handleTogglePopup
-    })
+    trigger: triggerProps => {
+      const labelText = getCurrentOptionLabel(formatDate, formatMessage, selectedValue, toDate, fromDate);
+      const isSelected = !!selectedValue || isPickerOpen;
+      return /*#__PURE__*/React.createElement(PopupTrigger, {
+        triggerProps: triggerProps,
+        isSelected: isSelected,
+        labelPrefix: formatMessage(dateRangeMessages.dateRangeTitle),
+        selectedLabel: labelText,
+        onClick: handlePickerToggle
+      });
+    }
   });
 };

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js

@@ -6,7 +6,7 @@ export const PopupComponentContainer = styled.div({
   display: 'block',
   flex: '1 1 auto',
   overflow: 'visible',
-  borderRadius: "var(--ds-border-radius-200, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 4px)",
   background: `var(--ds-background-input, ${N0})`,
   ':focus': {
     outline: 'none'
@@ -16,7 +16,7 @@ export const PopupComponentContainer = styled.div({
 export const CustomDropdown = styled.div({
   width: '340px',
   background: `var(--ds-background-input, ${N0})`,
-  borderRadius: "var(--ds-border-radius-200, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 4px)",
   boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))",
   zIndex: layers.modal()
 });
@@ -53,7 +53,7 @@ export const SelectDateRangeButton = styled.button({
   width: '70px',
   height: '40px',
   marginTop: "var(--ds-space-150, 12px)",
-  borderRadius: "var(--ds-border-radius-200, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 4px)",
   '&:hover': {
     background: `var(--ds-background-accent-gray-subtler, ${N30})`,
     cursor: 'pointer'
@@ -62,7 +62,7 @@ export const SelectDateRangeButton = styled.button({
 export const DateRangeErrorMessage = styled.div({
   display: 'flex',
   lineHeight: 1.3333,
-  marginTop: "var(--ds-space-050, 4px)",
-  fontSize: '12px',
+  marginTop: "var(--ds-space-050, 2px)",
+  fontSize: "var(--ds-font-size-075, 12px)",
   color: `var(--ds-text-danger, ${R400})`
 });

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/utils.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { getFormattedDate } from '../../../../../ui/issue-like-table/render-type/date-time';
 import { dateRangeMessages } from './messages';
@@ -14,13 +14,13 @@ export const getDropdownLabel = (option = 'anyTime', formatMessage) => {
   };
   return formatMessage(dateRangeMessages[mapping[option]]);
 };
-export const getCurrentOptionLabel = (formatDate, formatMessage, selection) => {
-  const selectedOption = selection === null || selection === void 0 ? void 0 : selection.value;
+export const getCurrentOptionLabel = (formatDate, formatMessage, value, to, from) => {
+  const selectedOption = value;
   if (selectedOption === 'custom') {
-    const hasFromDate = !!(selection !== null && selection !== void 0 && selection.from);
-    const hasToDate = !!(selection !== null && selection !== void 0 && selection.to);
-    const formattedFromDate = getFormattedDate((selection === null || selection === void 0 ? void 0 : selection.from) || '', 'date', formatDate);
-    const formattedToDate = getFormattedDate((selection === null || selection === void 0 ? void 0 : selection.to) || '', 'date', formatDate);
+    const hasFromDate = !!from;
+    const hasToDate = !!to;
+    const formattedFromDate = getFormattedDate(from || '', 'date', formatDate);
+    const formattedToDate = getFormattedDate(to || '', 'date', formatDate);
     if (hasFromDate && !hasToDate) {
       return formatMessage(dateRangeMessages.dateRangeAfterLabel, {
         date: formattedFromDate
@@ -37,21 +37,23 @@ export const getCurrentOptionLabel = (formatDate, formatMessage, selection) => {
   }
   return getDropdownLabel(selectedOption, formatMessage);
 };
-export const getInvalidDateRange = (from, to) => {
-  if (!from && !to) {
+export const useInvalidDateRange = (from, to) => {
+  return useMemo(() => {
+    if (!from && !to) {
+      return null;
+    }
+    const dateFrom = new Date(`${from}${from ? 'T00:00:00' : ''}`);
+    const dateTo = new Date(`${to}${to ? 'T00:00:00' : ''}`);
+    const now = new Date();
+    if (dateFrom > now) {
+      return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidDateAfterToday);
+    }
+    if (dateFrom > dateTo) {
+      return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidDateAfterEnd);
+    }
+    if (dateTo > now) {
+      return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidToDateAfterToday);
+    }
     return null;
-  }
-  const dateFrom = new Date(`${from}${from ? 'T00:00:00' : ''}`);
-  const dateTo = new Date(`${to}${to ? 'T00:00:00' : ''}`);
-  const now = new Date();
-  if (dateFrom > now) {
-    return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidDateAfterToday);
-  }
-  if (dateFrom > dateTo) {
-    return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidDateAfterEnd);
-  }
-  if (dateTo > now) {
-    return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidToDateAfterToday);
-  }
-  return null;
+  }, [from, to]);
 };

package/dist/es2019/ui/confluence-search-modal/basic-filters/hooks/useBasicFilterHydration.js

@@ -31,9 +31,14 @@ export const useBasicFilterHydration = () => {
       setStatus('rejected');
     }
   }, [getUsersFromAccountIDs]);
+  const reset = useCallback(() => {
+    setStatus('empty');
+    setUsers([]);
+  }, []);
   return {
     hydrateUsersFromAccountIds,
     status,
-    users
+    users,
+    reset
   };
 };

package/dist/es2019/ui/confluence-search-modal/basic-filters/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { DateRangePicker } from './filters/date-range-picker';
 import EditedOrCreatedByFilter from './filters/edited-or-created-by';
+import { CLOLBasicFilters } from './types';
 const basicFilterContainerStyles = xcss({
   paddingLeft: 'space.100'
 });
@@ -17,8 +18,12 @@ const BasicFilterContainer = ({
   } = selections;
   const [lastModifiedValue] = lastModified || [];
   const lastModifiedSelection = (lastModifiedValue === null || lastModifiedValue === void 0 ? void 0 : lastModifiedValue.optionType) === 'dateRange' ? lastModifiedValue : undefined;
-  const onDateRangePickerChange = (filterType, updatedOption) => {
-    onChange(filterType, [updatedOption]);
+  const onDateRangePickerChange = updatedOption => {
+    onChange(CLOLBasicFilters.lastModified, {
+      optionType: 'dateRange',
+      label: updatedOption.value,
+      ...updatedOption
+    });
   };
   return /*#__PURE__*/React.createElement(Flex, {
     xcss: basicFilterContainerStyles,

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

@@ -6,26 +6,40 @@ import { BasicSearchInput } from '../../common/modal/basic-search-input';
 import { FILTER_SELECTION_DEBOUNCE_MS } from '../../common/modal/popup-select/constants';
 import BasicFilters from '../basic-filters';
 import { useBasicFilterHydration } from '../basic-filters/hooks/useBasicFilterHydration';
-import { CLOLBasicFilters } from '../basic-filters/types';
 import { searchMessages } from './messages';
 const basicSearchInputContainerStyles = xcss({
   flexGrow: 1
 });
 const ConfluenceSearchContainer = ({
-  cloudId,
-  initialSearchValue,
-  initialFilterSelection,
+  parameters: {
+    cloudId,
+    searchString: initialSearchValue,
+    lastModified,
+    lastModifiedFrom,
+    lastModifiedTo,
+    contributorAccountIds
+  },
   isSearching,
   onSearch
 }) => {
   const {
     hydrateUsersFromAccountIds,
     users,
-    status
+    status,
+    reset: resetHydrationHook
   } = useBasicFilterHydration();
   const currentCloudId = useRef(cloudId);
+  const [initialContributorAccountIds, setInitialContributorAccountIds] = useState(contributorAccountIds !== null && contributorAccountIds !== void 0 ? contributorAccountIds : []);
   const [searchBarSearchString, setSearchBarSearchString] = useState(initialSearchValue !== null && initialSearchValue !== void 0 ? initialSearchValue : '');
-  const [filterSelections, setFilterSelections] = useState({});
+  const [filterSelections, setFilterSelections] = useState(() => lastModified ? {
+    lastModified: [{
+      optionType: 'dateRange',
+      label: lastModified,
+      value: lastModified,
+      from: lastModifiedFrom,
+      to: lastModifiedTo
+    }]
+  } : {});
   const handleSearchChange = useCallback(e => {
     const rawSearch = e.currentTarget.value;
     setSearchBarSearchString(rawSearch);
@@ -36,7 +50,7 @@ const ConfluenceSearchContainer = ({
   const handleBasicFilterSelectionChange = useCallback((filterType, options) => {
     const updatedSelection = {
       ...filterSelections,
-      [filterType]: options
+      [filterType]: Array.isArray(options) ? options : [options]
     };
     setFilterSelections(updatedSelection);
     debouncedBasicFilterSelectionChange(updatedSelection);
@@ -46,11 +60,13 @@ const ConfluenceSearchContainer = ({
   // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6827913
   useEffect(() => {
     if (currentCloudId.current !== cloudId) {
+      setInitialContributorAccountIds([]);
+      resetHydrationHook();
       setSearchBarSearchString('');
       setFilterSelections({});
       currentCloudId.current = cloudId;
     }
-  }, [cloudId]);
+  }, [cloudId, resetHydrationHook]);
   const showBasicFilters = useMemo(() => {
     if (getBooleanFF('platform.linking-platform.datasource.show-clol-basic-filters')) {
       return true;
@@ -58,19 +74,19 @@ const ConfluenceSearchContainer = ({
     return false;
   }, []);
   useEffect(() => {
-    const accountIds = initialFilterSelection === null || initialFilterSelection === void 0 ? void 0 : initialFilterSelection[CLOLBasicFilters.editedOrCreatedBy];
-    const hasAccountIds = accountIds && accountIds.length > 0;
+    const hasAccountIds = (initialContributorAccountIds === null || initialContributorAccountIds === void 0 ? void 0 : initialContributorAccountIds.length) > 0;
     if (hasAccountIds && status === 'empty' && showBasicFilters) {
-      hydrateUsersFromAccountIds(accountIds);
+      hydrateUsersFromAccountIds(initialContributorAccountIds);
     }
-  }, [hydrateUsersFromAccountIds, initialFilterSelection, showBasicFilters, status]);
+  }, [hydrateUsersFromAccountIds, initialContributorAccountIds, showBasicFilters, status]);
   useEffect(() => {
     if (status === 'resolved') {
       setFilterSelections({
+        lastModified: filterSelections.lastModified,
         editedOrCreatedBy: users
       });
     }
-  }, [users, status]);
+  }, [users, status, filterSelections.lastModified]);
   return /*#__PURE__*/React.createElement(Flex, {
     alignItems: "center",
     xcss: basicSearchInputContainerStyles

package/dist/es2019/ui/confluence-search-modal/modal/index.js

@@ -89,29 +89,15 @@ export const PlainConfluenceSearchConfigModal = props => {
   const searchCount = useRef(0);
   const userInteractionActions = useRef(new Set());
   const visibleColumnCount = useRef((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
-
-  // TODO: further refactoring in EDM-9573
-  // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6829210
   const parameters = useMemo(() => ({
     ...initialParameters,
-    cloudId,
+    cloudId: cloudId || '',
     searchString,
-    ...(((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.lastModified) || (lastModified === null || lastModified === void 0 ? void 0 : lastModified.value)) && {
-      lastModified: lastModified === null || lastModified === void 0 ? void 0 : lastModified.value
-    }),
-    ...(((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.lastModifiedFrom) || (lastModified === null || lastModified === void 0 ? void 0 : lastModified.from)) && {
-      lastModifiedFrom: lastModified === null || lastModified === void 0 ? void 0 : lastModified.from
-    }),
-    ...(((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.lastModifiedTo) || (lastModified === null || lastModified === void 0 ? void 0 : lastModified.to)) && {
-      lastModifiedTo: lastModified === null || lastModified === void 0 ? void 0 : lastModified.to
-    }),
-    ...(((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.contributorAccountIds) || (contributorAccountIds === null || contributorAccountIds === void 0 ? void 0 : contributorAccountIds.length) > 0) && {
-      contributorAccountIds
-    })
+    lastModified: lastModified === null || lastModified === void 0 ? void 0 : lastModified.value,
+    lastModifiedFrom: lastModified === null || lastModified === void 0 ? void 0 : lastModified.from,
+    lastModifiedTo: lastModified === null || lastModified === void 0 ? void 0 : lastModified.to,
+    contributorAccountIds: (contributorAccountIds === null || contributorAccountIds === void 0 ? void 0 : contributorAccountIds.length) > 0 ? contributorAccountIds : undefined
   }), [initialParameters, cloudId, searchString, lastModified, contributorAccountIds]);
-  const initialFilterSelection = useMemo(() => ({
-    editedOrCreatedBy: (initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.contributorAccountIds) || []
-  }), [initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.contributorAccountIds]);
   const isParametersSet = useMemo(() => !!cloudId && Object.values(parameters !== null && parameters !== void 0 ? parameters : {}).filter(v => v !== undefined).length > 1, [cloudId, parameters]);
   const parametersToSend = useMemo(() => {
     if (!isParametersSet) {
@@ -409,10 +395,10 @@ export const PlainConfluenceSearchConfigModal = props => {
     if (filters) {
       const {
         editedOrCreatedBy,
-        lastModified
+        lastModified: lastModifiedList
       } = filters;
-      if (lastModified) {
-        const updatedDateRangeOption = lastModified.find(range => range.value);
+      if (lastModifiedList) {
+        const updatedDateRangeOption = lastModifiedList.find(range => range.value);
         if ((updatedDateRangeOption === null || updatedDateRangeOption === void 0 ? void 0 : updatedDateRangeOption.optionType) === 'dateRange') {
           setLastModified({
             value: updatedDateRangeOption.value,
@@ -460,11 +446,9 @@ export const PlainConfluenceSearchConfigModal = props => {
   })), jsx(ModalBody, null, !hasNoConfluenceSites ? jsx(Fragment, null, jsx(Box, {
     xcss: inputContainerStyles
   }, jsx(ConfluenceSearchContainer, {
-    cloudId: cloudId,
     isSearching: status === 'loading',
     onSearch: onSearch,
-    initialSearchValue: initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.searchString,
-    initialFilterSelection: initialFilterSelection
+    parameters: parameters
   })), currentViewMode === 'inline' ? renderInlineLinkModalContent() : renderTableModalContent()) : jsx(NoInstancesView, {
     title: confluenceSearchModalMessages.noAccessToConfluenceSitesTitle,
     description: confluenceSearchModalMessages.noAccessToConfluenceSitesDescription,

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

@@ -24,8 +24,7 @@ const LinkRenderType = ({
     return (style === null || style === void 0 ? void 0 : style.appearance) && linkStyles[style.appearance] || {};
   }, [style]);
   const anchor = useMemo(() => /*#__PURE__*/React.createElement(HoverCard, {
-    url: url,
-    showServerActions: true
+    url: url
   }, /*#__PURE__*/React.createElement(LinkUrl, {
     href: url,
     style: {