@atlaskit/link-datasource 1.18.1 → 1.19.0

package/dist/esm/ui/common/error-state/no-instances-svg.js

@@ -0,0 +1,147 @@
+import React from 'react';
+export var NoInstancesSvg = function NoInstancesSvg() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "147",
+    height: "171",
+    viewBox: "0 0 147 171",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_1442_1679)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "146.22",
+    height: "169.36",
+    transform: "translate(0.0300293 0.875)",
+    fill: "white",
+    fillOpacity: "0.01"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M110.62 170.234H97.46C96.31 170.234 95.38 169.304 95.38 168.154C95.38 167.004 96.31 166.074 97.46 166.074H110.62C111.77 166.074 112.7 167.004 112.7 168.154C112.7 169.304 111.77 170.234 110.62 170.234Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M85.24 170.234H72.08C70.93 170.234 70 169.304 70 168.154C70 167.004 70.93 166.074 72.08 166.074H85.24C86.39 166.074 87.32 167.004 87.32 168.154C87.32 169.304 86.39 170.234 85.24 170.234Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M59.86 170.234H46.71C45.56 170.234 44.63 169.304 44.63 168.154C44.63 167.004 45.56 166.074 46.71 166.074H59.87C61.02 166.074 61.95 167.004 61.95 168.154C61.95 169.304 61.01 170.234 59.86 170.234Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M34.49 170.234H21.33C20.18 170.234 19.25 169.304 19.25 168.154C19.25 167.004 20.18 166.074 21.33 166.074H34.49C35.64 166.074 36.57 167.004 36.57 168.154C36.57 169.304 35.64 170.234 34.49 170.234Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M9.11003 170.234H2.11003C0.960029 170.234 0.0300293 169.304 0.0300293 168.154V161.154C0.0300293 160.004 0.960029 159.074 2.11003 159.074C3.26003 159.074 4.19003 160.004 4.19003 161.154V166.074H9.11003C10.26 166.074 11.19 167.004 11.19 168.154C11.19 169.304 10.26 170.234 9.11003 170.234Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M2.11003 149.954C0.960029 149.954 0.0300293 149.024 0.0300293 147.874V133.574C0.0300293 132.424 0.960029 131.494 2.11003 131.494C3.26003 131.494 4.19003 132.424 4.19003 133.574V147.874C4.19003 149.024 3.26003 149.954 2.11003 149.954Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M2.11003 122.374C0.960029 122.374 0.0300293 121.444 0.0300293 120.294V105.994C0.0300293 104.844 0.960029 103.914 2.11003 103.914C3.26003 103.914 4.19003 104.844 4.19003 105.994V120.294C4.19003 121.444 3.26003 122.374 2.11003 122.374Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M2.11003 94.7942C0.960029 94.7942 0.0300293 93.8542 0.0300293 92.7042V78.4042C0.0300293 77.2542 0.960029 76.3242 2.11003 76.3242C3.26003 76.3242 4.19003 77.2542 4.19003 78.4042V92.7042C4.19003 93.8542 3.26003 94.7942 2.11003 94.7942Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M2.11003 67.2041C0.960029 67.2041 0.0300293 66.2741 0.0300293 65.1241V50.8241C0.0300293 49.6741 0.960029 48.7441 2.11003 48.7441C3.26003 48.7441 4.19003 49.6741 4.19003 50.8241V65.1241C4.19003 66.2741 3.26003 67.2041 2.11003 67.2041Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M2.11003 39.6241C0.960029 39.6241 0.0300293 38.6841 0.0300293 37.5441V23.2441C0.0300293 22.0941 0.960029 21.1641 2.11003 21.1641C3.26003 21.1641 4.19003 22.0941 4.19003 23.2441V37.5441C4.19003 38.6841 3.26003 39.6241 2.11003 39.6241Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M2.11003 12.035C0.960029 12.035 0.0300293 11.105 0.0300293 9.955V2.955C0.0300293 1.805 0.960029 0.875 2.11003 0.875H9.11003C10.26 0.875 11.19 1.805 11.19 2.955C11.19 4.105 10.26 5.035 9.11003 5.035H4.19003V9.955C4.19003 11.105 3.26003 12.035 2.11003 12.035Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M110.6 5.035H97.44C96.29 5.035 95.36 4.105 95.36 2.955C95.36 1.805 96.29 0.875 97.44 0.875H110.6C111.75 0.875 112.68 1.805 112.68 2.955C112.68 4.105 111.74 5.035 110.6 5.035Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M85.22 5.035H72.07C70.92 5.035 69.99 4.105 69.99 2.955C69.99 1.805 70.92 0.875 72.07 0.875H85.23C86.38 0.875 87.31 1.805 87.31 2.955C87.31 4.105 86.37 5.035 85.22 5.035Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M59.85 5.035H46.7C45.55 5.035 44.62 4.105 44.62 2.955C44.62 1.805 45.55 0.875 46.7 0.875H59.86C61.01 0.875 61.94 1.805 61.94 2.955C61.94 4.105 61 5.035 59.85 5.035Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M34.48 5.035H21.33C20.18 5.035 19.25 4.105 19.25 2.955C19.25 1.805 20.18 0.875 21.33 0.875H34.49C35.64 0.875 36.57 1.805 36.57 2.955C36.57 4.105 35.63 5.035 34.48 5.035Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M129.81 12.035C128.66 12.035 127.73 11.105 127.73 9.955V5.035H122.81C121.66 5.035 120.73 4.105 120.73 2.955C120.73 1.805 121.66 0.875 122.81 0.875H129.81C130.96 0.875 131.89 1.805 131.89 2.955V9.955C131.89 11.105 130.96 12.035 129.81 12.035Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M129.83 122.374C128.68 122.374 127.75 121.444 127.75 120.294V105.994C127.75 104.844 128.68 103.914 129.83 103.914C130.98 103.914 131.91 104.844 131.91 105.994V120.294C131.91 121.444 130.98 122.374 129.83 122.374Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M129.82 94.7842C128.67 94.7842 127.74 93.8542 127.74 92.7042V78.4042C127.74 77.2542 128.67 76.3242 129.82 76.3242C130.97 76.3242 131.9 77.2542 131.9 78.4042V92.7042C131.91 93.8542 130.97 94.7842 129.82 94.7842Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M129.82 67.2041C128.67 67.2041 127.74 66.2741 127.74 65.1241V50.8241C127.74 49.6741 128.67 48.7441 129.82 48.7441C130.97 48.7441 131.9 49.6741 131.9 50.8241V65.1241C131.9 66.2741 130.97 67.2041 129.82 67.2041Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.3",
+    d: "M129.82 39.6241C128.67 39.6241 127.74 38.6941 127.74 37.5441V23.2441C127.74 22.0941 128.67 21.1641 129.82 21.1641C130.97 21.1641 131.9 22.0941 131.9 23.2441V37.5441C131.9 38.6841 130.96 39.6241 129.82 39.6241Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M107.63 118.355L101.57 112.375L93.26 120.795L99.32 126.775C100.87 128.305 101.95 130.235 102.44 132.345C102.93 134.465 104.01 136.395 105.56 137.915L130.13 162.155C133.85 165.825 139.85 165.785 143.52 162.065C147.19 158.345 147.15 152.345 143.43 148.675L118.86 124.435C117.31 122.905 115.37 121.855 113.24 121.385C111.13 120.935 109.18 119.885 107.63 118.355Z",
+    fill: "#CFD4DB"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M107.63 118.355L105.79 116.535C103.46 114.235 99.72 114.265 97.42 116.595C95.12 118.925 95.15 122.665 97.48 124.965L99.32 126.785C100.87 128.315 101.95 130.245 102.44 132.355C102.93 134.475 104.01 136.405 105.56 137.925L130.13 162.165C133.85 165.835 139.85 165.795 143.52 162.075C147.19 158.355 147.15 152.355 143.43 148.685L118.86 124.445C117.31 122.915 115.37 121.865 113.24 121.395C111.13 120.935 109.18 119.885 107.63 118.355Z",
+    fill: "url(#paint0_linear_1442_1679)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M113 121.335C110.98 120.845 109.12 119.815 107.63 118.355L105.79 116.535C103.46 114.235 99.72 114.265 97.42 116.595C95.12 118.925 95.15 122.665 97.48 124.965L99.32 126.785C100.8 128.245 101.85 130.085 102.37 132.105C104.39 130.605 106.31 128.935 108.11 127.115C109.9 125.295 111.53 123.365 113 121.335Z",
+    fill: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M66.94 137.126C53.72 137.216 41.26 132.146 31.85 122.866C12.44 103.696 12.23 72.3057 31.39 52.8757C40.67 43.4657 53.07 38.2357 66.28 38.1457C79.5 38.0557 91.96 43.1257 101.37 52.4057C110.78 61.6857 116.01 74.0857 116.1 87.2957C116.19 100.506 111.12 112.976 101.84 122.386C92.55 131.806 80.16 137.036 66.94 137.126ZM39.8 61.1757C32.73 68.3357 28.88 77.8257 28.94 87.8857C29.08 108.656 46.09 125.446 66.87 125.316C76.93 125.246 86.37 121.266 93.44 114.106C100.51 106.946 104.37 97.4557 104.3 87.3957C104.23 77.3357 100.25 67.8957 93.09 60.8257C85.93 53.7557 76.44 49.8957 66.38 49.9657C56.3 50.0357 46.87 54.0157 39.8 61.1757Z",
+    fill: "url(#paint1_linear_1442_1679)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M84.27 75.5345L79.11 70.3345C78.35 69.5645 77.11 69.5645 76.34 70.3245L66.64 79.9545L57.03 70.2545C56.27 69.4845 55.03 69.4845 54.26 70.2445L49.06 75.4045C48.29 76.1645 48.29 77.4045 49.05 78.1745L58.68 87.8745L48.98 97.5045C48.21 98.2645 48.21 99.5045 48.97 100.275L54.13 105.475C54.89 106.245 56.13 106.245 56.9 105.485L66.6 95.8545L76.23 105.555C76.99 106.325 78.23 106.325 79 105.565L84.2 100.405C84.97 99.6445 84.97 98.4045 84.21 97.6345L74.58 87.9345L84.28 78.3045C85.03 77.5345 85.04 76.2945 84.27 75.5345Z",
+    fill: "#C1C7D0"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "paint0_linear_1442_1679",
+    x1: "95.4796",
+    y1: "139.562",
+    x2: "146.445",
+    y2: "140.204",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#B3BAC5"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: "#DFE1E5",
+    stopOpacity: "0.5"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "paint1_linear_1442_1679",
+    x1: "31.1877",
+    y1: "122.181",
+    x2: "102.046",
+    y2: "53.0865",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0.5572",
+    stopColor: "#C1C7D0"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "0.966",
+    stopColor: "#E9EBEF",
+    stopOpacity: "0.5"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_1442_1679"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "146.22",
+    height: "169.36",
+    fill: "white",
+    transform: "translate(0.0300293 0.875)"
+  }))));
+};

