@atlaskit/link-datasource 1.24.5 → 1.24.7

package/dist/cjs/ui/confluence-search-modal/modal/confluence-search-initial-state-svg.js

@@ -0,0 +1,152 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfluenceSearchInitialStateSVG = void 0;
+var _react = _interopRequireDefault(require("react"));
+var ConfluenceSearchInitialStateSVG = exports.ConfluenceSearchInitialStateSVG = function ConfluenceSearchInitialStateSVG() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "188",
+    height: "112",
+    viewBox: "0 0 188 112",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "25.5",
+    y: "1",
+    width: "127",
+    height: "97",
+    rx: "4",
+    fill: "white",
+    stroke: "#B7BDC8",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_react.default.createElement("line", {
+    x1: "24.5",
+    y1: "10",
+    x2: "152.5",
+    y2: "10",
+    stroke: "#B7BDC8",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_react.default.createElement("line", {
+    x1: "24.5",
+    y1: "32",
+    x2: "152.5",
+    y2: "32",
+    stroke: "#B7BDC8",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_react.default.createElement("line", {
+    x1: "24.5",
+    y1: "54",
+    x2: "152.5",
+    y2: "54",
+    stroke: "#B7BDC8",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "32",
+    y: "18",
+    width: "114",
+    height: "5",
+    rx: "2.5",
+    fill: "#C1C7D0",
+    fillOpacity: "0.4"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "32",
+    y: "41",
+    width: "114",
+    height: "5",
+    rx: "2.5",
+    fill: "#C1C7D0",
+    fillOpacity: "0.4"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "32",
+    y: "84",
+    width: "114",
+    height: "5",
+    rx: "2.5",
+    fill: "#C1C7D0",
+    fillOpacity: "0.4"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "32",
+    y: "62",
+    width: "114",
+    height: "5",
+    rx: "2.5",
+    fill: "#C1C7D0",
+    fillOpacity: "0.4"
+  }), /*#__PURE__*/_react.default.createElement("line", {
+    x1: "24.5",
+    y1: "76",
+    x2: "152.5",
+    y2: "76",
+    stroke: "#B7BDC8",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#clip0_1_10772)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "72",
+    height: "72",
+    transform: "translate(100.5 40)",
+    fill: "white",
+    fillOpacity: "0.01"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M146.011 90.5858L142.602 87.2253L147.304 82.5063L150.713 85.8668C151.581 86.7186 152.678 87.3021 153.872 87.5471C155.063 87.8204 156.155 88.4139 157.03 89.2631L170.885 102.884C171.892 103.878 172.464 105.228 172.478 106.641C172.491 108.053 171.944 109.414 170.957 110.427C169.953 111.425 168.595 111.989 167.177 111.995C165.759 112.002 164.396 111.451 163.383 110.463L149.529 96.842C148.659 95.9778 148.049 94.8879 147.77 93.696C147.512 92.5065 146.899 91.4224 146.011 90.5858Z",
+    fill: "#CFD4DB"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M146.011 90.5858L144.971 89.549C144.659 89.243 144.412 88.8785 144.243 88.4765C144.074 88.0745 143.987 87.6431 143.987 87.2074C143.987 86.7717 144.074 86.3403 144.243 85.9383C144.412 85.5363 144.659 85.1718 144.971 84.8658C145.275 84.5532 145.64 84.3041 146.042 84.1329C146.444 83.9617 146.877 83.8718 147.314 83.8685C147.751 83.8652 148.185 83.9485 148.59 84.1135C148.995 84.2786 149.363 84.5222 149.672 84.8301L150.713 85.8668C151.581 86.7186 152.678 87.3021 153.872 87.547C155.063 87.8204 156.155 88.4139 157.03 89.263L170.885 102.884C171.892 103.878 172.464 105.228 172.478 106.641C172.491 108.053 171.944 109.414 170.957 110.427C169.953 111.425 168.595 111.989 167.177 111.995C165.759 112.002 164.396 111.451 163.383 110.463L149.529 96.842C148.659 95.9778 148.049 94.8879 147.77 93.696C147.512 92.5065 146.899 91.4224 146.011 90.5858Z",
+    fill: "#8270DB"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    opacity: "0.2",
+    d: "M147.734 93.5887C147.458 92.4449 146.861 91.4032 146.011 90.5858L144.971 89.549C144.659 89.243 144.412 88.8785 144.243 88.4765C144.074 88.0745 143.987 87.6431 143.987 87.2074C143.987 86.7717 144.074 86.3403 144.243 85.9383C144.412 85.5363 144.659 85.1718 144.971 84.8658C145.275 84.5532 145.64 84.3041 146.042 84.1329C146.444 83.9617 146.877 83.8718 147.314 83.8685C147.752 83.8652 148.185 83.9485 148.59 84.1135C148.995 84.2786 149.363 84.5222 149.672 84.8301L150.713 85.8668C151.539 86.6914 152.586 87.2622 153.728 87.5113C152.888 88.6723 151.964 89.7714 150.965 90.8003C149.956 91.8048 148.876 92.7366 147.734 93.5887Z",
+    fill: "#403294"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M156.313 67.599C156.268 62.1046 154.591 56.7464 151.493 52.2003C148.395 47.6542 144.014 44.124 138.904 42.0551C133.794 39.9861 128.182 39.4712 122.778 40.5752C117.374 41.6792 112.42 44.3527 108.54 48.2583C105.959 50.8491 103.919 53.924 102.539 57.3052C101.159 60.6864 100.466 64.3067 100.5 67.9565C100.515 71.6054 101.255 75.2154 102.678 78.5778C104.101 81.9403 106.179 84.9888 108.791 87.5473C112.721 91.4036 117.71 94.0141 123.128 95.0494C128.545 96.0846 134.15 95.4982 139.234 93.3642C144.317 91.2302 148.652 87.6442 151.692 83.0587C154.732 78.4732 156.339 73.0937 156.313 67.599Z",
+    fill: "#66A3FF"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M114.678 51.6186C110.935 54.7774 108.407 59.1306 107.525 63.9371C106.643 68.7435 107.46 73.706 109.838 77.9797C112.216 82.2534 116.008 85.574 120.567 87.3761C125.127 89.1783 130.173 89.3507 134.846 87.8638C139.519 86.377 143.53 83.3229 146.197 79.2215C148.863 75.1202 150.02 70.2251 149.47 65.3697C148.92 60.5144 146.698 55.9989 143.181 52.5921C139.665 49.1853 135.071 47.0979 130.183 46.6851C127.4 46.4461 124.596 46.7591 121.935 47.6059C119.273 48.4527 116.807 49.8165 114.678 51.6186Z",
+    fill: "white"
+  }), /*#__PURE__*/_react.default.createElement("mask", {
+    id: "mask0_1_10772",
+    style: {
+      maskType: 'alpha'
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "107",
+    y: "46",
+    width: "43",
+    height: "43"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M114.66 51.7782C110.928 54.9501 108.416 59.3122 107.55 64.1217C106.684 68.9312 107.519 73.8908 109.912 78.1561C112.305 82.4214 116.109 85.7287 120.675 87.5149C125.241 89.3011 130.287 89.4558 134.955 87.9526C139.623 86.4494 143.623 83.3813 146.275 79.2706C148.927 75.1599 150.067 70.2608 149.5 65.4074C148.933 60.554 146.695 56.0463 143.166 52.6519C139.638 49.2574 135.037 47.1861 130.148 46.7904C127.363 46.5612 124.561 46.884 121.902 47.7401C119.244 48.5962 116.782 49.9687 114.66 51.7782Z",
+    fill: "white"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    mask: "url(#mask0_1_10772)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "-9.11658",
+    y: "60.6511",
+    width: "152.638",
+    height: "10.2857",
+    rx: "5.14286",
+    transform: "rotate(-0.200699 -9.11658 60.6511)",
+    fill: "#C1C7D0",
+    fillOpacity: "0.4"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M68.3882 50.885L151.465 50.594",
+    stroke: "#B7BDC8",
+    strokeWidth: "4"
+  }), /*#__PURE__*/_react.default.createElement("line", {
+    x1: "68.4865",
+    y1: "78.9508",
+    x2: "151.563",
+    y2: "78.6598",
+    stroke: "#B7BDC8",
+    strokeWidth: "4"
+  }))), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip0_1_10772"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "72",
+    height: "72",
+    fill: "white",
+    transform: "translate(100.5 40)"
+  }))));
+};

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

