@atlaskit/link-datasource 1.24.5 → 1.24.7

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

@@ -0,0 +1,127 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/** @jsx jsx */
+import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
+import { jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button/standard-button';
+import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
+import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
+import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
+import i18nEN from '../../../i18n/en';
+import { getAvailableSites } from '../../../services/getAvailableSites';
+import { NoInstancesView } from '../../common/error-state/no-instances';
+import { InitialStateView } from '../../common/initial-state-view';
+import { BasicSearchInput } from '../../common/modal/basic-search-input';
+import { ContentContainer } from '../../common/modal/content-container';
+import { SiteSelector } from '../../common/modal/site-selector';
+import { ConfluenceSearchInitialStateSVG } from './confluence-search-initial-state-svg';
+import { confluenceSearchModalMessages } from './messages';
+export var ConfluenceSearchConfigModal = function ConfluenceSearchConfigModal(props) {
+  var initialParameters = props.parameters,
+    onCancel = props.onCancel;
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    availableSites = _useState2[0],
+    setAvailableSites = _useState2[1];
+  var _useState3 = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.cloudId),
+    _useState4 = _slicedToArray(_useState3, 2),
+    cloudId = _useState4[0],
+    setCloudId = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchTerm = _useState6[0],
+    setSearchTerm = _useState6[1];
+  var onSiteSelection = useCallback(function (site) {
+    setCloudId(site.cloudId);
+  }, [setCloudId]);
+  var hasNoConfluenceSites = availableSites && availableSites.length === 0;
+  var selectedConfluenceSite = useMemo(function () {
+    if (cloudId) {
+      return availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(function (confluenceSite) {
+        return confluenceSite.cloudId === cloudId;
+      });
+    } else {
+      var currentlyLoggedInSiteUrl;
+      if (typeof window.location !== 'undefined') {
+        currentlyLoggedInSiteUrl = window.location.origin;
+      }
+      return (availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(function (confluenceSite) {
+        return confluenceSite.url === currentlyLoggedInSiteUrl;
+      })) || (availableSites === null || availableSites === void 0 ? void 0 : availableSites[0]);
+    }
+  }, [availableSites, cloudId]);
+  var handleSearchChange = useCallback(function (e) {
+    var rawSearch = e.currentTarget.value;
+    setSearchTerm(rawSearch);
+  }, [setSearchTerm]);
+  useEffect(function () {
+    var fetchSiteDisplayNames = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var confluenceSites, sortedAvailableSites;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return getAvailableSites('confluence');
+            case 2:
+              confluenceSites = _context.sent;
+              sortedAvailableSites = _toConsumableArray(confluenceSites).sort(function (a, b) {
+                return a.displayName.localeCompare(b.displayName);
+              });
+              setAvailableSites(sortedAvailableSites);
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function fetchSiteDisplayNames() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    void fetchSiteDisplayNames();
+  }, []);
+  var siteSelectorLabel = availableSites && availableSites.length > 1 ? confluenceSearchModalMessages.insertIssuesTitleManySites : confluenceSearchModalMessages.insertIssuesTitle;
+  return jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(Modal, {
+    testId: "confluence-search-datasource-modal",
+    onClose: onCancel,
+    width: "calc(100% - 80px)",
+    shouldScrollInViewport: true
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(SiteSelector, {
+    availableSites: availableSites,
+    onSiteSelection: onSiteSelection,
+    selectedSite: selectedConfluenceSite,
+    testId: "confluence-search-datasource-modal--site-selector",
+    label: siteSelectorLabel
+  }))), jsx(ModalBody, null, !hasNoConfluenceSites ? jsx(Fragment, null, jsx(BasicSearchInput, {
+    testId: "confluence-search-datasource-modal",
+    isSearching: status === 'loading',
+    onChange: handleSearchChange,
+    onSearch: function onSearch() {},
+    searchTerm: searchTerm,
+    placeholder: confluenceSearchModalMessages.searchLabel,
+    fullWidth: true
+  }), jsx(ContentContainer, null, jsx(InitialStateView, {
+    icon: jsx(ConfluenceSearchInitialStateSVG, null),
+    title: confluenceSearchModalMessages.initialViewSearchTitle,
+    description: confluenceSearchModalMessages.initialViewSearchDescription
+  }))) : jsx(NoInstancesView, {
+    title: confluenceSearchModalMessages.noAccessToConfluenceSitesTitle,
+    description: confluenceSearchModalMessages.noAccessToConfluenceSitesDescription,
+    testId: 'no-confluence-instances-content'
+  })), jsx(ModalFooter, null, jsx(Button, {
+    appearance: "default",
+    onClick: onCancel
+  }, jsx(FormattedMessage, confluenceSearchModalMessages.cancelButtonText)), !hasNoConfluenceSites && jsx(Button, {
+    appearance: "primary",
+    onClick: function onClick() {},
+    isDisabled: true,
+    testId: "confluence-search-datasource-modal--insert-button"
+  }, jsx(FormattedMessage, confluenceSearchModalMessages.insertResultsButtonText)))));
+};