package/dist/esm/ui/common/error-state/no-instances.js

@@ -0,0 +1,29 @@
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
+import { Flex, xcss } from '@atlaskit/primitives';
+import { loadingErrorMessages } from './messages';
+import { NoInstancesSvg } from './no-instances-svg';
+var titleStyles = css({
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
+  fontSize: "var(--ds-font-size-200, 16px)",
+  marginTop: "var(--ds-space-200, 16px)"
+});
+var descriptionStyles = css({
+  marginTop: "var(--ds-space-100, 8px)"
+});
+var containerStyles = xcss({
+  marginTop: '60px'
+});
+export var NoInstancesView = function NoInstancesView() {
+  return jsx(Flex, {
+    testId: "no-jira-instances-content",
+    direction: "column",
+    alignItems: "center",
+    xcss: containerStyles
+  }, jsx(NoInstancesSvg, null), jsx("span", {
+    css: titleStyles
+  }, jsx(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesTitle)), jsx("span", {
+    css: descriptionStyles
+  }, jsx(FormattedMessage, loadingErrorMessages.noAccessToJiraSitesDescription)));
+};

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js

@@ -28,6 +28,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
   var filterType = _ref.filterType,
     cloudId = _ref.cloudId,
     selection = _ref.selection,
+    isJQLHydrating = _ref.isJQLHydrating,
     _ref$onSelectionChang = _ref.onSelectionChange,
     onSelectionChange = _ref$onSelectionChang === void 0 ? function () {} : _ref$onSelectionChang,
     _ref$onReset = _ref.onReset,