@@ -0,0 +1,138 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfluenceSearchConfigModal = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _fetchMessagesForLocale = require("../../../common/utils/locale/fetch-messages-for-locale");
+var _en = _interopRequireDefault(require("../../../i18n/en"));
+var _getAvailableSites = require("../../../services/getAvailableSites");
+var _noInstances = require("../../common/error-state/no-instances");
+var _initialStateView = require("../../common/initial-state-view");
+var _basicSearchInput = require("../../common/modal/basic-search-input");
+var _contentContainer = require("../../common/modal/content-container");
+var _siteSelector = require("../../common/modal/site-selector");
+var _confluenceSearchInitialStateSvg = require("./confluence-search-initial-state-svg");
+var _messages = require("./messages");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/** @jsx jsx */
+
+var ConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = function ConfluenceSearchConfigModal(props) {
+  var initialParameters = props.parameters,
+    onCancel = props.onCancel;
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    availableSites = _useState2[0],
+    setAvailableSites = _useState2[1];
+  var _useState3 = (0, _react.useState)(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.cloudId),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    cloudId = _useState4[0],
+    setCloudId = _useState4[1];
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    searchTerm = _useState6[0],
+    setSearchTerm = _useState6[1];
+  var onSiteSelection = (0, _react.useCallback)(function (site) {
+    setCloudId(site.cloudId);
+  }, [setCloudId]);
+  var hasNoConfluenceSites = availableSites && availableSites.length === 0;
+  var selectedConfluenceSite = (0, _react.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 = (0, _react.useCallback)(function (e) {
+    var rawSearch = e.currentTarget.value;
+    setSearchTerm(rawSearch);
+  }, [setSearchTerm]);
+  (0, _react.useEffect)(function () {
+    var fetchSiteDisplayNames = /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var confluenceSites, sortedAvailableSites;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _getAvailableSites.getAvailableSites)('confluence');
+            case 2:
+              confluenceSites = _context.sent;
+              sortedAvailableSites = (0, _toConsumableArray2.default)(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 ? _messages.confluenceSearchModalMessages.insertIssuesTitleManySites : _messages.confluenceSearchModalMessages.insertIssuesTitle;
+  return (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
+    defaultMessages: _en.default,
+    loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
+  }, (0, _react2.jsx)(_modalDialog.default, {
+    testId: "confluence-search-datasource-modal",
+    onClose: onCancel,
+    width: "calc(100% - 80px)",
+    shouldScrollInViewport: true
+  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, (0, _react2.jsx)(_siteSelector.SiteSelector, {
+    availableSites: availableSites,
+    onSiteSelection: onSiteSelection,
+    selectedSite: selectedConfluenceSite,
+    testId: "confluence-search-datasource-modal--site-selector",
+    label: siteSelectorLabel
+  }))), (0, _react2.jsx)(_modalDialog.ModalBody, null, !hasNoConfluenceSites ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_basicSearchInput.BasicSearchInput, {
+    testId: "confluence-search-datasource-modal",
+    isSearching: status === 'loading',
+    onChange: handleSearchChange,
+    onSearch: function onSearch() {},
+    searchTerm: searchTerm,
+    placeholder: _messages.confluenceSearchModalMessages.searchLabel,
+    fullWidth: true
+  }), (0, _react2.jsx)(_contentContainer.ContentContainer, null, (0, _react2.jsx)(_initialStateView.InitialStateView, {
+    icon: (0, _react2.jsx)(_confluenceSearchInitialStateSvg.ConfluenceSearchInitialStateSVG, null),
+    title: _messages.confluenceSearchModalMessages.initialViewSearchTitle,
+    description: _messages.confluenceSearchModalMessages.initialViewSearchDescription
+  }))) : (0, _react2.jsx)(_noInstances.NoInstancesView, {
+    title: _messages.confluenceSearchModalMessages.noAccessToConfluenceSitesTitle,
+    description: _messages.confluenceSearchModalMessages.noAccessToConfluenceSitesDescription,
+    testId: 'no-confluence-instances-content'
+  })), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_standardButton.default, {
+    appearance: "default",
+    onClick: onCancel
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.confluenceSearchModalMessages.cancelButtonText)), !hasNoConfluenceSites && (0, _react2.jsx)(_standardButton.default, {
+    appearance: "primary",
+    onClick: function onClick() {},
+    isDisabled: true,
+    testId: "confluence-search-datasource-modal--insert-button"
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.confluenceSearchModalMessages.insertResultsButtonText)))));
+};

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.confluenceSearchModalMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var confluenceSearchModalMessages = exports.confluenceSearchModalMessages = (0, _reactIntlNext.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/cjs/ui/issue-like-table/index.js

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

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

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

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

@@ -16,14 +16,15 @@ var _useDebounce = require("use-debounce");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _analytics = require("../../../analytics");
+var _basicSearchInput = require("../../common/modal/basic-search-input");
+var _messages = require("../../common/modal/basic-search-input/messages");
 var _basicFilters = require("../basic-filters");
 var _useHydrateJqlQuery2 = require("../basic-filters/hooks/useHydrateJqlQuery");
 var _isQueryTooComplex = require("../basic-filters/utils/isQueryTooComplex");
-var _basicSearchInput = require("../basic-search-input");
 var _jqlEditor = require("../jql-editor");
 var _modeSwitcher = require("../mode-switcher");
 var _buildJQL = require("./buildJQL");
-var _messages = require("./messages");
+var _messages2 = require("./messages");
 var _excluded = ["basicInputTextValue"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -97,10 +98,10 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
         value: 'jql'
       },
       basic: {
-        label: formatMessage(_messages.modeSwitcherMessages.basicTextSearchLabel),
+        label: formatMessage(_messages2.modeSwitcherMessages.basicTextSearchLabel),
         value: 'basic',
         disabled: isComplexQuery,
-        tooltipText: isComplexQuery ? formatMessage(_messages.modeSwitcherMessages.basicModeSwitchDisabledTooltipText) : ''
+        tooltipText: isComplexQuery ? formatMessage(_messages2.modeSwitcherMessages.basicModeSwitchDisabledTooltipText) : ''
       }
     };
   }, [formatMessage, isComplexQuery]);