package/dist/esm/ui/confluence-search-modal/modal/messages.js

@@ -0,0 +1,48 @@
+import { defineMessages } from 'react-intl-next';
+export var confluenceSearchModalMessages = defineMessages({
+  cancelButtonText: {
+    id: 'linkDataSource.confluence-search.configmodal.cancelButtonText',
+    description: 'Button text to close the modal with no changes being made',
+    defaultMessage: 'Cancel'
+  },
+  insertResultsButtonText: {
+    id: 'linkDataSource.confluence-search.configmodal.insertResultsButtonText',
+    description: 'Button text to insert the displayed content',
+    defaultMessage: 'Insert results'
+  },
+  searchLabel: {
+    id: 'linkDataSource.confluence-search.configmodal.searchLabel',
+    description: 'Placeholder text for the search input box',
+    defaultMessage: 'Enter keywords to find pages, attachments, and more'
+  },
+  insertIssuesTitle: {
+    id: 'linkDataSource.confluence-search.configmodal.insertConfluenceTitle',
+    description: 'Title for the Confluence Search Datasource Confluence Search config modal',
+    defaultMessage: 'Insert Confluence list'
+  },
+  insertIssuesTitleManySites: {
+    id: 'linkDataSource.confluence-search.configmodal.insertConfluenceTitleManySites',
+    description: 'Title for the Confluence Search config modal when a user has to select a site to insert issues from',
+    defaultMessage: 'Insert Confluence list from'
+  },
+  initialViewSearchTitle: {
+    id: 'linkDataSource.modal-initial-state.confluenceSearchTitle',
+    description: 'The initial modal search state title explains to user how to get information',
+    defaultMessage: 'Search for Confluence pages'
+  },
+  initialViewSearchDescription: {
+    id: 'linkDataSource.modal-initial-state.searchDescription-confluence',
+    description: 'The initial modal search state helper message for confluence search displayed under the search title',
+    defaultMessage: 'Search by keyword for pages to insert.'
+  },
+  noAccessToConfluenceSitesTitle: {
+    id: 'linkDataSource.confluence-search.no.confluence.sites.access.title',
+    description: 'Title that shows in the modal when user has no access to any Confluence sites',
+    defaultMessage: "You don't have access to any Confluence sites"
+  },
+  noAccessToConfluenceSitesDescription: {
+    id: 'linkDataSource.confluence-search.no.confluence.sites.access.description',
+    description: 'Description that shows in the modal when user has no access to any Confluence sites',
+    defaultMessage: 'To request access, contact your admin.'
+  }
+});

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

