@atlaskit/link-datasource 3.22.6 → 4.0.0

package/dist/es2019/ui/common/modal/site-selector/site-selector-old.js

@@ -1,78 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useMemo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useIntl } from 'react-intl-next';
-import { Box, xcss } from '@atlaskit/primitives';
-import Select from '@atlaskit/select';
-import { siteSelectorIndex } from '../../../../common/zindex';
-import { siteSelectorMessages } from './messages';
-const dropdownContainerStyles = xcss({
-  display: 'flex',
-  alignItems: 'center',
-  gap: 'space.100',
-  minHeight: '40px' // to prevent vertical shifting when site selector pops in
-});
-const selectStyles = css({
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  zIndex: siteSelectorIndex
-});
-export const SiteSelectorOld = props => {
-  const {
-    availableSites,
-    onSiteSelection,
-    selectedSite,
-    label,
-    testId
-  } = props;
-  const {
-    formatMessage
-  } = useIntl();
-  const onChange = newValue => {
-    const selectedSite = availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(site => site.cloudId === (newValue === null || newValue === void 0 ? void 0 : newValue.value));
-    if (selectedSite) {
-      onSiteSelection(selectedSite);
-    }
-  };
-  const availableSitesOptions = useMemo(() => availableSites === null || availableSites === void 0 ? void 0 : availableSites.map(site => ({
-    label: site.displayName,
-    value: site.cloudId
-  })), [availableSites]);
-  const selectedSiteOption = selectedSite && {
-    label: selectedSite.displayName,
-    value: selectedSite.cloudId
-  };
-  return jsx(Box, {
-    xcss: dropdownContainerStyles
-  }, formatMessage(label), availableSites && availableSites.length > 1 && jsx("span", {
-    "data-testid": `${testId}--trigger`
-  }, jsx(Select, {
-    css: selectStyles,
-    classNamePrefix: testId,
-    isLoading: !availableSites,
-    onChange: onChange,
-    options: availableSitesOptions,
-    placeholder: formatMessage(siteSelectorMessages.chooseSite),
-    styles: {
-      // prevents the popup menu with available sites from being too narrow
-      // if the selected site is much shorter than the other options
-      menu: ({
-        width,
-        ...css
-      }) => ({
-        ...css,
-        minWidth: '100%',
-        width: 'max-content'
-      })
-    },
-    testId: testId,
-    value: selectedSiteOption,
-    label: formatMessage(siteSelectorMessages.chooseSite)
-  })));
-};

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

@@ -1,43 +0,0 @@
-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'
-});
-const BasicFilterContainer = ({
-  cloudId,
-  onChange,
-  selections = {},
-  isHydrating
-}) => {
-  const {
-    lastModified,
-    editedOrCreatedBy
-  } = selections;
-  const [lastModifiedValue] = lastModified || [];
-  const lastModifiedSelection = (lastModifiedValue === null || lastModifiedValue === void 0 ? void 0 : lastModifiedValue.optionType) === 'dateRange' ? lastModifiedValue : undefined;
-  const onDateRangePickerChange = updatedOption => {
-    onChange(CLOLBasicFilters.lastModified, {
-      optionType: 'dateRange',
-      label: updatedOption.value,
-      ...updatedOption
-    });
-  };
-  return /*#__PURE__*/React.createElement(Flex, {
-    xcss: basicFilterContainerStyles,
-    gap: "space.100",
-    testId: "clol-basic-filter-container"
-  }, /*#__PURE__*/React.createElement(EditedOrCreatedByFilter, {
-    cloudId: cloudId,
-    onSelectionChange: onChange,
-    selection: editedOrCreatedBy || [],
-    isHydrating: isHydrating
-  }), /*#__PURE__*/React.createElement(DateRangePicker, {
-    selection: lastModifiedSelection,
-    onSelectionChange: onDateRangePickerChange,
-    filterName: `clol-basic-filter-${CLOLBasicFilters.lastModified}`
-  }));
-};
-export default BasicFilterContainer;

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