@@ -226,7 +227,9 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
     isSearching: isSearching,
     onChange: handleBasicSearchChange,
     onSearch: handleSearch,
-    searchTerm: basicSearchTerm
+    searchTerm: basicSearchTerm,
+    placeholder: _messages.basicSearchInputMessages.basicTextSearchLabel,
+    testId: "jira-datasource-modal"
   }), showBasicFilters && (0, _react2.jsx)(_basicFilters.BasicFilters, {
     jql: searchBarJql,
     site: site,

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

@@ -34,46 +34,28 @@ var _adf = require("../../../common/utils/adf");
 var _fetchMessagesForLocale = require("../../../common/utils/locale/fetch-messages-for-locale");
 var _useDatasourceTableState = require("../../../hooks/useDatasourceTableState");
 var _en = _interopRequireDefault(require("../../../i18n/en"));
-var _getAvailableJiraSites = require("../../../services/getAvailableJiraSites");
+var _getAvailableSites = require("../../../services/getAvailableSites");
 var _accessRequired = require("../../common/error-state/access-required");
+var _messages = require("../../common/error-state/messages");
 var _modalLoadingError = require("../../common/error-state/modal-loading-error");
 var _noInstances = require("../../common/error-state/no-instances");
 var _noResults = require("../../common/error-state/no-results");
+var _initialStateView = require("../../common/initial-state-view");
+var _messages2 = require("../../common/initial-state-view/messages");
+var _contentContainer = require("../../common/modal/content-container");
+var _siteSelector = require("../../common/modal/site-selector");
 var _issueLikeTable = require("../../issue-like-table");
 var _link = _interopRequireDefault(require("../../issue-like-table/render-type/link"));
 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 _siteSelector = require("../site-selector");
-var _displayViewDropDown = require("./display-view-dropdown/display-view-drop-down");
-var _messages = require("./messages");
+var _jiraDisplayViewDropDown = require("./jira-display-view-dropdown/jira-display-view-drop-down");
+var _jiraIssuesInitialStateSvg = require("./jira-issues-initial-state-svg");
+var _messages3 = require("./messages");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
-var dropdownContainerStyles = (0, _react2.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 = (0, _react2.css)({
-  borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
-  borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
-  border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
-});
-var contentContainerStyles = (0, _react2.css)({
-  display: 'grid',
-  maxHeight: '420px',
-  overflow: 'auto',
-  borderBottom: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")")),
-  backgroundImage: _issueLikeTable.scrollableContainerShadowsCssComponents.backgroundImage,
-  backgroundPosition: _issueLikeTable.scrollableContainerShadowsCssComponents.backgroundPosition,
-  backgroundRepeat: _issueLikeTable.scrollableContainerShadowsCssComponents.backgroundRepeat,
-  backgroundSize: _issueLikeTable.scrollableContainerShadowsCssComponents.backgroundSize,
-  backgroundAttachment: _issueLikeTable.scrollableContainerShadowsCssComponents.backgroundAttachment
-});
 var placeholderSmartLinkStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-surface-raised, ".concat(_colors.N0, ")"),
   borderRadius: "var(--ds-border-radius-200, 3px)",