@@ -78,6 +78,8 @@ var TableCell = styled.td((_styled$td = {}, _defineProperty(_styled$td, "".conca
 }), _defineProperty(_styled$td, "".concat(withTablePluginBodyPrefix('&:last-child')), {
   borderRight: 0,
   paddingRight: "var(--ds-space-100, 8px)"
+}), _defineProperty(_styled$td, "& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span", {
+  whiteSpace: 'unset'
 }), _styled$td));
 var tableContainerStyles = css({
   borderRadius: 'inherit',

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

@@ -10,7 +10,7 @@ var LazyJiraIssuesConfigModal = /*#__PURE__*/lazy(function () {
 var JiraIssuesConfigModalWithWrappers = function JiraIssuesConfigModalWithWrappers(props) {
   return /*#__PURE__*/React.createElement(Suspense, {
     fallback: /*#__PURE__*/React.createElement("div", {
-      "data-testid": 'jira-jql-datasource-table-suspense'
+      "data-testid": 'jira-datasource-table-suspense'
     })
   }, /*#__PURE__*/React.createElement(LazyJiraIssuesConfigModal, props));
 };

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

@@ -12,10 +12,11 @@ import { useDebouncedCallback } from 'use-debounce';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
+import { BasicSearchInput } from '../../common/modal/basic-search-input';
+import { basicSearchInputMessages } from '../../common/modal/basic-search-input/messages';
 import { BasicFilters } from '../basic-filters';
 import { useHydrateJqlQuery } from '../basic-filters/hooks/useHydrateJqlQuery';
 import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
-import { BasicSearchInput } from '../basic-search-input';
 import { JiraJQLEditor } from '../jql-editor';
 import { ModeSwitcher } from '../mode-switcher';
 import { buildJQL } from './buildJQL';
@@ -217,7 +218,9 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     isSearching: isSearching,
     onChange: handleBasicSearchChange,
     onSearch: handleSearch,
-    searchTerm: basicSearchTerm
+    searchTerm: basicSearchTerm,
+    placeholder: basicSearchInputMessages.basicTextSearchLabel,
+    testId: "jira-datasource-modal"
   }), showBasicFilters && jsx(BasicFilters, {
     jql: searchBarJql,
     site: site,

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

@@ -17,7 +17,7 @@ import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import LinkUrl from '@atlaskit/smart-card/link-url';
-import { B400, N0, N40, N800 } from '@atlaskit/theme/colors';
+import { B400, N0, N800 } from '@atlaskit/theme/colors';
 import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
 import { componentMetadata } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay } from '../../../analytics/types';
@@ -29,42 +29,24 @@ import { buildDatasourceAdf } from '../../../common/utils/adf';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
 import i18nEN from '../../../i18n/en';
-import { getAvailableJiraSites } from '../../../services/getAvailableJiraSites';
+import { getAvailableSites } from '../../../services/getAvailableSites';
 import { AccessRequired } from '../../common/error-state/access-required';
+import { loadingErrorMessages } from '../../common/error-state/messages';
 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 { EmptyState, IssueLikeDataTableView, scrollableContainerShadowsCssComponents } from '../../issue-like-table';
+import { InitialStateView } from '../../common/initial-state-view';
+import { initialStateViewMessages } from '../../common/initial-state-view/messages';
+import { ContentContainer } from '../../common/modal/content-container';
+import { SiteSelector } from '../../common/modal/site-selector';
+import { EmptyState, IssueLikeDataTableView } from '../../issue-like-table';
 import LinkRenderType from '../../issue-like-table/render-type/link';
 import { availableBasicFilterTypes } from '../basic-filters/ui';
 import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
-import { InitialStateView } from '../initial-state-view';
 import { JiraSearchContainer } from '../jira-search-container';
-import { JiraSiteSelector } from '../site-selector';
-import { DisplayViewDropDown } from './display-view-dropdown/display-view-drop-down';
+import { JiraDisplayViewDropDown } from './jira-display-view-dropdown/jira-display-view-drop-down';
+import { JiraInitialStateSVG } from './jira-issues-initial-state-svg';
 import { modalMessages } from './messages';
-var dropdownContainerStyles = css({
-  display: 'flex',
-  alignItems: 'center',
-  gap: "var(--ds-space-100, 0.5rem)",
-  minHeight: '40px' // to prevent vertical shifting when site selector pops in
-});
-var tableContainerStyles = css({
-  borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
-  borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
-  border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
-});
-var contentContainerStyles = css({
-  display: 'grid',
-  maxHeight: '420px',
-  overflow: 'auto',
-  borderBottom: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(N40, ")")),
-  backgroundImage: scrollableContainerShadowsCssComponents.backgroundImage,
-  backgroundPosition: scrollableContainerShadowsCssComponents.backgroundPosition,
-  backgroundRepeat: scrollableContainerShadowsCssComponents.backgroundRepeat,
-  backgroundSize: scrollableContainerShadowsCssComponents.backgroundSize,
-  backgroundAttachment: scrollableContainerShadowsCssComponents.backgroundAttachment
-});
 var placeholderSmartLinkStyles = css({
   backgroundColor: "var(--ds-surface-raised, ".concat(N0, ")"),
   borderRadius: "var(--ds-border-radius-200, 3px)",
@@ -85,6 +67,7 @@ var getDisplayValue = function getDisplayValue(currentViewMode, itemCount) {
   }
   return itemCount === 1 ? DatasourceDisplay.INLINE : DatasourceDisplay.DATASOURCE_INLINE;
 };
+var jqlSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-advanced-search-with-jira-query-language-jql/';
 
 /**
  * This method should be called when one atomic action is performed on columns: adding new item, removing one item, changing items order.
@@ -255,7 +238,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return getAvailableJiraSites();
+              return getAvailableSites('jira');
             case 2:
               jiraSites = _context.sent;
               sortedAvailableSites = _toConsumableArray(jiraSites).sort(function (a, b) {
@@ -378,7 +361,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     // During insertion, we want the JQL of the datasource to be whatever is in the search bar,
     // even if the user didn't previously click search
     var upToDateJql = searchBarJql !== null && searchBarJql !== void 0 ? searchBarJql : jql;
-    var upToDateJqlUrl = selectedJiraSite && jql && "".concat(selectedJiraSite.url, "/issues/?jql=").concat(encodeURI(upToDateJql));
+    var upToDateJqlUrl = selectedJiraSite && jql && "".concat(selectedJiraSite.url, "/issues/?jql=").concat(getBooleanFF('platform.linking-platform.datasource.enable-stricter-jql-encoding') ? encodeURIComponent(upToDateJql) : encodeURI(upToDateJql));
     var filterSelectionCount = availableBasicFilterTypes.reduce(function (current, filter) {
       var _basicFilterSelection;
       return _objectSpread(_objectSpread({}, current), {}, _defineProperty({}, "".concat(filter, "BasicFilterSelectionCount"), ((_basicFilterSelection = basicFilterSelectionsSearchedWith.current[filter]) === null || _basicFilterSelection === void 0 ? void 0 : _basicFilterSelection.length) || 0));
@@ -468,10 +451,10 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     setVisibleColumnKeys(newVisibleColumnKeys);
   }, [visibleColumnKeys]);
   var issueLikeDataTableView = useMemo(function () {
-    return jsx("div", {
-      css: [tableContainerStyles, contentContainerStyles]
+    return jsx(ContentContainer, {
+      withTableBorder: true
     }, jsx(IssueLikeDataTableView, {
-      testId: "jira-jql-datasource-table",
+      testId: "jira-datasource-table",
       status: status,
       columns: columns,
       items: responseItems,
@@ -498,7 +481,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
       return jsx("div", {
         css: smartLinkContainerStyles
       }, jsx("span", {
-        "data-testid": "jira-jql-datasource-modal--smart-card-placeholder",
+        "data-testid": "jira-datasource-modal--smart-card-placeholder",
         css: placeholderSmartLinkStyles
       }, jsx(FormattedMessage, modalMessages.issuesCountSmartCardPlaceholderText)));
     } else {
@@ -506,7 +489,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
       if (responseItems.length === 1 && retrieveUrlForSmartCardRender()) {
         url = retrieveUrlForSmartCardRender();
       } else {
-        url = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(encodeURI(jql));
+        url = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(getBooleanFF('platform.linking-platform.datasource.enable-stricter-jql-encoding') ? encodeURIComponent(jql) : encodeURI(jql));
       }
       return jsx("div", {
         css: smartLinkContainerStyles
@@ -529,32 +512,39 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
       return jsx(NoResults, null);
     } else if (status === 'empty' || !columns.length) {
       // persist the empty state when making the initial /data request which contains the columns
-      return jsx("div", {
-        css: [contentContainerStyles, !!jql && tableContainerStyles]
+      return jsx(ContentContainer, {
+        withTableBorder: !!jql
       }, !!jql ? jsx(EmptyState, {
-        testId: "jira-jql-datasource-modal--empty-state"
+        testId: "jira-datasource-modal--empty-state"
       }) : jsx(InitialStateView, {
-        searchMethod: currentSearchMethod
+        showBeta: !getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters'),
+        icon: jsx(JiraInitialStateSVG, null),
+        title: modalMessages.searchJiraTitle,
+        description: currentSearchMethod === 'jql' ? initialStateViewMessages.searchDescriptionForJQLSearch : initialStateViewMessages.searchDescriptionForBasicSearch,
+        learnMoreLink: currentSearchMethod === 'jql' ? {
+          href: jqlSupportDocumentLink,
+          text: initialStateViewMessages.learnMoreLink
+        } : undefined
       }));
     }
     return issueLikeDataTableView;
   }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
+  var siteSelectorLabel = availableSites && availableSites.length > 1 ? modalMessages.insertIssuesTitleManySites : modalMessages.insertIssuesTitle;
   return jsx(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
   }, jsx(ModalTransition, null, jsx(Modal, {
-    testId: "jira-jql-datasource-modal",
+    testId: "jira-datasource-modal",
     onClose: onCancel,
     width: "calc(100% - 80px)",
     shouldScrollInViewport: true
-  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx("div", {
-    css: dropdownContainerStyles
-  }, availableSites && availableSites.length > 1 ? jsx(Fragment, null, jsx(FormattedMessage, modalMessages.insertIssuesTitleManySites), jsx(JiraSiteSelector, {
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(SiteSelector, {
     availableSites: availableSites,
     onSiteSelection: onSiteSelection,
-    selectedJiraSite: selectedJiraSite,
-    testId: "jira-jql-datasource-modal--site-selector"
-  })) : jsx(FormattedMessage, modalMessages.insertIssuesTitle))), !hasNoJiraSites && jsx(DisplayViewDropDown, {
+    selectedSite: selectedJiraSite,
+    testId: "jira-datasource-modal--site-selector",
+    label: siteSelectorLabel
+  })), !hasNoJiraSites && jsx(JiraDisplayViewDropDown, {
     onViewModeChange: handleViewModeChange,
     viewMode: currentViewMode
   })), jsx(ModalBody, null, !hasNoJiraSites ? jsx(Fragment, null, jsx(JiraSearchContainer, {
@@ -566,8 +556,12 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     initialSearchMethod: initialSearchMethod,
     onSearchMethodChange: setCurrentSearchMethod,
     site: selectedJiraSite
-  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : jsx(NoInstancesView, null)), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
-    "data-testid": "jira-jql-datasource-modal-total-issues-count",
+  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : jsx(NoInstancesView, {
+    title: loadingErrorMessages.noAccessToJiraSitesTitle,
+    description: loadingErrorMessages.noAccessToJiraSitesDescription,
+    testId: "no-jira-instances-content"
+  })), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
+    "data-testid": "jira-datasource-modal-total-issues-count",
     css: issueCountStyles
   }, jsx(LinkUrl, {
     href: jqlUrl,
@@ -589,7 +583,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     appearance: "primary",
     onClick: onInsertPressed,
     isDisabled: isInsertDisabled,
-    testId: "jira-jql-datasource-modal--insert-button"
+    testId: "jira-datasource-modal--insert-button"
   }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText))))));
 };
 var analyticsContextAttributes = {

package/dist/esm/ui/jira-issues-modal/modal/{display-view-dropdown/display-view-drop-down.js → jira-display-view-dropdown/jira-display-view-drop-down.js}

@@ -24,7 +24,7 @@ var InlineIcon = jsx("svg", {
   d: "M4 9C2.89543 9 2 9.67155 2 10.5V13.5C2 14.3285 2.89543 15 4 15H20C21.1046 15 22 14.3285 22 13.5V10.5C22 9.67155 21.1046 9 20 9H4ZM4.22222 11.25C4.22222 10.5 4.22222 10.5 5 10.5H7C7.55556 10.5 7.55556 10.5 7.55556 11.25V13C7.55556 13.5 7.55556 13.5 7 13.5H5C4.22222 13.5 4.22222 13.5 4.22222 13V11.25ZM9 12C9 11.7929 9.2239 11.625 9.5 11.625H19.5C19.7761 11.625 20 11.7929 20 12C20 12.2071 19.7761 12.375 19.5 12.375H9.5C9.2239 12.375 9 12.2071 9 12Z",
   fill: 'currentColor'
 }));
-export var DisplayViewDropDown = function DisplayViewDropDown(_ref) {
+export var JiraDisplayViewDropDown = function JiraDisplayViewDropDown(_ref) {
   var onViewModeChange = _ref.onViewModeChange,
     viewMode = _ref.viewMode;
   var _useIntl = useIntl(),
@@ -32,7 +32,7 @@ export var DisplayViewDropDown = function DisplayViewDropDown(_ref) {
   var triggerText = viewMode === 'issue' ? formatMessage(modalMessages.tableViewModeLabel) : formatMessage(modalMessages.inlineLinkViewModeLabel);
   return jsx(DropdownMenu, {
     trigger: triggerText,
-    testId: "jira-jql-datasource-modal--view-drop-down"
+    testId: "jira-datasource-modal--view-drop-down"
   }, jsx(Box, {
     xcss: dropDownItemGroupStyles
   }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {

package/dist/esm/ui/jira-issues-modal/{initial-state-view/assets/initial-state-svg.js → modal/jira-issues-initial-state-svg.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-export var InitialStateSVG = function InitialStateSVG() {
+export var JiraInitialStateSVG = function JiraInitialStateSVG() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "188",
     height: "112",

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

@@ -49,5 +49,71 @@ export var modalMessages = defineMessages({
     id: 'linkDataSource.jira-issues.configmodal.issue',
     description: 'Text that appears after issue count number.',
     defaultMessage: '{totalCount, plural, one {issue} other {issues}}'
+  },
+  searchJiraTitleDuplicate: {
+    id: 'linkDataSource.jira-issues.searchJiraTitle',
+    description: 'The initial modal search state title that gives the user some idea about how to get information',
+    defaultMessage: 'Search for Jira issues'
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  searchJiraTitle: {
+    id: 'linkDataSource.modal-initial-state.searchTitle',
+    description: 'The initial modal search state title that gives the user some idea about how to get information',
+    defaultMessage: 'Search for Jira issues'
+  },
+  searchDescriptionForJiraBasicSearchDuplicate: {
+    id: 'linkDataSource.jira-issues.searchDescription-basic',
+    description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
+    defaultMessage: 'Search by keyword for issues to insert.'
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  searchDescriptionForJiraBasicSearch: {
+    id: 'linkDataSource.modal-initial-state.searchDescription-basic',
+    description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
+    defaultMessage: 'Search by keyword for issues to insert.'
+  },
+  searchDescriptionForJiraJQLSearchDuplicate: {
+    id: 'linkDataSource.jira-issues.searchDescription-jql',
+    description: 'The initial modal search state helper message displayed under the search title when JQL search mode is selected',
+    defaultMessage: 'Use JQL (Jira Query Language) to search for issues.'
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  searchDescriptionForJiraJQLSearch: {
+    id: 'linkDataSource.modal-initial-state.searchDescription-jql',
+    description: 'The initial modal search state helper message displayed under the search title when JQL search mode is selected',
+    defaultMessage: 'Use JQL (Jira Query Language) to search for issues.'
+  },
+  learnMoreLinkDuplicate: {
+    id: 'linkDataSource.jira-issues.learnMoreLink',
+    description: 'The link that displays under the search description to help people know more about JQL',
+    defaultMessage: 'Learn how to search with JQL'
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  learnMoreLink: {
+    id: 'linkDataSource.modal-initial-state.learnMoreLink',
+    description: 'The link that displays under the search description to help people know more about JQL',
+    defaultMessage: 'Learn how to search with JQL'
+  },
+  noAccessToJiraSitesTitleDuplicate: {
+    id: 'linkDataSource.no.jira.sites.access.title',
+    description: 'Title that shows in the modal when user has no access to any Jira sites',
+    defaultMessage: "You don't have access to any Jira sites"
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  noAccessToJiraSitesTitle: {
+    id: 'linkDataSource.jira-issues.no.jira.sites.access.title',
+    description: 'Title that shows in the modal when user has no access to any Jira sites',
+    defaultMessage: "You don't have access to any Jira sites"
+  },
+  noAccessToJiraSitesDescriptionDuplicate: {
+    id: 'linkDataSource.no.jira.sites.access.description',
+    description: 'Description that shows in the modal when user has no access to any Jira sites',
+    defaultMessage: 'To request access, contact your admin.'
+  },
+  // delete and remove duplicate from title above once EDM-9407 is merged
+  noAccessToJiraSitesDescription: {
+    id: 'linkDataSource.jira-issues.no.jira.sites.access.description',
+    description: 'Description that shows in the modal when user has no access to any Jira sites',
+    defaultMessage: 'To request access, contact your admin.'
   }
 });

package/dist/types/common/types.d.ts

@@ -1 +1,31 @@
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
+import { DatasourceParameters } from '@atlaskit/linking-types';
+import { IssueLikeDataTableViewProps } from '../ui/issue-like-table/types';
+import { JiraIssueDatasourceParameters } from '../ui/jira-issues-modal/types';
 export type JiraSearchMethod = 'basic' | 'jql';
+export interface Site {
+    cloudId: string;
+    displayName: string;
+    url: string;
+}
+export type IssueViewModes = 'issue' | 'count';
+export type ConfigModalProps = {
+    /** Unique identifier for which type of datasource is being rendered and for making its requests */
+    datasourceId: string;
+    /** The url that was used to insert a List of Links */
+    url?: string;
+    /** Parameters for making the data requests necessary to render data within the table */
+    parameters?: DatasourceParameters | JiraIssueDatasourceParameters;
+    /** Callback function to be invoked when the modal is closed either via cancel button click, esc keydown, or modal blanket click */
+    onCancel: () => void;
+    /** Callback function to be invoked when the insert issues button is clicked */
+    onInsert: (adf: InlineCardAdf | DatasourceAdf, analyticsEvent?: UIAnalyticsEvent) => void;
+    /** The view mode that the modal will show on open:
+     * - Table = Displays a list of links in table format
+     * - Inline link = Presents a smart link that shows the count of query results. However, if there's only one result, it converts to an inline smart link of that issue.
+  
+     * The view modes in 'IssueViewModes' have not been changed from 'count' to 'inline link' and 'issue' to 'table'
+     * because it will introduce breaking changes to the public API requiring a major version bump*/
+    viewMode?: IssueViewModes;
+} & Partial<Pick<IssueLikeDataTableViewProps, 'visibleColumnKeys' | 'wrappedColumnKeys' | 'columnCustomSizes'>>;

package/dist/types/services/getAvailableSites.d.ts

@@ -0,0 +1,2 @@
+import type { Site } from '../common/types';
+export declare const getAvailableSites: (product: 'jira' | 'confluence') => Promise<Site[]>;

package/dist/types/ui/common/error-state/messages.d.ts

@@ -1,44 +1,89 @@
 export declare const loadingErrorMessages: {
+    accessInstructionsDuplicate: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     accessInstructions: {
         id: string;
         description: string;
         defaultMessage: string;
     };
+    accessRequiredDuplicate: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     accessRequired: {
         id: string;
         description: string;
         defaultMessage: string;
     };
+    accessRequiredWithSiteDuplicate: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     accessRequiredWithSite: {
         id: string;
         description: string;
         defaultMessage: string;
     };
+    checkConnectionDuplicate: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     checkConnection: {
         id: string;
         description: string;
         defaultMessage: string;
     };
+    checkConnectionWithSourceDuplicate: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     checkConnectionWithSource: {
         id: string;
         description: string;
         defaultMessage: string;
     };
+    noResultsFoundDuplicate: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     noResultsFound: {
         id: string;
         description: string;
         defaultMessage: string;
     };
+    refreshDuplicate: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     refresh: {
         id: string;
         description: string;
         defaultMessage: string;
     };
+    unableToLoadItemsDuplicate: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     unableToLoadItems: {
         id: string;
         description: string;
         defaultMessage: string;
     };
+    unableToLoadResultsDuplicate: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     unableToLoadResults: {
         id: string;
         description: string;

package/dist/types/ui/common/error-state/no-instances.d.ts

@@ -1,3 +1,10 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-export declare const NoInstancesView: () => jsx.JSX.Element;
+import { MessageDescriptor } from 'react-intl-next';
+interface NoInstanceViewProps {
+    title: MessageDescriptor;
+    description: MessageDescriptor;
+    testId: string;
+}
+export declare const NoInstancesView: ({ title, description, testId, }: NoInstanceViewProps) => jsx.JSX.Element;
+export {};