@@ -190,7 +191,6 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     }
   }, [selectedOptions, selection]);
   var filterOptionsLength = filterOptions.length;
-  var isJQLHydrating = false;
   var isError = status === 'rejected';
   var isLoading = status === 'loading' || status === 'empty';
   var isLoadingMore = status === 'loadingMore';

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/trigger.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useCallback } from 'react';
 import styled from '@emotion/styled';
 import { FormattedMessage } from 'react-intl-next';
 import Badge from '@atlaskit/badge';
@@ -40,33 +40,40 @@ var PopupTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref2 = selectedOptions || [],
     _ref3 = _slicedToArray(_ref2, 1),
     firstOption = _ref3[0];
-  var testId = "jlol-basic-filter-".concat(filterType, "-trigger");
   var hasOptions = selectedOptions && selectedOptions.length > 0;
   var showButtonLoading = !isDisabled && isLoading;
-  if (showButtonLoading) {
+  var LoadingButton = useCallback(function () {
     return /*#__PURE__*/React.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/React.createElement(Button, {
       iconAfter: /*#__PURE__*/React.createElement(Spinner, {
         size: 'xsmall'
-      }),
-      testId: testId
+      })
     }, /*#__PURE__*/React.createElement(FormattedMessage, asyncPopupSelectMessages["".concat(filterType, "Label")])));