@@ -94,6 +76,7 @@ var getDisplayValue = function getDisplayValue(currentViewMode, itemCount) {
   }
   return itemCount === 1 ? _types.DatasourceDisplay.INLINE : _types.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.
@@ -264,7 +247,7 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return (0, _getAvailableJiraSites.getAvailableJiraSites)();
+              return (0, _getAvailableSites.getAvailableSites)('jira');
             case 2:
               jiraSites = _context.sent;
               sortedAvailableSites = (0, _toConsumableArray2.default)(jiraSites).sort(function (a, b) {
@@ -387,7 +370,7 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
     // 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((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.datasource.enable-stricter-jql-encoding') ? encodeURIComponent(upToDateJql) : encodeURI(upToDateJql));
     var filterSelectionCount = _ui.availableBasicFilterTypes.reduce(function (current, filter) {
       var _basicFilterSelection;
       return _objectSpread(_objectSpread({}, current), {}, (0, _defineProperty2.default)({}, "".concat(filter, "BasicFilterSelectionCount"), ((_basicFilterSelection = basicFilterSelectionsSearchedWith.current[filter]) === null || _basicFilterSelection === void 0 ? void 0 : _basicFilterSelection.length) || 0));
@@ -477,10 +460,10 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
     setVisibleColumnKeys(newVisibleColumnKeys);
   }, [visibleColumnKeys]);
   var issueLikeDataTableView = (0, _react.useMemo)(function () {
-    return (0, _react2.jsx)("div", {
-      css: [tableContainerStyles, contentContainerStyles]
+    return (0, _react2.jsx)(_contentContainer.ContentContainer, {
+      withTableBorder: true
     }, (0, _react2.jsx)(_issueLikeTable.IssueLikeDataTableView, {
-      testId: "jira-jql-datasource-table",
+      testId: "jira-datasource-table",
       status: status,
       columns: columns,
       items: responseItems,
@@ -507,15 +490,15 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
       return (0, _react2.jsx)("div", {
         css: smartLinkContainerStyles
       }, (0, _react2.jsx)("span", {
-        "data-testid": "jira-jql-datasource-modal--smart-card-placeholder",
+        "data-testid": "jira-datasource-modal--smart-card-placeholder",
         css: placeholderSmartLinkStyles
-      }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.issuesCountSmartCardPlaceholderText)));
+      }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages3.modalMessages.issuesCountSmartCardPlaceholderText)));
     } else {
       var url;
       if (responseItems.length === 1 && retrieveUrlForSmartCardRender()) {
         url = retrieveUrlForSmartCardRender();
       } else {
-        url = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat(encodeURI(jql));
+        url = "".concat(selectedJiraSiteUrl, "/issues/?jql=").concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.datasource.enable-stricter-jql-encoding') ? encodeURIComponent(jql) : encodeURI(jql));
       }
       return (0, _react2.jsx)("div", {
         css: smartLinkContainerStyles
@@ -538,32 +521,39 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
       return (0, _react2.jsx)(_noResults.NoResults, null);
     } else if (status === 'empty' || !columns.length) {
       // persist the empty state when making the initial /data request which contains the columns
-      return (0, _react2.jsx)("div", {
-        css: [contentContainerStyles, !!jql && tableContainerStyles]
+      return (0, _react2.jsx)(_contentContainer.ContentContainer, {
+        withTableBorder: !!jql
       }, !!jql ? (0, _react2.jsx)(_issueLikeTable.EmptyState, {
-        testId: "jira-jql-datasource-modal--empty-state"
+        testId: "jira-datasource-modal--empty-state"
       }) : (0, _react2.jsx)(_initialStateView.InitialStateView, {
-        searchMethod: currentSearchMethod
+        showBeta: !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.datasource.show-jlol-basic-filters'),
+        icon: (0, _react2.jsx)(_jiraIssuesInitialStateSvg.JiraInitialStateSVG, null),
+        title: _messages3.modalMessages.searchJiraTitle,
+        description: currentSearchMethod === 'jql' ? _messages2.initialStateViewMessages.searchDescriptionForJQLSearch : _messages2.initialStateViewMessages.searchDescriptionForBasicSearch,
+        learnMoreLink: currentSearchMethod === 'jql' ? {
+          href: jqlSupportDocumentLink,
+          text: _messages2.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 ? _messages3.modalMessages.insertIssuesTitleManySites : _messages3.modalMessages.insertIssuesTitle;
   return (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
     defaultMessages: _en.default,
     loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
   }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_modalDialog.default, {
-    testId: "jira-jql-datasource-modal",
+    testId: "jira-datasource-modal",
     onClose: onCancel,
     width: "calc(100% - 80px)",
     shouldScrollInViewport: true
-  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, (0, _react2.jsx)("div", {
-    css: dropdownContainerStyles
-  }, availableSites && availableSites.length > 1 ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesTitleManySites), (0, _react2.jsx)(_siteSelector.JiraSiteSelector, {
+  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, (0, _react2.jsx)(_siteSelector.SiteSelector, {
     availableSites: availableSites,
     onSiteSelection: onSiteSelection,
-    selectedJiraSite: selectedJiraSite,
-    testId: "jira-jql-datasource-modal--site-selector"
-  })) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesTitle))), !hasNoJiraSites && (0, _react2.jsx)(_displayViewDropDown.DisplayViewDropDown, {
+    selectedSite: selectedJiraSite,
+    testId: "jira-datasource-modal--site-selector",
+    label: siteSelectorLabel
+  })), !hasNoJiraSites && (0, _react2.jsx)(_jiraDisplayViewDropDown.JiraDisplayViewDropDown, {
     onViewModeChange: handleViewModeChange,
     viewMode: currentViewMode
   })), (0, _react2.jsx)(_modalDialog.ModalBody, null, !hasNoJiraSites ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_jiraSearchContainer.JiraSearchContainer, {
@@ -575,8 +565,12 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
     initialSearchMethod: initialSearchMethod,
     onSearchMethodChange: setCurrentSearchMethod,
     site: selectedJiraSite
-  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : (0, _react2.jsx)(_noInstances.NoInstancesView, null)), (0, _react2.jsx)(_modalDialog.ModalFooter, null, shouldShowIssueCount && (0, _react2.jsx)("div", {
-    "data-testid": "jira-jql-datasource-modal-total-issues-count",
+  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : (0, _react2.jsx)(_noInstances.NoInstancesView, {
+    title: _messages.loadingErrorMessages.noAccessToJiraSitesTitle,
+    description: _messages.loadingErrorMessages.noAccessToJiraSitesDescription,
+    testId: "no-jira-instances-content"
+  })), (0, _react2.jsx)(_modalDialog.ModalFooter, null, shouldShowIssueCount && (0, _react2.jsx)("div", {
+    "data-testid": "jira-datasource-modal-total-issues-count",
     css: issueCountStyles
   }, (0, _react2.jsx)(_linkUrl.default, {
     href: jqlUrl,
@@ -587,19 +581,19 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
     }
   }, (0, _react2.jsx)(_reactIntlNext.FormattedNumber, {
     value: totalCount
-  }), ' ', (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.modalMessages.issueText, {
+  }), ' ', (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages3.modalMessages.issueText, {
     values: {
       totalCount: totalCount
     }
   })))), (0, _react2.jsx)(_standardButton.default, {
     appearance: "default",
     onClick: onCancelClick
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.cancelButtonText)), !hasNoJiraSites && (0, _react2.jsx)(_standardButton.default, {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages3.modalMessages.cancelButtonText)), !hasNoJiraSites && (0, _react2.jsx)(_standardButton.default, {
     appearance: "primary",
     onClick: onInsertPressed,
     isDisabled: isInsertDisabled,
-    testId: "jira-jql-datasource-modal--insert-button"
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesButtonText))))));
+    testId: "jira-datasource-modal--insert-button"
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages3.modalMessages.insertIssuesButtonText))))));
 };
 var analyticsContextAttributes = {
   dataProvider: 'jira-issues'

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DisplayViewDropDown = void 0;
+exports.JiraDisplayViewDropDown = void 0;
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
@@ -35,7 +35,7 @@ var InlineIcon = (0, _react.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'
 }));
-var DisplayViewDropDown = exports.DisplayViewDropDown = function DisplayViewDropDown(_ref) {
+var JiraDisplayViewDropDown = exports.JiraDisplayViewDropDown = function JiraDisplayViewDropDown(_ref) {
   var onViewModeChange = _ref.onViewModeChange,
     viewMode = _ref.viewMode;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
@@ -43,7 +43,7 @@ var DisplayViewDropDown = exports.DisplayViewDropDown = function DisplayViewDrop
   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"
+    testId: "jira-datasource-modal--view-drop-down"
   }, (0, _react.jsx)(_primitives.Box, {
     xcss: dropDownItemGroupStyles
   }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react.jsx)(_dropdownMenu.DropdownItem, {