@@ -1,90 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import { B400, B50, N0, N20, N30, R400 } from '@atlaskit/theme/colors';
-import { layers } from '@atlaskit/theme/constants';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const PopupComponentContainerOld = styled.div({
-  boxSizing: 'border-box',
-  display: 'block',
-  flex: '1 1 auto',
-  overflow: 'visible',
-  borderRadius: "var(--ds-border-radius-100, 4px)",
-  background: `var(--ds-background-input, ${N0})`,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':focus': {
-    outline: 'none'
-  },
-  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))"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const CustomDropdownOld = styled.div({
-  width: '340px',
-  background: `var(--ds-background-input, ${N0})`,
-  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()
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-export const CustomDropdownItemOld = styled.div(props => ({
-  height: '36px',
-  width: '100%',
-  display: 'flex',
-  justifyContent: 'flex-start',
-  alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  paddingLeft: props.isSelected ? '15px' : '16px',
-  boxSizing: 'border-box',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  color: props.isSelected ? `var(--ds-text-selected, ${B400})` : 'inherit',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  background: props.isSelected ? `var(--ds-background-accent-blue-subtlest, ${B50})` : 'transparent',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderLeft: props.isSelected ? `2px solid ${`var(--ds-text-selected, ${B400})`}` : 'none',
-  '&:hover': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    background: props.isSelected ? `var(--ds-background-accent-blue-subtlest, ${B50})` : `var(--ds-background-input-hovered, ${N20})`,
-    cursor: 'default'
-  }
-}));
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const CustomDateWrapperOld = styled.div({
-  padding: "var(--ds-space-150, 12px)",
-  boxSizing: 'border-box'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const DatePickersWrapperOld = styled.div({
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  width: '100%'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const SelectDateRangeButtonOld = styled.button({
-  background: `var(--ds-background-accent-gray-subtler, ${N20})`,
-  border: 'none',
-  font: 'inherit',
-  width: '70px',
-  height: '40px',
-  marginTop: "var(--ds-space-150, 12px)",
-  borderRadius: "var(--ds-border-radius-100, 4px)",
-  '&:hover': {
-    background: `var(--ds-background-accent-gray-subtler, ${N30})`,
-    cursor: 'pointer'
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const DateRangeErrorMessageOld = styled.div({
-  display: 'flex',
-  marginTop: "var(--ds-space-050, 2px)",
-  gap: "var(--ds-space-025, 2px)",
-  paddingInlineStart: "var(--ds-space-025, 2px)",
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  color: `var(--ds-text-danger, ${R400})`,
-  alignItems: 'center'
-});

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

@@ -1,106 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useDebouncedCallback } from 'use-debounce';
-import { Flex, xcss } from '@atlaskit/primitives';
-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 = ({
-  parameters: {
-    cloudId,
-    searchString: initialSearchValue,
-    lastModified,
-    lastModifiedFrom,
-    lastModifiedTo,
-    contributorAccountIds
-  },
-  isSearching,
-  onSearch
-}) => {
-  const {
-    hydrateUsersFromAccountIds,
-    users,
-    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(() => lastModified ? {
-    lastModified: [{
-      optionType: 'dateRange',
-      label: lastModified,
-      value: lastModified,
-      from: lastModifiedFrom,
-      to: lastModifiedTo
-    }]
-  } : {});
-  const handleSearchChange = useCallback(e => {
-    const rawSearch = e.currentTarget.value;
-    setSearchBarSearchString(rawSearch);
-  }, []);
-  const [debouncedBasicFilterSelectionChange] = useDebouncedCallback(filterValues => {
-    onSearch(searchBarSearchString, filterValues);
-  }, FILTER_SELECTION_DEBOUNCE_MS);
-  const handleBasicFilterSelectionChange = useCallback((filterType, options) => {
-    const updatedSelection = {
-      ...filterSelections,
-      [filterType]: Array.isArray(options) ? options : [options]
-    };
-    setFilterSelections(updatedSelection);
-    if (filterType === CLOLBasicFilters.lastModified) {
-      onSearch(searchBarSearchString, updatedSelection);
-    } else {
-      debouncedBasicFilterSelectionChange(updatedSelection);
-    }
-  }, [debouncedBasicFilterSelectionChange, filterSelections, onSearch, searchBarSearchString]);
-
-  // TODO: further refactoring in EDM-9573
-  // 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, resetHydrationHook]);
-  useEffect(() => {
-    const hasAccountIds = (initialContributorAccountIds === null || initialContributorAccountIds === void 0 ? void 0 : initialContributorAccountIds.length) > 0;
-    if (hasAccountIds && status === 'empty') {
-      hydrateUsersFromAccountIds(initialContributorAccountIds);
-    }
-  }, [hydrateUsersFromAccountIds, initialContributorAccountIds, status]);
-  useEffect(() => {
-    if (status === 'resolved') {
-      setFilterSelections({
-        lastModified: filterSelections.lastModified,
-        editedOrCreatedBy: users
-      });
-    }
-  }, [users, status, filterSelections.lastModified]);
-  return /*#__PURE__*/React.createElement(Flex, {
-    alignItems: "center",
-    xcss: basicSearchInputContainerStyles
-  }, /*#__PURE__*/React.createElement(BasicSearchInput, {
-    testId: "confluence-search-datasource-modal",
-    isSearching: isSearching,
-    onChange: handleSearchChange,
-    onSearch: onSearch,
-    searchTerm: searchBarSearchString,
-    placeholder: searchMessages.searchLabel,
-    fullWidth: false
-  }), /*#__PURE__*/React.createElement(BasicFilters, {
-    cloudId: cloudId,
-    selections: filterSelections,
-    onChange: handleBasicFilterSelectionChange,
-    isHydrating: status === 'loading'
-  }));
-};
-export default ConfluenceSearchContainer;

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

@@ -1,352 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { Fragment, useCallback, useEffect, useMemo, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
-import { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
-import { Box, xcss } from '@atlaskit/primitives';
-import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { DatasourceAction, DatasourceSearchMethod } from '../../../analytics/types';
-import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
-import { useUserInteractions } from '../../../contexts/user-interactions';
-import i18nEN from '../../../i18n/en';
-import { useAvailableSites } from '../../../services/useAvailableSites';
-import { StoreContainer } from '../../../state';
-import { AccessRequired } from '../../common/error-state/access-required';
-import { ModalLoadingError } from '../../common/error-state/modal-loading-error';
-import { NoInstancesView } from '../../common/error-state/no-instances';
-import { NoResults } from '../../common/error-state/no-results';
-import { InitialStateView } from '../../common/initial-state-view';
-import { CancelButton } from '../../common/modal/cancel-button';
-import { ContentContainer } from '../../common/modal/content-container';
-import { SmartCardPlaceholder, SmartLink } from '../../common/modal/count-view-smart-link';
-import { useDatasourceContext } from '../../common/modal/datasource-context';
-import { DatasourceModal } from '../../common/modal/datasource-modal';
-import { createDatasourceModal } from '../../common/modal/datasource-modal/createDatasourceModal';
-import DatasourcesTableInModalPreview from '../../common/modal/datasources-table-in-modal-preview';
-import { InsertButton } from '../../common/modal/insert-button';
-import { DatasourceViewModeDropDown } from '../../common/modal/mode-switcher';
-import { useViewModeContext } from '../../common/modal/mode-switcher/useViewModeContext';
-import TableSearchCount from '../../common/modal/search-count';
-import { SiteSelector } from '../../common/modal/site-selector';
-import { EmptyState } from '../../issue-like-table';
-import ConfluenceSearchContainer from '../confluence-search-container';
-import { ConfluenceSearchInitialStateSVGOld } from './confluence-search-initial-state-svg-old';
-import { confluenceSearchModalMessages } from './messages';
-const inputContainerStyles = xcss({
-  alignItems: 'baseline',
-  display: 'flex',
-  minHeight: '72px'
-});
-const isValidParameters = parameters => !!(parameters && parameters.cloudId && Object.values(parameters).filter(v => v !== undefined).length > 1);
-export const PlainConfluenceSearchConfigModalOld = props => {
-  const {
-    onCancel,
-    url: urlBeingEdited,
-    overrideParameters
-  } = props;
-  const {
-    currentViewMode
-  } = useViewModeContext();
-  const {
-    visibleColumnKeys,
-    tableState: {
-      reset,
-      status,
-      responseItems,
-      extensionKey = null,
-      destinationObjectTypes,
-      totalCount,
-      columns
-    },
-    visibleColumnCount,
-    parameters,
-    setParameters
-  } = useDatasourceContext();
-  const {
-    availableSites,
-    selectedSite: selectedConfluenceSite
-  } = useAvailableSites('confluence', parameters === null || parameters === void 0 ? void 0 : parameters.cloudId);
-
-  // analytics related parameters
-  const searchCount = useRef(0);
-  const userInteractions = useUserInteractions();
-  const setParametersWithOverrides = useCallback(setStateAction => {
-    if (typeof setStateAction !== 'function') {
-      setParameters({
-        ...setStateAction,
-        cloudId: (setStateAction === null || setStateAction === void 0 ? void 0 : setStateAction.cloudId) || '',
-        ...overrideParameters
-      });
-    } else {
-      setParameters(prev => ({
-        ...prev,
-        cloudId: (prev === null || prev === void 0 ? void 0 : prev.cloudId) || '',
-        ...setStateAction(prev),
-        ...overrideParameters
-      }));
-    }
-  }, [setParameters, overrideParameters]);
-  const {
-    fireEvent
-  } = useDatasourceAnalyticsEvents();
-  const hasNoConfluenceSites = availableSites && availableSites.length === 0;
-  useEffect(() => {
-    if (availableSites) {
-      fireEvent('ui.modal.ready.datasource', {
-        instancesCount: availableSites.length,
-        schemasCount: null
-      });
-    }
-  }, [fireEvent, availableSites]);
-
-  // TODO: further refactoring in EDM-9573
-  // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6828283
-  useEffect(() => {
-    if (selectedConfluenceSite && (!(parameters !== null && parameters !== void 0 && parameters.cloudId) || (parameters === null || parameters === void 0 ? void 0 : parameters.cloudId) !== selectedConfluenceSite.cloudId)) {
-      /**
-       * This code is primarily to set the cloudId in the parameters when the site selector loads a default value
-       * but there is no "onChange" emitted from the site picker
-       */
-      setParameters(prev => ({
-        ...prev,
-        cloudId: selectedConfluenceSite.cloudId
-      }));
-    }
-  }, [parameters, setParameters, selectedConfluenceSite]);
-
-  // TODO: further refactoring in EDM-9573
-  // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6829171
-  const onSiteSelection = useCallback(site => {
-    userInteractions.add(DatasourceAction.INSTANCE_UPDATED);
-
-    /**
-     * Clear the state of the form filters when the site is changed
-     */
-    setParameters(prev => ({
-      ...prev,
-      searchString: undefined,
-      lastModified: undefined,
-      lastModifiedFrom: undefined,
-      lastModifiedTo: undefined,
-      contributorAccountIds: undefined,
-      cloudId: site.cloudId
-    }));
-    reset({
-      shouldForceRequest: true
-    });
-  }, [reset, setParameters, userInteractions]);
-  const siteSelectorLabel = availableSites && availableSites.length > 1 ? confluenceSearchModalMessages.insertIssuesTitleManySites : confluenceSearchModalMessages.insertIssuesTitle;
-  const resolvedWithNoResults = status === 'resolved' && !responseItems.length;
-  const hasConfluenceSearchParams = selectedConfluenceSite && (parameters === null || parameters === void 0 ? void 0 : parameters.searchString);
-  const selectedConfluenceSiteUrl = selectedConfluenceSite === null || selectedConfluenceSite === void 0 ? void 0 : selectedConfluenceSite.url;
-  const confluenceSearchUrl = useMemo(() => {
-    var _parameters$contribut;
-    if (!selectedConfluenceSiteUrl || (parameters === null || parameters === void 0 ? void 0 : parameters.searchString) === undefined) {
-      return undefined;
-    }
-    const params = new URLSearchParams();
-    // we are appending "text" without checking searchString as we need the url to have "text" when a user does an empty search)
-    params.append('text', (parameters === null || parameters === void 0 ? void 0 : parameters.searchString) || '');
-    if (parameters !== null && parameters !== void 0 && (_parameters$contribut = parameters.contributorAccountIds) !== null && _parameters$contribut !== void 0 && _parameters$contribut.length) {
-      params.append('contributors', parameters.contributorAccountIds.join(','));
-    }
-    if (parameters !== null && parameters !== void 0 && parameters.lastModified) {
-      params.append('lastModified', parameters.lastModified);
-    }
-    if (parameters !== null && parameters !== void 0 && parameters.lastModifiedFrom) {
-      params.append('from', parameters.lastModifiedFrom);
-    }
-    if (parameters !== null && parameters !== void 0 && parameters.lastModifiedTo) {
-      params.append('to', parameters.lastModifiedTo);
-    }
-    return `${selectedConfluenceSiteUrl}/wiki/search?${params.toString()}`;
-  }, [parameters, selectedConfluenceSiteUrl]);
-  const analyticsPayload = useMemo(() => ({
-    extensionKey,
-    destinationObjectTypes,
-    searchCount: searchCount.current,
-    actions: userInteractions.get()
-  }), [destinationObjectTypes, extensionKey, userInteractions]);
-  const isDataReady = (visibleColumnKeys || []).length > 0;
-  const fireInlineViewedEvent = useCallback(() => {
-    fireEvent('ui.link.viewed.count', {
-      ...analyticsPayload,
-      searchMethod: DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
-      totalItemCount: totalCount || 0
-    });
-  }, [analyticsPayload, fireEvent, totalCount]);
-  const fireTableViewedEvent = useCallback(() => {
-    if (isDataReady) {
-      fireEvent('ui.table.viewed.datasourceConfigModal', {
-        ...analyticsPayload,
-        totalItemCount: totalCount || 0,
-        searchMethod: DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
-        displayedColumnCount: visibleColumnCount.current
-      });
-    }
-  }, [isDataReady, fireEvent, analyticsPayload, totalCount, visibleColumnCount]);
-  useEffect(() => {
-    const isResolved = status === 'resolved';
-    const isTableViewMode = currentViewMode === 'table';
-    const isInlineViewMode = currentViewMode === 'inline';
-    if (!isResolved) {
-      return;
-    }
-    if (isTableViewMode) {
-      fireTableViewedEvent();
-    } else if (isInlineViewMode) {
-      fireInlineViewedEvent();
-    }
-  }, [currentViewMode, fireInlineViewedEvent, fireTableViewedEvent, status]);
-  const renderTableModalContent = useCallback(() => {
-    if (status === 'rejected') {
-      return jsx(ModalLoadingError, null);
-    } else if (status === 'unauthorized') {
-      return jsx(AccessRequired, {
-        url: selectedConfluenceSiteUrl || urlBeingEdited
-      });
-    } else if (resolvedWithNoResults || status === 'forbidden') {
-      return jsx(NoResults, null);
-    } else if (status === 'empty' || !columns.length) {
-      // persist the empty state when making the initial /data request which contains the columns
-      if (hasConfluenceSearchParams !== undefined) {
-        return jsx(EmptyState, {
-          testId: `confluence-search-datasource-modal--empty-state`
-        });
-      }
-      return jsx(ContentContainer, null, jsx(InitialStateView, {
-        icon: jsx(ConfluenceSearchInitialStateSVGOld, null),
-        title: confluenceSearchModalMessages.initialViewSearchTitle,
-        description: confluenceSearchModalMessages.initialViewSearchDescription
-      }));
-    }
-    return jsx(ContentContainer, {
-      withTableBorder: true
-    }, jsx(DatasourcesTableInModalPreview, {
-      testId: "confluence-search-datasource-table"
-    }));
-  }, [columns.length, selectedConfluenceSiteUrl, resolvedWithNoResults, status, urlBeingEdited, hasConfluenceSearchParams]);
-  const renderInlineLinkModalContent = useCallback(() => {
-    if (status === 'unauthorized') {
-      return jsx(AccessRequired, {
-        url: selectedConfluenceSiteUrl || urlBeingEdited
-      });
-    } else if (status === 'empty' || !selectedConfluenceSiteUrl) {
-      return jsx(SmartCardPlaceholder, {
-        placeholderText: confluenceSearchModalMessages.resultsCountSmartCardPlaceholderText
-      });
-    } else {
-      return confluenceSearchUrl && jsx(SmartLink, {
-        url: confluenceSearchUrl
-      });
-    }
-  }, [confluenceSearchUrl, selectedConfluenceSiteUrl, status, urlBeingEdited]);
-  const shouldShowResultsCount = !!totalCount && currentViewMode === 'table';
-  const onSearch = useCallback((newSearchString, filters) => {
-    searchCount.current++;
-    userInteractions.add(DatasourceAction.QUERY_UPDATED);
-    if (filters) {
-      const {
-        editedOrCreatedBy,
-        lastModified: lastModifiedList
-      } = filters;
-      if (lastModifiedList) {
-        const updatedDateRangeOption = lastModifiedList.find(range => range.value);
-        if ((updatedDateRangeOption === null || updatedDateRangeOption === void 0 ? void 0 : updatedDateRangeOption.optionType) === 'dateRange') {
-          setParametersWithOverrides(prev => ({
-            ...prev,
-            lastModified: updatedDateRangeOption.value,
-            lastModifiedFrom: updatedDateRangeOption.from,
-            lastModifiedTo: updatedDateRangeOption.to
-          }));
-        }
-      }
-      if (editedOrCreatedBy) {
-        const accountIds = editedOrCreatedBy.map(user => user.value);
-        setParametersWithOverrides(prev => ({
-          ...prev,
-          contributorAccountIds: accountIds
-        }));
-      }
-    }
-    setParametersWithOverrides(prev => ({
-      ...prev,
-      searchString: newSearchString
-    }));
-    reset({
-      shouldForceRequest: true
-    });
-  }, [reset, userInteractions, setParametersWithOverrides]);
-  const getButtonAnalyticsPayload = useCallback(() => {
-    return {
-      extensionKey,
-      destinationObjectTypes,
-      searchCount: searchCount.current,
-      actions: userInteractions.get()
-    };
-  }, [destinationObjectTypes, extensionKey, userInteractions]);
-  return jsx(IntlMessagesProvider, {
-    defaultMessages: i18nEN,
-    loaderFn: fetchMessagesForLocale
-  }, jsx(DatasourceModal, {
-    testId: "confluence-search-datasource-modal",
-    onClose: onCancel
-  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(SiteSelector, {
-    availableSites: availableSites,
-    onSiteSelection: onSiteSelection,
-    selectedSite: selectedConfluenceSite,
-    testId: "confluence-search-datasource-modal--site-selector",
-    label: siteSelectorLabel
-  })), !hasNoConfluenceSites && jsx(DatasourceViewModeDropDown, null)), jsx(ModalBody, null, !hasNoConfluenceSites ? jsx(Fragment, null, jsx(Box, {
-    xcss: inputContainerStyles
-  }, jsx(ConfluenceSearchContainer, {
-    isSearching: status === 'loading',
-    onSearch: onSearch,
-    parameters: parameters !== null && parameters !== void 0 ? parameters : {
-      cloudId: ''
-    }
-  })), currentViewMode === 'inline' ? renderInlineLinkModalContent() : renderTableModalContent()) : jsx(NoInstancesView, {
-    title: confluenceSearchModalMessages.noAccessToConfluenceSitesTitle,
-    description: confluenceSearchModalMessages.noAccessToConfluenceSitesDescription,
-    testId: 'no-confluence-instances-content'
-  })), jsx(ModalFooter, null, shouldShowResultsCount && confluenceSearchUrl && jsx(TableSearchCount, {
-    searchCount: totalCount,
-    url: confluenceSearchUrl,
-    prefixTextType: "result",
-    testId: "confluence-search-datasource-modal-total-results-count"
-  }), jsx(CancelButton, {
-    onCancel: onCancel,
-    getAnalyticsPayload: getButtonAnalyticsPayload,
-    testId: "confluence-search-modal--cancel-button"
-  }), !hasNoConfluenceSites && jsx(InsertButton, {
-    testId: "confluence-search-datasource-modal--insert-button",
-    url: confluenceSearchUrl,
-    getAnalyticsPayload: getButtonAnalyticsPayload
-  }, jsx(FormattedMessage, confluenceSearchModalMessages.insertResultsButtonText)))));
-};
-const ConnectedConfluenceSearchConfigModal = createDatasourceModal({
-  isValidParameters,
-  dataProvider: 'confluence-search',
-  component: PlainConfluenceSearchConfigModalOld
-});
-export const ConfluenceSearchConfigModalOld = props => {
-  return jsx(StoreContainer, null, jsx(ConnectedConfluenceSearchConfigModal, _extends({}, props, {
-    /**
-     * If the intial parameters are not valid, we will not initialise the modal state
-     * with `overrideParameters`. This is to allow the modal to be opened without
-     * any initial parameters and require the user to perform a search.
-     */
-    parameters: props.overrideParameters && isValidParameters(props.parameters) ? {
-      ...props.parameters,
-      ...props.overrideParameters
-    } : props.parameters
-  })));
-};