-  }
-  return /*#__PURE__*/React.createElement(Button, {
+  }, [filterType]);
+  var DefaultButton = useCallback(function () {
+    return /*#__PURE__*/React.createElement(Button, {
+      appearance: "default",
+      isSelected: isSelected || hasOptions,
+      isDisabled: isDisabled,
+      iconAfter: /*#__PURE__*/React.createElement(ChevronDownIcon, {
+        label: ""
+      })
+    }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
+      xcss: triggerButtonLabelStyles
+    }, /*#__PURE__*/React.createElement(FormattedMessage, asyncPopupSelectMessages["".concat(filterType, "Label")]), firstOption && /*#__PURE__*/React.createElement(React.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/React.createElement(Flex, {
+      xcss: badgeStyles,
+      alignItems: "center"
+    }, /*#__PURE__*/React.createElement(Badge, {
+      appearance: "primary"
+    }, "+", selectedOptions.length - 1))));
+  }, [filterType, firstOption, hasOptions, isDisabled, isSelected, selectedOptions]);
+
+  /**
+   * We had an issue with the popup component referencing a stale DOM ref for the trigger button.
+   * Hence introducing a Box to make sure ref is always the same and only content is refreshed on re-renders
+   */
+  return /*#__PURE__*/React.createElement(Box, {
     ref: ref,
-    appearance: "default",
-    isSelected: isSelected || hasOptions,
-    isDisabled: isDisabled,
-    testId: testId,
-    iconAfter: /*#__PURE__*/React.createElement(ChevronDownIcon, {
-      label: ""
-    })
-  }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
-    xcss: triggerButtonLabelStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, asyncPopupSelectMessages["".concat(filterType, "Label")]), firstOption && /*#__PURE__*/React.createElement(React.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/React.createElement(Flex, {
-    xcss: badgeStyles,
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Badge, {
-    appearance: "primary"
-  }, "+", selectedOptions.length - 1))));
+    testId: "jlol-basic-filter-".concat(filterType, "-trigger")
+  }, showButtonLoading ? /*#__PURE__*/React.createElement(LoadingButton, null) : /*#__PURE__*/React.createElement(DefaultButton, null));
 });
 export default PopupTrigger;

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

