@atlaskit/link-datasource 1.19.41 → 1.19.42

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/link-datasource
 
+## 1.19.42
+
+### Patch Changes
+
+- [#67168](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67168) [`aa400684d082`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/aa400684d082) - [ux] Updating modal insert button to show 'Update table' when editing existing table
+- [#63918](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63918) [`ab7df781854a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ab7df781854a) - Updating mode switcher toggle with drop down for issue/count view
+
 ## 1.19.41
 
 ### Patch Changes

package/dist/cjs/ui/assets-modal/modal/index.js

@@ -213,6 +213,7 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     }
   }, [defaultVisibleColumnKeys, isNewSearch]);
   var isDisabled = !!errorState || status !== 'resolved' || assetsClientLoading || !aql || !schemaId;
+  var isEditingExistingTable = !!(initialParameters !== null && initialParameters !== void 0 && initialParameters.aql && initialParameters !== null && initialParameters !== void 0 && initialParameters.schemaId && initialParameters !== null && initialParameters !== void 0 && initialParameters.workspaceId);
   var retrieveUrlForSmartCardRender = (0, _react.useCallback)(function () {
     var _data$key;
     var _responseItems = (0, _slicedToArray2.default)(responseItems, 1),
@@ -371,7 +372,7 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     onClick: onInsertPressed,
     isDisabled: isDisabled,
     testId: 'assets-datasource-modal--insert-button'
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.modalMessages.insertIssuesButtonText, {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, isEditingExistingTable ? _messages.modalMessages.updateObjectsButtonText : _messages.modalMessages.insertIssuesButtonText, {
     values: {
       objectsCount: responseItems.length
     }

package/dist/cjs/ui/assets-modal/modal/messages.js

@@ -11,6 +11,11 @@ var modalMessages = exports.modalMessages = (0, _reactIntlNext.defineMessages)({
     description: 'Button text to close the modal with no changes being made',
     defaultMessage: 'Cancel'
   },
+  updateObjectsButtonText: {
+    id: 'linkDataSource.assets.configmodal.updateObjectsButtonText',
+    description: 'Button text to update the displayed content',
+    defaultMessage: 'Update table'
+  },
   insertIssuesButtonText: {
     id: 'linkDataSource.assets.configmodal.insertIssuesButtonText',
     description: 'Button text to insert the displayed content',

package/dist/cjs/ui/jira-issues-modal/modal/display-view-dropdown/display-view-drop-down.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DisplayViewDropDown = void 0;
+var _react = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
+var _table = _interopRequireDefault(require("@atlaskit/icon/glyph/table"));
+var _primitives = require("@atlaskit/primitives");
+var _messages = require("../messages");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/** @jsx jsx */
+
+var dropDownItemGroupStyles = (0, _primitives.xcss)({
+  width: '320px',
+  height: '140px',
+  paddingTop: "var(--ds-space-050, 4px)",
+  paddingBottom: "var(--ds-space-050, 4px)",
+  borderRadius: 'border.radius'
+});
+var InlineIcon = (0, _react.jsx)("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, (0, _react.jsx)("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  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'
+}));
+var DisplayViewDropDown = exports.DisplayViewDropDown = function DisplayViewDropDown(_ref) {
+  var onViewModeChange = _ref.onViewModeChange,
+    viewMode = _ref.viewMode;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var triggerText = viewMode === 'issue' ? formatMessage(_messages.modalMessages.tableViewModeLabel) : formatMessage(_messages.modalMessages.inlineLinkViewModeLabel);
+  return (0, _react.jsx)(_dropdownMenu.default, {
+    trigger: triggerText,
+    testId: "jira-jql-datasource-modal--view-drop-down"
+  }, (0, _react.jsx)(_primitives.Box, {
+    xcss: dropDownItemGroupStyles
+  }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react.jsx)(_dropdownMenu.DropdownItem, {
+    testId: "dropdown-item-table",
+    onClick: function onClick() {
+      return onViewModeChange('issue');
+    },
+    isSelected: viewMode === 'issue',
+    description: formatMessage(_messages.modalMessages.tableViewModeDescription),
+    elemBefore: (0, _react.jsx)(_table.default, {
+      label: "table icon"
+    })
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.tableViewModeLabel)), (0, _react.jsx)(_dropdownMenu.DropdownItem, {
+    testId: "dropdown-item-inline-link",
+    onClick: function onClick() {
+      return onViewModeChange('count');
+    },
+    isSelected: viewMode === 'count',
+    description: formatMessage(_messages.modalMessages.inlineLinkViewModeDescription),
+    elemBefore: InlineIcon
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.inlineLinkViewModeLabel)))));
+};

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

@@ -44,8 +44,8 @@ var _ui = require("../basic-filters/ui");
 var _isQueryTooComplex = require("../basic-filters/utils/isQueryTooComplex");
 var _initialStateView = require("../initial-state-view");
 var _jiraSearchContainer = require("../jira-search-container");
-var _modeSwitcher = require("../mode-switcher");
 var _siteSelector = require("../site-selector");
+var _displayViewDropDown = require("./display-view-dropdown/display-view-drop-down");
 var _messages = require("./messages");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -89,10 +89,10 @@ var smartLinkContainerStyles = (0, _react2.css)({
   paddingLeft: '1px'
 });
 var getDisplayValue = function getDisplayValue(currentViewMode, itemCount) {
-  if (currentViewMode === 'count') {
-    return _types.DatasourceDisplay.DATASOURCE_INLINE;
+  if (currentViewMode === 'issue') {
+    return _types.DatasourceDisplay.DATASOURCE_TABLE;
   }
-  return itemCount > 1 ? _types.DatasourceDisplay.DATASOURCE_TABLE : _types.DatasourceDisplay.INLINE;
+  return itemCount === 1 ? _types.DatasourceDisplay.INLINE : _types.DatasourceDisplay.DATASOURCE_INLINE;
 };
 
 /**
@@ -188,8 +188,6 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
     _useDatasourceTableSt2 = _useDatasourceTableSt.extensionKey,
     extensionKey = _useDatasourceTableSt2 === void 0 ? null : _useDatasourceTableSt2,
     destinationObjectTypes = _useDatasourceTableSt.destinationObjectTypes;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   var _useRef = (0, _react.useRef)((0, _uuid.v4)()),
@@ -412,18 +410,11 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
     var firstIssueUrl = retrieveUrlForSmartCardRender();
     if (currentViewMode === 'count') {
       macroInsertedEvent === null || macroInsertedEvent === void 0 || macroInsertedEvent.fire(_analytics.EVENT_CHANNEL);
+      var url = responseItems.length === 1 ? firstIssueUrl : upToDateJqlUrl;
       onInsert({
         type: 'inlineCard',
         attrs: {
-          url: upToDateJqlUrl
-        }
-      }, consumerEvent);
-    } else if (responseItems.length === 1 && firstIssueUrl) {
-      macroInsertedEvent === null || macroInsertedEvent === void 0 || macroInsertedEvent.fire(_analytics.EVENT_CHANNEL);
-      onInsert({
-        type: 'inlineCard',
-        attrs: {
-          url: firstIssueUrl
+          url: url
         }
       }, consumerEvent);
     } else {
@@ -453,7 +444,7 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
         }
       }, consumerEvent);
     }
-  }, [isParametersSet, jql, selectedJiraSite, analyticsPayload, totalCount, visibleColumnKeys, currentViewMode, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, cloudId, columnCustomSizes, searchBarJql]);
+  }, [isParametersSet, jql, selectedJiraSite, analyticsPayload, totalCount, visibleColumnKeys, currentViewMode, retrieveUrlForSmartCardRender, onInsert, datasourceId, cloudId, columnCustomSizes, searchBarJql, responseItems]);
   var handleViewModeChange = function handleViewModeChange(selectedMode) {
     userInteractionActions.current.add(_types.DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);
@@ -503,14 +494,19 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
         css: placeholderSmartLinkStyles
       }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.issuesCountSmartCardPlaceholderText)));
     } else {
-      var urlWithEncodedJql = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(encodeURI(jql));
+      var url;
+      if (responseItems.length === 1 && retrieveUrlForSmartCardRender()) {
+        url = retrieveUrlForSmartCardRender();
+      } else {
+        url = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(encodeURI(jql));
+      }
       return (0, _react2.jsx)("div", {
         css: smartLinkContainerStyles
       }, (0, _react2.jsx)(_link.default, {
-        url: urlWithEncodedJql
+        url: url
       }));
     }
-  }, [jql, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
+  }, [jql, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited, responseItems, retrieveUrlForSmartCardRender]);
   var renderIssuesModeContent = (0, _react.useCallback)(function () {
     var selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     if (status === 'rejected' && jqlUrl) {
@@ -533,16 +529,8 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
         searchMethod: currentSearchMethod
       }));
     }
-    var firstIssueUrl = retrieveUrlForSmartCardRender();
-    if (responseItems.length === 1 && firstIssueUrl) {
-      return (0, _react2.jsx)("div", {
-        css: smartLinkContainerStyles
-      }, (0, _react2.jsx)(_link.default, {
-        url: firstIssueUrl
-      }));
-    }
     return issueLikeDataTableView;
-  }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, responseItems.length, retrieveUrlForSmartCardRender, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
+  }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
   return (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
     defaultMessages: _en.default,
     loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
@@ -558,17 +546,9 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
     onSiteSelection: onSiteSelection,
     selectedJiraSite: selectedJiraSite,
     testId: "jira-jql-datasource-modal--site-selector"
-  })) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesTitle))), !hasNoJiraSites && (0, _react2.jsx)(_modeSwitcher.ModeSwitcher, {
-    isCompact: true,
-    options: [{
-      label: formatMessage(_messages.modalMessages.issueViewModeLabel),
-      value: 'issue'
-    }, {
-      label: formatMessage(_messages.modalMessages.countViewModeLabel),
-      value: 'count'
-    }],
-    onOptionValueChange: handleViewModeChange,
-    selectedOptionValue: currentViewMode
+  })) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesTitle))), !hasNoJiraSites && (0, _react2.jsx)(_displayViewDropDown.DisplayViewDropDown, {
+    onViewModeChange: handleViewModeChange,
+    viewMode: currentViewMode
   })), (0, _react2.jsx)(_modalDialog.ModalBody, null, !hasNoJiraSites ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_jiraSearchContainer.JiraSearchContainer, {
     setSearchBarJql: setSearchBarJql,
     searchBarJql: searchBarJql,

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

@@ -26,15 +26,25 @@ var modalMessages = exports.modalMessages = (0, _reactIntlNext.defineMessages)({
     description: 'Title for the Jira Issues modal when a user has to select a site to inserting issues from',
     defaultMessage: 'Insert Jira issues from'
   },
-  issueViewModeLabel: {
-    id: 'linkDataSource.jira-issues.configmodal.issueViewModeLabel',
-    description: 'Label for toggle to enable a view mode showing issues in a table list view',
-    defaultMessage: 'Issue view'
-  },
-  countViewModeLabel: {
-    id: 'linkDataSource.jira-issues.configmodal.countViewModeLabel',
-    description: 'Label for toggle to enable a view mode showing issues in as a total count',
-    defaultMessage: 'Count view'
+  tableViewModeLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.tableViewModeLabel',
+    description: 'Display Jira search results as a table',
+    defaultMessage: 'Table'
+  },
+  tableViewModeDescription: {
+    id: 'linkDataSource.jira-issues.configmodal.tableViewModeDescription',
+    description: 'Description for table view mode',
+    defaultMessage: 'Display Jira search results as a table'
+  },
+  inlineLinkViewModeLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.inlineLinkViewModeLabel',
+    description: 'Display the number of search results as an inline smart link',
+    defaultMessage: 'Inline link'
+  },
+  inlineLinkViewModeDescription: {
+    id: 'linkDataSource.jira-issues.configmodal.inlineLinkViewModeDescription',
+    description: 'Description for inline link view mode',
+    defaultMessage: 'Display the number of search results or as an inline smart link'
   },
   issuesCountSmartCardPlaceholderText: {
     id: 'linkDataSource.jira-issues.configmodal.placeholder.issues',

package/dist/es2019/ui/assets-modal/modal/index.js

@@ -189,6 +189,7 @@ const PlainAssetsConfigModal = props => {
     }
   }, [defaultVisibleColumnKeys, isNewSearch]);
   const isDisabled = !!errorState || status !== 'resolved' || assetsClientLoading || !aql || !schemaId;
+  const isEditingExistingTable = !!(initialParameters !== null && initialParameters !== void 0 && initialParameters.aql && initialParameters !== null && initialParameters !== void 0 && initialParameters.schemaId && initialParameters !== null && initialParameters !== void 0 && initialParameters.workspaceId);
   const retrieveUrlForSmartCardRender = useCallback(() => {
     var _data$key, _data$key$data;
     const [data] = responseItems;
@@ -346,7 +347,7 @@ const PlainAssetsConfigModal = props => {
     onClick: onInsertPressed,
     isDisabled: isDisabled,
     testId: 'assets-datasource-modal--insert-button'
-  }, jsx(FormattedMessage, _extends({}, modalMessages.insertIssuesButtonText, {
+  }, jsx(FormattedMessage, _extends({}, isEditingExistingTable ? modalMessages.updateObjectsButtonText : modalMessages.insertIssuesButtonText, {
     values: {
       objectsCount: responseItems.length
     }

package/dist/es2019/ui/assets-modal/modal/messages.js

@@ -5,6 +5,11 @@ export const modalMessages = defineMessages({
     description: 'Button text to close the modal with no changes being made',
     defaultMessage: 'Cancel'
   },
+  updateObjectsButtonText: {
+    id: 'linkDataSource.assets.configmodal.updateObjectsButtonText',
+    description: 'Button text to update the displayed content',
+    defaultMessage: 'Update table'
+  },
   insertIssuesButtonText: {
     id: 'linkDataSource.assets.configmodal.insertIssuesButtonText',
     description: 'Button text to insert the displayed content',

package/dist/es2019/ui/jira-issues-modal/modal/display-view-dropdown/display-view-drop-down.js

@@ -0,0 +1,55 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { FormattedMessage, useIntl } from 'react-intl-next';
+import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import TableIcon from '@atlaskit/icon/glyph/table';
+import { Box, xcss } from '@atlaskit/primitives';
+import { modalMessages } from '../messages';
+const dropDownItemGroupStyles = xcss({
+  width: '320px',
+  height: '140px',
+  paddingTop: "var(--ds-space-050, 4px)",
+  paddingBottom: "var(--ds-space-050, 4px)",
+  borderRadius: 'border.radius'
+});
+const InlineIcon = jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, jsx("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  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 const DisplayViewDropDown = ({
+  onViewModeChange,
+  viewMode
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const triggerText = viewMode === 'issue' ? formatMessage(modalMessages.tableViewModeLabel) : formatMessage(modalMessages.inlineLinkViewModeLabel);
+  return jsx(DropdownMenu, {
+    trigger: triggerText,
+    testId: "jira-jql-datasource-modal--view-drop-down"
+  }, jsx(Box, {
+    xcss: dropDownItemGroupStyles
+  }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
+    testId: "dropdown-item-table",
+    onClick: () => onViewModeChange('issue'),
+    isSelected: viewMode === 'issue',
+    description: formatMessage(modalMessages.tableViewModeDescription),
+    elemBefore: jsx(TableIcon, {
+      label: "table icon"
+    })
+  }, jsx(FormattedMessage, modalMessages.tableViewModeLabel)), jsx(DropdownItem, {
+    testId: "dropdown-item-inline-link",
+    onClick: () => onViewModeChange('count'),
+    isSelected: viewMode === 'count',
+    description: formatMessage(modalMessages.inlineLinkViewModeDescription),
+    elemBefore: InlineIcon
+  }, jsx(FormattedMessage, modalMessages.inlineLinkViewModeLabel)))));
+};

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
-import { FormattedMessage, FormattedNumber, useIntl } from 'react-intl-next';
+import { FormattedMessage, FormattedNumber } from 'react-intl-next';
 import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/standard-button';
@@ -32,8 +32,8 @@ 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 { ModeSwitcher } from '../mode-switcher';
 import { JiraSiteSelector } from '../site-selector';
+import { DisplayViewDropDown } from './display-view-dropdown/display-view-drop-down';
 import { modalMessages } from './messages';
 const dropdownContainerStyles = css({
   display: 'flex',
@@ -73,10 +73,10 @@ const smartLinkContainerStyles = css({
   paddingLeft: '1px'
 });
 const getDisplayValue = (currentViewMode, itemCount) => {
-  if (currentViewMode === 'count') {
-    return DatasourceDisplay.DATASOURCE_INLINE;
+  if (currentViewMode === 'issue') {
+    return DatasourceDisplay.DATASOURCE_TABLE;
   }
-  return itemCount > 1 ? DatasourceDisplay.DATASOURCE_TABLE : DatasourceDisplay.INLINE;
+  return itemCount === 1 ? DatasourceDisplay.INLINE : DatasourceDisplay.DATASOURCE_INLINE;
 };
 
 /**
@@ -150,9 +150,6 @@ export const PlainJiraIssuesConfigModal = props => {
     parameters: isParametersSet ? parameters : undefined,
     fieldKeys: visibleColumnKeys
   });
-  const {
-    formatMessage
-  } = useIntl();
   const {
     fireEvent
   } = useDatasourceAnalyticsEvents();
@@ -366,18 +363,11 @@ export const PlainJiraIssuesConfigModal = props => {
     const firstIssueUrl = retrieveUrlForSmartCardRender();
     if (currentViewMode === 'count') {
       macroInsertedEvent === null || macroInsertedEvent === void 0 ? void 0 : macroInsertedEvent.fire(EVENT_CHANNEL);
+      const url = responseItems.length === 1 ? firstIssueUrl : upToDateJqlUrl;
       onInsert({
         type: 'inlineCard',
         attrs: {
-          url: upToDateJqlUrl
-        }
-      }, consumerEvent);
-    } else if (responseItems.length === 1 && firstIssueUrl) {
-      macroInsertedEvent === null || macroInsertedEvent === void 0 ? void 0 : macroInsertedEvent.fire(EVENT_CHANNEL);
-      onInsert({
-        type: 'inlineCard',
-        attrs: {
-          url: firstIssueUrl
+          url
         }
       }, consumerEvent);
     } else {
@@ -405,7 +395,7 @@ export const PlainJiraIssuesConfigModal = props => {
         }
       }, consumerEvent);
     }
-  }, [isParametersSet, jql, selectedJiraSite, analyticsPayload, totalCount, visibleColumnKeys, currentViewMode, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, cloudId, columnCustomSizes, searchBarJql]);
+  }, [isParametersSet, jql, selectedJiraSite, analyticsPayload, totalCount, visibleColumnKeys, currentViewMode, retrieveUrlForSmartCardRender, onInsert, datasourceId, cloudId, columnCustomSizes, searchBarJql, responseItems]);
   const handleViewModeChange = selectedMode => {
     userInteractionActions.current.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);
@@ -451,14 +441,19 @@ export const PlainJiraIssuesConfigModal = props => {
         css: placeholderSmartLinkStyles
       }, jsx(FormattedMessage, modalMessages.issuesCountSmartCardPlaceholderText)));
     } else {
-      const urlWithEncodedJql = `${selectedJiraSiteUrl}/issues/?jql=${encodeURI(jql)}`;
+      let url;
+      if (responseItems.length === 1 && retrieveUrlForSmartCardRender()) {
+        url = retrieveUrlForSmartCardRender();
+      } else {
+        url = `${selectedJiraSiteUrl}/issues/?jql=${encodeURI(jql)}`;
+      }
       return jsx("div", {
         css: smartLinkContainerStyles
       }, jsx(LinkRenderType, {
-        url: urlWithEncodedJql
+        url: url
       }));
     }
-  }, [jql, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
+  }, [jql, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited, responseItems, retrieveUrlForSmartCardRender]);
   const renderIssuesModeContent = useCallback(() => {
     const selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     if (status === 'rejected' && jqlUrl) {
@@ -481,16 +476,8 @@ export const PlainJiraIssuesConfigModal = props => {
         searchMethod: currentSearchMethod
       }));
     }
-    const firstIssueUrl = retrieveUrlForSmartCardRender();
-    if (responseItems.length === 1 && firstIssueUrl) {
-      return jsx("div", {
-        css: smartLinkContainerStyles
-      }, jsx(LinkRenderType, {
-        url: firstIssueUrl
-      }));
-    }
     return issueLikeDataTableView;
-  }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, responseItems.length, retrieveUrlForSmartCardRender, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
+  }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
   return jsx(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
@@ -506,17 +493,9 @@ export const PlainJiraIssuesConfigModal = props => {
     onSiteSelection: onSiteSelection,
     selectedJiraSite: selectedJiraSite,
     testId: "jira-jql-datasource-modal--site-selector"
-  })) : jsx(FormattedMessage, modalMessages.insertIssuesTitle))), !hasNoJiraSites && jsx(ModeSwitcher, {
-    isCompact: true,
-    options: [{
-      label: formatMessage(modalMessages.issueViewModeLabel),
-      value: 'issue'
-    }, {
-      label: formatMessage(modalMessages.countViewModeLabel),
-      value: 'count'
-    }],
-    onOptionValueChange: handleViewModeChange,
-    selectedOptionValue: currentViewMode
+  })) : jsx(FormattedMessage, modalMessages.insertIssuesTitle))), !hasNoJiraSites && jsx(DisplayViewDropDown, {
+    onViewModeChange: handleViewModeChange,
+    viewMode: currentViewMode
   })), jsx(ModalBody, null, !hasNoJiraSites ? jsx(Fragment, null, jsx(JiraSearchContainer, {
     setSearchBarJql: setSearchBarJql,
     searchBarJql: searchBarJql,

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

@@ -20,15 +20,25 @@ export const modalMessages = defineMessages({
     description: 'Title for the Jira Issues modal when a user has to select a site to inserting issues from',
     defaultMessage: 'Insert Jira issues from'
   },
-  issueViewModeLabel: {
-    id: 'linkDataSource.jira-issues.configmodal.issueViewModeLabel',
-    description: 'Label for toggle to enable a view mode showing issues in a table list view',
-    defaultMessage: 'Issue view'
-  },
-  countViewModeLabel: {
-    id: 'linkDataSource.jira-issues.configmodal.countViewModeLabel',
-    description: 'Label for toggle to enable a view mode showing issues in as a total count',
-    defaultMessage: 'Count view'
+  tableViewModeLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.tableViewModeLabel',
+    description: 'Display Jira search results as a table',
+    defaultMessage: 'Table'
+  },
+  tableViewModeDescription: {
+    id: 'linkDataSource.jira-issues.configmodal.tableViewModeDescription',
+    description: 'Description for table view mode',
+    defaultMessage: 'Display Jira search results as a table'
+  },
+  inlineLinkViewModeLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.inlineLinkViewModeLabel',
+    description: 'Display the number of search results as an inline smart link',
+    defaultMessage: 'Inline link'
+  },
+  inlineLinkViewModeDescription: {
+    id: 'linkDataSource.jira-issues.configmodal.inlineLinkViewModeDescription',
+    description: 'Description for inline link view mode',
+    defaultMessage: 'Display the number of search results or as an inline smart link'
   },
   issuesCountSmartCardPlaceholderText: {
     id: 'linkDataSource.jira-issues.configmodal.placeholder.issues',

package/dist/esm/ui/assets-modal/modal/index.js

@@ -204,6 +204,7 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     }
   }, [defaultVisibleColumnKeys, isNewSearch]);
   var isDisabled = !!errorState || status !== 'resolved' || assetsClientLoading || !aql || !schemaId;
+  var isEditingExistingTable = !!(initialParameters !== null && initialParameters !== void 0 && initialParameters.aql && initialParameters !== null && initialParameters !== void 0 && initialParameters.schemaId && initialParameters !== null && initialParameters !== void 0 && initialParameters.workspaceId);
   var retrieveUrlForSmartCardRender = useCallback(function () {
     var _data$key;
     var _responseItems = _slicedToArray(responseItems, 1),
@@ -362,7 +363,7 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     onClick: onInsertPressed,
     isDisabled: isDisabled,
     testId: 'assets-datasource-modal--insert-button'
-  }, jsx(FormattedMessage, _extends({}, modalMessages.insertIssuesButtonText, {
+  }, jsx(FormattedMessage, _extends({}, isEditingExistingTable ? modalMessages.updateObjectsButtonText : modalMessages.insertIssuesButtonText, {
     values: {
       objectsCount: responseItems.length
     }

package/dist/esm/ui/assets-modal/modal/messages.js

@@ -5,6 +5,11 @@ export var modalMessages = defineMessages({
     description: 'Button text to close the modal with no changes being made',
     defaultMessage: 'Cancel'
   },
+  updateObjectsButtonText: {
+    id: 'linkDataSource.assets.configmodal.updateObjectsButtonText',
+    description: 'Button text to update the displayed content',
+    defaultMessage: 'Update table'
+  },
   insertIssuesButtonText: {
     id: 'linkDataSource.assets.configmodal.insertIssuesButtonText',
     description: 'Button text to insert the displayed content',

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

@@ -0,0 +1,57 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { FormattedMessage, useIntl } from 'react-intl-next';
+import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import TableIcon from '@atlaskit/icon/glyph/table';
+import { Box, xcss } from '@atlaskit/primitives';
+import { modalMessages } from '../messages';
+var dropDownItemGroupStyles = xcss({
+  width: '320px',
+  height: '140px',
+  paddingTop: "var(--ds-space-050, 4px)",
+  paddingBottom: "var(--ds-space-050, 4px)",
+  borderRadius: 'border.radius'
+});
+var InlineIcon = jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, jsx("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  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) {
+  var onViewModeChange = _ref.onViewModeChange,
+    viewMode = _ref.viewMode;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var triggerText = viewMode === 'issue' ? formatMessage(modalMessages.tableViewModeLabel) : formatMessage(modalMessages.inlineLinkViewModeLabel);
+  return jsx(DropdownMenu, {
+    trigger: triggerText,
+    testId: "jira-jql-datasource-modal--view-drop-down"
+  }, jsx(Box, {
+    xcss: dropDownItemGroupStyles
+  }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
+    testId: "dropdown-item-table",
+    onClick: function onClick() {
+      return onViewModeChange('issue');
+    },
+    isSelected: viewMode === 'issue',
+    description: formatMessage(modalMessages.tableViewModeDescription),
+    elemBefore: jsx(TableIcon, {
+      label: "table icon"
+    })
+  }, jsx(FormattedMessage, modalMessages.tableViewModeLabel)), jsx(DropdownItem, {
+    testId: "dropdown-item-inline-link",
+    onClick: function onClick() {
+      return onViewModeChange('count');
+    },
+    isSelected: viewMode === 'count',
+    description: formatMessage(modalMessages.inlineLinkViewModeDescription),
+    elemBefore: InlineIcon
+  }, jsx(FormattedMessage, modalMessages.inlineLinkViewModeLabel)))));
+};

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

@@ -9,7 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /** @jsx jsx */
 import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
-import { FormattedMessage, FormattedNumber, useIntl } from 'react-intl-next';
+import { FormattedMessage, FormattedNumber } from 'react-intl-next';
 import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/standard-button';
@@ -39,8 +39,8 @@ 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 { ModeSwitcher } from '../mode-switcher';
 import { JiraSiteSelector } from '../site-selector';
+import { DisplayViewDropDown } from './display-view-dropdown/display-view-drop-down';
 import { modalMessages } from './messages';
 var dropdownContainerStyles = css({
   display: 'flex',
@@ -80,10 +80,10 @@ var smartLinkContainerStyles = css({
   paddingLeft: '1px'
 });
 var getDisplayValue = function getDisplayValue(currentViewMode, itemCount) {
-  if (currentViewMode === 'count') {
-    return DatasourceDisplay.DATASOURCE_INLINE;
+  if (currentViewMode === 'issue') {
+    return DatasourceDisplay.DATASOURCE_TABLE;
   }
-  return itemCount > 1 ? DatasourceDisplay.DATASOURCE_TABLE : DatasourceDisplay.INLINE;
+  return itemCount === 1 ? DatasourceDisplay.INLINE : DatasourceDisplay.DATASOURCE_INLINE;
 };
 
 /**
@@ -179,8 +179,6 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     _useDatasourceTableSt2 = _useDatasourceTableSt.extensionKey,
     extensionKey = _useDatasourceTableSt2 === void 0 ? null : _useDatasourceTableSt2,
     destinationObjectTypes = _useDatasourceTableSt.destinationObjectTypes;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
   var _useRef = useRef(uuidv4()),
@@ -403,18 +401,11 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     var firstIssueUrl = retrieveUrlForSmartCardRender();
     if (currentViewMode === 'count') {
       macroInsertedEvent === null || macroInsertedEvent === void 0 || macroInsertedEvent.fire(EVENT_CHANNEL);
+      var url = responseItems.length === 1 ? firstIssueUrl : upToDateJqlUrl;
       onInsert({
         type: 'inlineCard',
         attrs: {
-          url: upToDateJqlUrl
-        }
-      }, consumerEvent);
-    } else if (responseItems.length === 1 && firstIssueUrl) {
-      macroInsertedEvent === null || macroInsertedEvent === void 0 || macroInsertedEvent.fire(EVENT_CHANNEL);
-      onInsert({
-        type: 'inlineCard',
-        attrs: {
-          url: firstIssueUrl
+          url: url
         }
       }, consumerEvent);
     } else {
@@ -444,7 +435,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
         }
       }, consumerEvent);
     }
-  }, [isParametersSet, jql, selectedJiraSite, analyticsPayload, totalCount, visibleColumnKeys, currentViewMode, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, cloudId, columnCustomSizes, searchBarJql]);
+  }, [isParametersSet, jql, selectedJiraSite, analyticsPayload, totalCount, visibleColumnKeys, currentViewMode, retrieveUrlForSmartCardRender, onInsert, datasourceId, cloudId, columnCustomSizes, searchBarJql, responseItems]);
   var handleViewModeChange = function handleViewModeChange(selectedMode) {
     userInteractionActions.current.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);
@@ -494,14 +485,19 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
         css: placeholderSmartLinkStyles
       }, jsx(FormattedMessage, modalMessages.issuesCountSmartCardPlaceholderText)));
     } else {
-      var urlWithEncodedJql = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(encodeURI(jql));
+      var url;
+      if (responseItems.length === 1 && retrieveUrlForSmartCardRender()) {
+        url = retrieveUrlForSmartCardRender();
+      } else {
+        url = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(encodeURI(jql));
+      }
       return jsx("div", {
         css: smartLinkContainerStyles
       }, jsx(LinkRenderType, {
-        url: urlWithEncodedJql
+        url: url
       }));
     }
-  }, [jql, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
+  }, [jql, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited, responseItems, retrieveUrlForSmartCardRender]);
   var renderIssuesModeContent = useCallback(function () {
     var selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     if (status === 'rejected' && jqlUrl) {
@@ -524,16 +520,8 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
         searchMethod: currentSearchMethod
       }));
     }
-    var firstIssueUrl = retrieveUrlForSmartCardRender();
-    if (responseItems.length === 1 && firstIssueUrl) {
-      return jsx("div", {
-        css: smartLinkContainerStyles
-      }, jsx(LinkRenderType, {
-        url: firstIssueUrl
-      }));
-    }
     return issueLikeDataTableView;
-  }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, responseItems.length, retrieveUrlForSmartCardRender, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
+  }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
   return jsx(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
@@ -549,17 +537,9 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     onSiteSelection: onSiteSelection,
     selectedJiraSite: selectedJiraSite,
     testId: "jira-jql-datasource-modal--site-selector"
-  })) : jsx(FormattedMessage, modalMessages.insertIssuesTitle))), !hasNoJiraSites && jsx(ModeSwitcher, {
-    isCompact: true,
-    options: [{
-      label: formatMessage(modalMessages.issueViewModeLabel),
-      value: 'issue'
-    }, {
-      label: formatMessage(modalMessages.countViewModeLabel),
-      value: 'count'
-    }],
-    onOptionValueChange: handleViewModeChange,
-    selectedOptionValue: currentViewMode
+  })) : jsx(FormattedMessage, modalMessages.insertIssuesTitle))), !hasNoJiraSites && jsx(DisplayViewDropDown, {
+    onViewModeChange: handleViewModeChange,
+    viewMode: currentViewMode
   })), jsx(ModalBody, null, !hasNoJiraSites ? jsx(Fragment, null, jsx(JiraSearchContainer, {
     setSearchBarJql: setSearchBarJql,
     searchBarJql: searchBarJql,

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

@@ -20,15 +20,25 @@ export var modalMessages = defineMessages({
     description: 'Title for the Jira Issues modal when a user has to select a site to inserting issues from',
     defaultMessage: 'Insert Jira issues from'
   },
-  issueViewModeLabel: {
-    id: 'linkDataSource.jira-issues.configmodal.issueViewModeLabel',
-    description: 'Label for toggle to enable a view mode showing issues in a table list view',
-    defaultMessage: 'Issue view'
-  },
-  countViewModeLabel: {
-    id: 'linkDataSource.jira-issues.configmodal.countViewModeLabel',
-    description: 'Label for toggle to enable a view mode showing issues in as a total count',
-    defaultMessage: 'Count view'
+  tableViewModeLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.tableViewModeLabel',
+    description: 'Display Jira search results as a table',
+    defaultMessage: 'Table'
+  },
+  tableViewModeDescription: {
+    id: 'linkDataSource.jira-issues.configmodal.tableViewModeDescription',
+    description: 'Description for table view mode',
+    defaultMessage: 'Display Jira search results as a table'
+  },
+  inlineLinkViewModeLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.inlineLinkViewModeLabel',
+    description: 'Display the number of search results as an inline smart link',
+    defaultMessage: 'Inline link'
+  },
+  inlineLinkViewModeDescription: {
+    id: 'linkDataSource.jira-issues.configmodal.inlineLinkViewModeDescription',
+    description: 'Description for inline link view mode',
+    defaultMessage: 'Display the number of search results or as an inline smart link'
   },
   issuesCountSmartCardPlaceholderText: {
     id: 'linkDataSource.jira-issues.configmodal.placeholder.issues',

package/dist/types/ui/assets-modal/modal/messages.d.ts

@@ -4,6 +4,11 @@ export declare const modalMessages: {
         description: string;
         defaultMessage: string;
     };
+    updateObjectsButtonText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     insertIssuesButtonText: {
         id: string;
         description: string;

package/dist/types/ui/jira-issues-modal/modal/display-view-dropdown/display-view-drop-down.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { JiraIssueViewModes } from '../../types';
+export type DisplayViewDropDownProps = {
+    onViewModeChange: (value: JiraIssueViewModes) => void;
+    viewMode: JiraIssueViewModes;
+};
+export declare const DisplayViewDropDown: ({ onViewModeChange, viewMode, }: DisplayViewDropDownProps) => jsx.JSX.Element;

package/dist/types/ui/jira-issues-modal/modal/messages.d.ts

@@ -19,12 +19,22 @@ export declare const modalMessages: {
         description: string;
         defaultMessage: string;
     };
-    issueViewModeLabel: {
+    tableViewModeLabel: {
         id: string;
         description: string;
         defaultMessage: string;
     };
-    countViewModeLabel: {
+    tableViewModeDescription: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    inlineLinkViewModeLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    inlineLinkViewModeDescription: {
         id: string;
         description: string;
         defaultMessage: string;

package/dist/types-ts4.5/ui/assets-modal/modal/messages.d.ts

@@ -4,6 +4,11 @@ export declare const modalMessages: {
         description: string;
         defaultMessage: string;
     };
+    updateObjectsButtonText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
     insertIssuesButtonText: {
         id: string;
         description: string;

package/dist/types-ts4.5/ui/jira-issues-modal/modal/display-view-dropdown/display-view-drop-down.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { JiraIssueViewModes } from '../../types';
+export type DisplayViewDropDownProps = {
+    onViewModeChange: (value: JiraIssueViewModes) => void;
+    viewMode: JiraIssueViewModes;
+};
+export declare const DisplayViewDropDown: ({ onViewModeChange, viewMode, }: DisplayViewDropDownProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/jira-issues-modal/modal/messages.d.ts

@@ -19,12 +19,22 @@ export declare const modalMessages: {
         description: string;
         defaultMessage: string;
     };
-    issueViewModeLabel: {
+    tableViewModeLabel: {
         id: string;
         description: string;
         defaultMessage: string;
     };
-    countViewModeLabel: {
+    tableViewModeDescription: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    inlineLinkViewModeLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    inlineLinkViewModeDescription: {
         id: string;
         description: string;
         defaultMessage: string;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.19.41",
+  "version": "1.19.42",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -35,6 +35,7 @@
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/badge": "^15.2.0",
     "@atlaskit/button": "^17.2.0",
+    "@atlaskit/dropdown-menu": "^12.1.10",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/empty-state": "^7.5.0",
     "@atlaskit/form": "^9.0.3",