@@ -1,38 +1,16 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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) { _defineProperty(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; }
-import React, { useCallback, useEffect, useState } from 'react';
+import React from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
-import { isValidJql } from '../utils';
 import AsyncPopupSelect from './async-popup-select';
 var availableBasicFilterTypes = ['project', 'issuetype', 'status', 'assignee'];
 var basicFilterContainerStyles = xcss({
   paddingLeft: "var(--ds-space-100, 8px)"
 });
 var BasicFilterContainer = function BasicFilterContainer(_ref) {
-  var jql = _ref.jql,
-    cloudId = _ref.cloudId,
-    onChange = _ref.onChange;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    selection = _useState2[0],
-    setSelection = _useState2[1];
-  useEffect(function () {
-    if (isValidJql(jql)) {
-      // hydrate hook call goes in here
-    }
-  }, [jql]);
-  var handleSelectionChange = useCallback(function (filterType, options) {
-    var updatedSelection = _objectSpread(_objectSpread({}, selection), {}, _defineProperty({}, filterType, options));
-    setSelection(updatedSelection);
-    onChange(updatedSelection);
-  }, [onChange, selection]);
-  var handleReset = useCallback(function () {
-    if (Object.keys(selection).length > 0) {
-      setSelection({});
-    }
-  }, [selection]);
+  var cloudId = _ref.cloudId,
+    onChange = _ref.onChange,
+    selections = _ref.selections,
+    onReset = _ref.onReset,
+    isJQLHydrating = _ref.isJQLHydrating;
   return /*#__PURE__*/React.createElement(Flex, {
     xcss: basicFilterContainerStyles,
     gap: "space.100",
@@ -42,10 +20,11 @@ var BasicFilterContainer = function BasicFilterContainer(_ref) {
       cloudId: cloudId,
       filterType: filter,
       key: filter,
-      selection: selection[filter] || [],
+      selection: selections[filter] || [],
+      isJQLHydrating: isJQLHydrating,
       isDisabled: !cloudId,
-      onSelectionChange: handleSelectionChange,
-      onReset: handleReset
+      onSelectionChange: onChange,
+      onReset: onReset
     });
   }));
 };

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

@@ -1,4 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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) { _defineProperty(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 */
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -8,6 +11,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { BasicFilters } from '../basic-filters';
+import { useHydrateJqlQuery } from '../basic-filters/hooks/useHydrateJqlQuery';
 import { SEARCH_DEBOUNCE_MS } from '../basic-filters/ui/async-popup-select';
 import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
 import { BasicSearchInput } from '../basic-search-input';
@@ -65,8 +69,18 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     setOrderDirection = _useState12[1];
   var _useState13 = useState({}),
     _useState14 = _slicedToArray(_useState13, 2),
-    filters = _useState14[0],
-    setFilters = _useState14[1];
+    filterSelections = _useState14[0],
+    setFilterSelections = _useState14[1];
+  var showBasicFilters = useMemo(function () {
+    if (getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters')) {
+      return true;
+    }
+    return false;
+  }, []);
+  var _useHydrateJqlQuery = useHydrateJqlQuery(cloudId || '', jql),
+    hydratedOptions = _useHydrateJqlQuery.hydratedOptions,
+    fetchHydratedJqlOptions = _useHydrateJqlQuery.fetchHydratedJqlOptions,
+    basicFilterHydrationStatus = _useHydrateJqlQuery.status;
   var onSearchMethodChange = useCallback(function (searchMethod) {
     onSearchMethodChangeCallback(searchMethod);
     setCurrentSearchMethod(searchMethod);
@@ -76,11 +90,11 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     setBasicSearchTerm(rawSearch);
     setJql(buildJQL({
       rawSearch: rawSearch,
-      filterValues: filters,
+      filterValues: filterSelections,
       orderDirection: orderDirection,
       orderKey: orderKey
     }));
-  }, [filters, orderDirection, orderKey]);
+  }, [filterSelections, orderDirection, orderKey]);
   var onQueryChange = useCallback(function (query) {
     var _query$split$map$filt, _fragments$at, _fragments$at2, _fragments$at3;
     // determine if order keys have been set so they can be saved and persisted when changes occur in basic search
@@ -102,13 +116,17 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     onSearch({
       jql: jql
     }, currentSearchMethod);
-    setIsComplexQuery(isQueryTooComplex(jql));
     if (currentSearchMethod === 'basic') {
       fireEvent('ui.form.submitted.basicSearch', {});
     } else if (currentSearchMethod === 'jql') {
       fireEvent('ui.jqlEditor.searched', {});
+      var isCurrentQueryComplex = isQueryTooComplex(jql);
+      setIsComplexQuery(isCurrentQueryComplex);
+      if (showBasicFilters && !isCurrentQueryComplex) {
+        fetchHydratedJqlOptions();
+      }
     }
-  }, [currentSearchMethod, fireEvent, jql, onSearch]);
+  }, [currentSearchMethod, fetchHydratedJqlOptions, fireEvent, jql, onSearch, showBasicFilters]);
   var _useDebouncedCallback = useDebouncedCallback(function (filterValues) {
       var jqlWithFilterValues = buildJQL({
         rawSearch: basicSearchTerm,
@@ -124,21 +142,35 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     _useDebouncedCallback2 = _slicedToArray(_useDebouncedCallback, 1),
     debouncedBasicFilterSelectionChange = _useDebouncedCallback2[0];
   var handleBasicFilterSelectionChange = useCallback(function (filterValues) {
-    setFilters(filterValues);
+    setFilterSelections(filterValues);
     debouncedBasicFilterSelectionChange(filterValues);
   }, [debouncedBasicFilterSelectionChange]);
   useEffect(function () {
-    setIsComplexQuery(isQueryTooComplex(jql));
+    var isCurrentQueryComplex = isQueryTooComplex(jql);
+    setIsComplexQuery(isCurrentQueryComplex);
+    if (showBasicFilters && !isCurrentQueryComplex && jql !== DEFAULT_JQL_QUERY) {
+      fetchHydratedJqlOptions();
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var showBasicFilters = useMemo(function () {
-    if (getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters')) {
-      return true;
+  useEffect(function () {
+    if (basicFilterHydrationStatus === 'resolved') {
+      setFilterSelections(hydratedOptions);
     }
-    return false;
-  }, []);
+  }, [hydratedOptions, basicFilterHydrationStatus]);
+  var handleSelectionChange = useCallback(function (filterType, options) {
+    var updatedSelection = _objectSpread(_objectSpread({}, filterSelections), {}, _defineProperty({}, filterType, options));
+    setFilterSelections(updatedSelection);
+    handleBasicFilterSelectionChange(updatedSelection);
+  }, [handleBasicFilterSelectionChange, filterSelections]);
+  var handleBasicFiltersReset = useCallback(function () {
+    if (Object.keys(filterSelections).length > 0) {
+      setFilterSelections({});
+    }
+  }, [filterSelections]);
   return jsx("div", {
-    css: inputContainerStyles
+    css: inputContainerStyles,
+    "data-testid": "jira-search-container"
   }, currentSearchMethod === 'basic' && jsx(Flex, {
     alignItems: "center",
     xcss: basicSearchInputContainerStyles
@@ -148,9 +180,11 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     onSearch: handleSearch,
     searchTerm: basicSearchTerm
   }), showBasicFilters && jsx(BasicFilters, {
-    jql: jql,
     cloudId: cloudId || '',
-    onChange: handleBasicFilterSelectionChange
+    onChange: handleSelectionChange,
+    selections: filterSelections,
+    onReset: handleBasicFiltersReset,
+    isJQLHydrating: basicFilterHydrationStatus === 'loading'
   })), currentSearchMethod === 'jql' && jsx(JiraJQLEditor, {
     cloudId: cloudId || '',
     isSearching: isSearching,

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

@@ -27,6 +27,7 @@ import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState'
 import { getAvailableJiraSites } from '../../../services/getAvailableJiraSites';
 import { AccessRequired } from '../../common/error-state/access-required';
 import { ModalLoadingError } from '../../common/error-state/modal-loading-error';
+import { NoInstancesView } from '../../common/error-state/no-instances';
 import { NoResults } from '../../common/error-state/no-results';
 import { EmptyState, IssueLikeDataTableView } from '../../issue-like-table';
 import LinkRenderType from '../../issue-like-table/render-type/link';
@@ -99,7 +100,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     initialParameters = props.parameters,
     urlBeingEdited = props.url,
     initialVisibleColumnKeys = props.visibleColumnKeys;
-  var _useState = useState([]),
+  var _useState = useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     availableSites = _useState2[0],
     setAvailableSites = _useState2[1];
@@ -169,14 +170,14 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     modalRenderInstanceId = _useRef.current;
   var selectedJiraSite = useMemo(function () {
     if (cloudId) {
-      return availableSites.find(function (jiraSite) {
+      return availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(function (jiraSite) {
         return jiraSite.cloudId === cloudId;
       });
     } else {
       var currentlyLoggedInSiteUrl = window.location.origin;
-      return availableSites.find(function (jiraSite) {
+      return (availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(function (jiraSite) {
         return jiraSite.url === currentlyLoggedInSiteUrl;
-      }) || availableSites[0];
+      })) || (availableSites === null || availableSites === void 0 ? void 0 : availableSites[0]);
     }
   }, [availableSites, cloudId]);
   var analyticsPayload = useMemo(function () {
@@ -190,6 +191,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
   var isInsertDisabled = !isParametersSet || status === 'rejected' || status === 'unauthorized' || status === 'loading';
   var shouldShowIssueCount = !!totalCount && totalCount !== 1 && currentViewMode === 'issue';
   var isDataReady = (visibleColumnKeys || []).length > 0;
+  var hasNoJiraSites = availableSites && availableSites.length === 0;
   useEffect(function () {
     var shouldStartUfoExperience = status === 'loading';
     if (shouldStartUfoExperience) {
@@ -506,12 +508,12 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     shouldScrollInViewport: true
   }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx("div", {
     css: dropdownContainerStyles
-  }, availableSites.length < 2 ? jsx(FormattedMessage, modalMessages.insertIssuesTitle) : jsx(Fragment, null, jsx(FormattedMessage, modalMessages.insertIssuesTitleManySites), jsx(JiraSiteSelector, {
+  }, availableSites && availableSites.length > 1 ? jsx(Fragment, null, jsx(FormattedMessage, modalMessages.insertIssuesTitleManySites), jsx(JiraSiteSelector, {
     availableSites: availableSites,
     onSiteSelection: onSiteSelection,
     selectedJiraSite: selectedJiraSite,
     testId: "jira-jql-datasource-modal--site-selector"
-  })))), jsx(ModeSwitcher, {
+  })) : jsx(FormattedMessage, modalMessages.insertIssuesTitle))), !hasNoJiraSites && jsx(ModeSwitcher, {
     isCompact: true,
     options: [{
       label: formatMessage(modalMessages.issueViewModeLabel),
@@ -522,13 +524,13 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     }],
     onOptionValueChange: handleViewModeChange,
     selectedOptionValue: currentViewMode
-  })), jsx(ModalBody, null, jsx(JiraSearchContainer, {
+  })), jsx(ModalBody, null, !hasNoJiraSites ? jsx(Fragment, null, jsx(JiraSearchContainer, {
     isSearching: status === 'loading',
     parameters: parameters,
     onSearch: onSearch,
     initialSearchMethod: initialSearchMethod,
     onSearchMethodChange: setCurrentSearchMethod
-  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
+  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()) : jsx(NoInstancesView, null)), jsx(ModalFooter, null, shouldShowIssueCount && jsx("div", {
     "data-testid": "jira-jql-datasource-modal-total-issues-count",
     css: issueCountStyles
   }, jsx(LinkUrl, {
@@ -547,7 +549,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
   })))), jsx(Button, {
     appearance: "default",
     onClick: onCancelClick
-  }, jsx(FormattedMessage, modalMessages.cancelButtonText)), jsx(Button, {
+  }, jsx(FormattedMessage, modalMessages.cancelButtonText)), !hasNoJiraSites && jsx(Button, {
     appearance: "primary",
     onClick: onInsertPressed,
     isDisabled: isInsertDisabled,

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

@@ -24,7 +24,7 @@ export var JiraSiteSelector = function JiraSiteSelector(props) {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var onChange = function onChange(newValue) {
-    var selectedSite = availableSites.find(function (site) {
+    var selectedSite = availableSites === null || availableSites === void 0 ? void 0 : availableSites.find(function (site) {
       return site.cloudId === (newValue === null || newValue === void 0 ? void 0 : newValue.value);
     });
     if (selectedSite) {
@@ -32,7 +32,7 @@ export var JiraSiteSelector = function JiraSiteSelector(props) {
     }
   };
   var availableSitesOptions = useMemo(function () {
-    return availableSites.map(function (site) {
+    return availableSites === null || availableSites === void 0 ? void 0 : availableSites.map(function (site) {
       return {
         label: site.displayName,
         value: site.cloudId
@@ -48,7 +48,7 @@ export var JiraSiteSelector = function JiraSiteSelector(props) {
   }, jsx(Select, {
     css: selectStyles,
     classNamePrefix: testId,
-    isLoading: availableSites.length === 0,
+    isLoading: !availableSites,
     onChange: onChange,
     options: availableSitesOptions,
     placeholder: formatMessage(siteSelectorMessages.chooseSite),

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

@@ -44,4 +44,14 @@ export declare const loadingErrorMessages: {
         description: string;
         defaultMessage: string;
     };
+    noAccessToJiraSitesTitle: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    noAccessToJiraSitesDescription: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NoInstancesSvg: () => JSX.Element;

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

@@ -0,0 +1,3 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const NoInstancesView: () => jsx.JSX.Element;

package/dist/types/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.d.ts

@@ -4,10 +4,11 @@ export interface AsyncPopupSelectProps {
     filterType: BasicFilterFieldType;
     cloudId: string;
     selection: SelectOption[];
+    isJQLHydrating: boolean;
     onSelectionChange?: (filterType: BasicFilterFieldType, options: SelectOption[]) => void;
     onReset?: () => void;
     isDisabled?: boolean;
 }
 export declare const SEARCH_DEBOUNCE_MS = 350;
-declare const AsyncPopupSelect: ({ filterType, cloudId, selection, onSelectionChange, onReset: resetSelection, isDisabled, }: AsyncPopupSelectProps) => JSX.Element;
+declare const AsyncPopupSelect: ({ filterType, cloudId, selection, isJQLHydrating, onSelectionChange, onReset: resetSelection, isDisabled, }: AsyncPopupSelectProps) => JSX.Element;
 export default AsyncPopupSelect;

package/dist/types/ui/jira-issues-modal/basic-filters/ui/index.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
-import type { SelectedOptionsMap } from '../types';
+import type { BasicFilterFieldType, SelectedOptionsMap, SelectOption } from '../types';
 export interface BasicFilterContainerProps {
-    jql: string;
     cloudId: string;
-    onChange: (selection: SelectedOptionsMap) => void;
+    selections: SelectedOptionsMap;
+    onChange: (filterType: BasicFilterFieldType, options: SelectOption[]) => void;
+    onReset: () => void;
+    isJQLHydrating: boolean;
 }
-declare const BasicFilterContainer: ({ jql, cloudId, onChange, }: BasicFilterContainerProps) => JSX.Element;
+declare const BasicFilterContainer: ({ cloudId, onChange, selections, onReset, isJQLHydrating, }: BasicFilterContainerProps) => JSX.Element;
 export default BasicFilterContainer;

package/dist/types/ui/jira-issues-modal/site-selector/index.d.ts

@@ -1,7 +1,7 @@
 import { jsx } from '@emotion/react';
 import { Site } from '../../../services/getAvailableJiraSites';
 export interface JiraSiteSelectorProps {
-    availableSites: Site[];
+    availableSites: Site[] | undefined;
     onSiteSelection: (selectedSite: Site) => void;
     selectedJiraSite?: Site;
     testId?: string;

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

@@ -44,4 +44,14 @@ export declare const loadingErrorMessages: {
         description: string;
         defaultMessage: string;
     };
+    noAccessToJiraSitesTitle: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    noAccessToJiraSitesDescription: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };