@atlaskit/link-datasource 0.14.4

package/dist/cjs/ui/issue-like-table/render-type/user/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.USER_TYPE_TEST_ID = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _reactIntlNext = require("react-intl-next");
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+var _messages = require("./messages");
+var _templateObject, _templateObject2;
+var UserWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n"])));
+var AvatarWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: 5px;\n"])));
+var USER_TYPE_TEST_ID = 'link-datasource-render-type--user';
+exports.USER_TYPE_TEST_ID = USER_TYPE_TEST_ID;
+var UserType = function UserType(_ref) {
+  var avatarSource = _ref.avatarSource,
+    _ref$avatarSize = _ref.avatarSize,
+    avatarSize = _ref$avatarSize === void 0 ? 'small' : _ref$avatarSize,
+    displayName = _ref.displayName,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? USER_TYPE_TEST_ID : _ref$testId,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(UserWrapper, {
+    "data-testid": testId
+  }, /*#__PURE__*/_react.default.createElement(AvatarWrapper, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
+    appearance: "circle",
+    size: avatarSize,
+    src: avatarSource
+  })), children || displayName || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.userTypeMessages.userDefaultdisplayNameValue));
+};
+var _default = UserType;
+exports.default = _default;

package/dist/cjs/ui/issue-like-table/render-type/user/messages.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.userTypeMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var userTypeMessages = (0, _reactIntlNext.defineMessages)({
+  userDefaultdisplayNameValue: {
+    id: 'linkDataSource.render-type.user.default.display.name',
+    description: 'Text to display for the user type when no display value is provided',
+    defaultMessage: 'Unassigned'
+  }
+});
+exports.userTypeMessages = userTypeMessages;

package/dist/cjs/ui/issue-like-table/styled.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableHeading = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _templateObject;
+var TableHeading = _styled.default.th(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  padding-block: ", ";\n  line-height: ", ";\n"])), "var(--ds-space-100, 8px)", "var(--ds-font-lineHeight-300, 24px)");
+exports.TableHeading = TableHeading;

package/dist/cjs/ui/issue-like-table/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/ui/issue-like-table/useIsOnScreen.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsOnScreen = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+// Hook which tracks if a ref is visible or not. Taken from: https://stackoverflow.com/a/65008608
+var useIsOnScreen = function useIsOnScreen(el) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isIntersecting = _useState2[0],
+    setIntersecting = _useState2[1];
+  var observer = (0, _react.useMemo)(function () {
+    return new IntersectionObserver(function (_ref) {
+      var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
+        entry = _ref2[0];
+      return setIntersecting(entry.isIntersecting);
+    });
+  }, []);
+  (0, _react.useEffect)(function () {
+    el && observer.observe(el);
+    return function () {
+      setIntersecting(false);
+      return observer.disconnect();
+    };
+  }, [observer, el]);
+  return isIntersecting;
+};
+exports.useIsOnScreen = useIsOnScreen;

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BasicSearchInput = void 0;
+var _react = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _button = require("@atlaskit/button");
+var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
+var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _messages = require("./messages");
+/** @jsx jsx */
+
+var searchButtonStyles = (0, _react.css)({
+  marginRight: "var(--ds-space-075, 6px)"
+});
+var BasicSearchInput = function BasicSearchInput(_ref) {
+  var isDisabled = _ref.isDisabled,
+    isSearching = _ref.isSearching,
+    onChange = _ref.onChange,
+    onSearch = _ref.onSearch,
+    searchTerm = _ref.searchTerm,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'jira-jql-datasource-modal--basic-search-input' : _ref$testId;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return (0, _react.jsx)(_textfield.default, {
+    elemAfterInput: (0, _react.jsx)(_button.LoadingButton, {
+      appearance: "primary",
+      css: searchButtonStyles,
+      iconBefore: (0, _react.jsx)(_search.default, {
+        label: formatMessage(_messages.basicSearchInputMessages.basicTextSearchLabel),
+        size: "medium"
+      }),
+      isDisabled: isDisabled,
+      isLoading: isSearching,
+      onClick: function onClick() {
+        return onSearch(searchTerm);
+      },
+      spacing: "none",
+      testId: "jira-jql-datasource-modal--basic-search-button"
+    }),
+    autoFocus: true,
+    onChange: onChange,
+    placeholder: formatMessage(_messages.basicSearchInputMessages.basicTextSearchLabel),
+    testId: testId,
+    value: searchTerm
+  });
+};
+exports.BasicSearchInput = BasicSearchInput;

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.basicSearchInputMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var basicSearchInputMessages = (0, _reactIntlNext.defineMessages)({
+  basicTextSearchLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder',
+    description: 'Placeholder text for the search input box',
+    defaultMessage: 'Search'
+  }
+});
+exports.basicSearchInputMessages = basicSearchInputMessages;

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

@@ -0,0 +1,267 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JiraIssuesConfigModal = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _colors = require("@atlaskit/theme/colors");
+var _useDatasourceTableState = require("../../../hooks/useDatasourceTableState");
+var _getAvailableJiraSites = require("../../../services/getAvailableJiraSites");
+var _issueLikeTable = require("../../issue-like-table");
+var _link = _interopRequireDefault(require("../../issue-like-table/render-type/link"));
+var _jiraSearchContainer = require("./jira-search-container");
+var _messages = require("./messages");
+var _modeSwitcher = require("./mode-switcher");
+var _siteSelector = require("./site-selector");
+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 dropdownContainerStyles = (0, _react2.css)({
+  display: 'flex',
+  gap: "var(--ds-space-100, 0.5rem)"
+});
+var contentContainerStyles = (0, _react2.css)({
+  height: '420px',
+  overflow: 'auto'
+});
+var placeholderSmartLinkStyles = (0, _react2.css)({
+  backgroundColor: "var(--ds-surface-raised, ".concat(_colors.N0, ")"),
+  borderRadius: '3px',
+  boxShadow: '0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31)',
+  color: "var(--ds-text-brand, ".concat(_colors.B400, ")"),
+  padding: '0px 2px'
+});
+var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    availableSites = _useState2[0],
+    setAvailableSites = _useState2[1];
+  var _useState3 = (0, _react.useState)('issue'),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    currentViewMode = _useState4[0],
+    setCurrentViewMode = _useState4[1];
+  var datasourceId = props.datasourceId,
+    parameters = props.parameters,
+    visibleColumnKeys = props.visibleColumnKeys,
+    onCancel = props.onCancel,
+    onInsert = props.onInsert,
+    onUpdateParameters = props.onUpdateParameters,
+    onVisibleColumnKeysChange = props.onVisibleColumnKeysChange;
+  var isParametersSet = !!(parameters && parameters.value && parameters.cloudId);
+  var _ref = parameters || {},
+    cloudId = _ref.cloudId,
+    jql = _ref.value;
+  var _useDatasourceTableSt = (0, _useDatasourceTableState.useDatasourceTableState)(datasourceId, parameters, ['key']),
+    reset = _useDatasourceTableSt.reset,
+    status = _useDatasourceTableSt.status,
+    onNextPage = _useDatasourceTableSt.onNextPage,
+    responseItems = _useDatasourceTableSt.responseItems,
+    hasNextPage = _useDatasourceTableSt.hasNextPage,
+    columns = _useDatasourceTableSt.columns,
+    defaultVisibleColumnKeys = _useDatasourceTableSt.defaultVisibleColumnKeys;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  (0, _react.useEffect)(function () {
+    var fetchSiteDisplayNames = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var jiraSites;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _getAvailableJiraSites.getAvailableJiraSites)();
+            case 2:
+              jiraSites = _context.sent;
+              setAvailableSites(jiraSites);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function fetchSiteDisplayNames() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    void fetchSiteDisplayNames();
+  }, []);
+  var onSearch = (0, _react.useCallback)(function (parameters) {
+    onUpdateParameters(parameters);
+    reset();
+  }, [reset, onUpdateParameters]);
+  var onSiteSelection = (0, _react.useCallback)(function (site) {
+    onUpdateParameters({
+      cloudId: site.cloudId
+    });
+    reset();
+  }, [reset, onUpdateParameters]);
+  var selectedJiraSite = (0, _react.useMemo)(function () {
+    return availableSites.find(function (jiraSite) {
+      return jiraSite.cloudId === cloudId;
+    }) || availableSites[0];
+  }, [availableSites, cloudId]);
+  (0, _react.useEffect)(function () {
+    if (!cloudId && selectedJiraSite) {
+      onUpdateParameters({
+        cloudId: selectedJiraSite.cloudId
+      });
+    }
+  }, [cloudId, onUpdateParameters, selectedJiraSite]);
+  (0, _react.useEffect)(function () {
+    if ((visibleColumnKeys || []).length === 0 && defaultVisibleColumnKeys.length > 0) {
+      onVisibleColumnKeysChange(defaultVisibleColumnKeys);
+    }
+  }, [visibleColumnKeys, defaultVisibleColumnKeys, onVisibleColumnKeysChange]);
+  var retrieveUrlForSmartCardRender = (0, _react.useCallback)(function () {
+    var _data$key;
+    var _responseItems = (0, _slicedToArray2.default)(responseItems, 1),
+      data = _responseItems[0];
+    // agrement with BE that we will use `key` for rendering smartlink
+    return data === null || data === void 0 ? void 0 : (_data$key = data.key) === null || _data$key === void 0 ? void 0 : _data$key.url;
+  }, [responseItems]);
+  var onInsertPressed = (0, _react.useCallback)(function () {
+    if (!isParametersSet || !jql || !selectedJiraSite) {
+      return;
+    }
+    var firstIssueUrl = retrieveUrlForSmartCardRender();
+    if (currentViewMode === 'count') {
+      onInsert({
+        type: 'inlineCard',
+        attrs: {
+          url: "".concat(selectedJiraSite.url, "/issues/").concat(encodeURI(jql))
+        }
+      });
+    } else if (responseItems.length === 1 && firstIssueUrl) {
+      onInsert({
+        type: 'inlineCard',
+        attrs: {
+          url: firstIssueUrl
+        }
+      });
+    } else {
+      onInsert({
+        type: 'blockCard',
+        attrs: {
+          datasource: {
+            id: datasourceId,
+            parameters: {
+              cloudId: cloudId,
+              jql: jql // TODO support non JQL type
+            },
+
+            views: [{
+              type: 'table',
+              properties: {
+                columnKeys: visibleColumnKeys
+              }
+            }]
+          }
+        }
+      });
+    }
+  }, [isParametersSet, jql, selectedJiraSite, retrieveUrlForSmartCardRender, currentViewMode, responseItems.length, onInsert, datasourceId, cloudId, visibleColumnKeys]);
+  var handleViewModeChange = function handleViewModeChange(selectedMode) {
+    setCurrentViewMode(selectedMode);
+  };
+  (0, _react.useEffect)(function () {
+    if (status === 'empty' && isParametersSet) {
+      void onNextPage();
+    }
+  }, [status, isParametersSet, onNextPage, reset]);
+  var issueLikeDataTableView = (0, _react.useMemo)(function () {
+    return (0, _react2.jsx)(_issueLikeTable.IssueLikeDataTableView, {
+      testId: "jira-jql-datasource-table",
+      status: status,
+      columns: columns,
+      items: responseItems,
+      hasNextPage: hasNextPage,
+      visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
+      onNextPage: onNextPage,
+      onVisibleColumnKeysChange: onVisibleColumnKeysChange
+    });
+  }, [columns, defaultVisibleColumnKeys, hasNextPage, onNextPage, onVisibleColumnKeysChange, responseItems, status, visibleColumnKeys]);
+  var renderCountModeContent = (0, _react.useCallback)(function () {
+    var url = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
+    if (status === 'empty' || !jql || !url) {
+      return (0, _react2.jsx)("span", {
+        "data-testid": "jira-jql-datasource-modal--smart-card-placeholder",
+        css: placeholderSmartLinkStyles
+      }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.issuesCountSmartCardPlaceholderText));
+    } else {
+      var urlWithEncodedJql = "".concat(url, "/issues/?jql=").concat(encodeURI(jql));
+      return (0, _react2.jsx)(_link.default, {
+        url: urlWithEncodedJql
+      });
+    }
+  }, [jql, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status]);
+  var renderIssuesModeContent = (0, _react.useCallback)(function () {
+    if (status === 'empty' || columns.length === 0) {
+      return (0, _react2.jsx)(_issueLikeTable.EmptyState, {
+        testId: "jira-jql-datasource-modal--empty-state"
+      });
+    }
+    var firstIssueUrl = retrieveUrlForSmartCardRender();
+    if (responseItems.length === 1 && firstIssueUrl) {
+      return (0, _react2.jsx)(_link.default, {
+        url: firstIssueUrl
+      });
+    }
+    return issueLikeDataTableView;
+  }, [columns.length, issueLikeDataTableView, responseItems.length, retrieveUrlForSmartCardRender, status]);
+  return (0, _react2.jsx)(_reactIntlNext.IntlProvider, {
+    locale: "en"
+  }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_modalDialog.default, {
+    testId: 'jira-jql-datasource-modal',
+    onClose: onCancel,
+    width: "x-large",
+    shouldScrollInViewport: true
+  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, availableSites.length < 2 ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesTitle) : (0, _react2.jsx)("div", {
+    css: dropdownContainerStyles
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.modalMessages.insertIssuesTitleManySites, {
+    values: {
+      siteName: selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.displayName
+    }
+  })), (0, _react2.jsx)(_siteSelector.JiraSiteSelector, {
+    testId: "jira-jql-datasource-modal--site-selector",
+    availableSites: availableSites,
+    onSiteSelection: onSiteSelection,
+    selectedJiraSite: selectedJiraSite
+  }))), (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)(_modalDialog.ModalBody, null, (0, _react2.jsx)(_jiraSearchContainer.JiraSearchContainer, {
+    parameters: parameters,
+    onSearch: onSearch
+  }), (0, _react2.jsx)("div", {
+    css: contentContainerStyles
+  }, currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent())), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_standardButton.default, {
+    appearance: "default",
+    onClick: onCancel
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.cancelButtonText)), (0, _react2.jsx)(_standardButton.default, {
+    appearance: "primary",
+    onClick: onInsertPressed,
+    isDisabled: !isParametersSet,
+    testId: 'jira-jql-datasource-modal--insert-button'
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesButtonText))))));
+};
+exports.JiraIssuesConfigModal = JiraIssuesConfigModal;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildJQL = void 0;
+var fuzzySearchRegExp = /^"(.+)"$/;
+var jiraIssueKeyRegExp = /[A-Z]+-\d+/;
+var buildJQL = function buildJQL(input) {
+  var rawSearch = input.rawSearch,
+    _input$orderDirection = input.orderDirection,
+    orderDirection = _input$orderDirection === void 0 ? 'DESC' : _input$orderDirection,
+    _input$orderKey = input.orderKey,
+    orderKey = _input$orderKey === void 0 ? 'created' : _input$orderKey;
+  var fuzzy = !rawSearch.match(fuzzySearchRegExp) ? '*' : '';
+  var basicSearch = rawSearch.replace(/['"?*]+/g, '');
+  var baseQueryParts = rawSearch.trim() ? ["text ~ \"".concat(basicSearch).concat(fuzzy, "\""), "summary ~ \"".concat(basicSearch).concat(fuzzy, "\"")] : [];
+  if (jiraIssueKeyRegExp.test(rawSearch)) {
+    baseQueryParts.push("key = \"".concat(basicSearch, "\""));
+  }
+  var baseQueryContent = baseQueryParts.join(' OR ');
+  var baseQuery = baseQueryContent ? "(".concat(baseQueryContent, ")") : '';
+  var limiter = rawSearch !== null && rawSearch !== void 0 && rawSearch.trim() ? '' : "created >= -30d";
+  var query = [baseQuery, limiter].filter(Boolean).join(' AND ');
+  return "".concat(query, " order by ").concat(orderKey, " ").concat(orderDirection.toUpperCase());
+};
+exports.buildJQL = buildJQL;

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

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JiraSearchContainer = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _basicSearchInput = require("../basic-search-input");
+var _jqlEditor = require("../jql-editor");
+var _modeSwitcher = require("../mode-switcher");
+var _buildJQL = require("./buildJQL");
+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 inputContainerStyles = (0, _react2.css)({
+  alignItems: 'baseline',
+  display: 'flex',
+  gap: "var(--ds-space-250, 20px)",
+  minHeight: '60px'
+});
+var JiraSearchContainer = function JiraSearchContainer(props) {
+  var parameters = props.parameters,
+    onSearch = props.onSearch;
+  var _ref = parameters || {},
+    cloudId = _ref.cloudId,
+    initialJql = _ref.value;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var basicModeValue = 'basic';
+  var jqlModeValue = 'jql';
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    basicSearchTerm = _useState2[0],
+    setBasicSearchTerm = _useState2[1];
+  var _useState3 = (0, _react.useState)(initialJql ? jqlModeValue : basicModeValue),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    currentSearchMode = _useState4[0],
+    setCurrentSearchMode = _useState4[1];
+  var _useState5 = (0, _react.useState)(initialJql || ''),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    jql = _useState6[0],
+    setJql = _useState6[1];
+  var _useState7 = (0, _react.useState)(),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    orderKey = _useState8[0],
+    setOrderKey = _useState8[1];
+  var _useState9 = (0, _react.useState)(),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    orderDirection = _useState10[0],
+    setOrderDirection = _useState10[1];
+  var onSearchModeChange = function onSearchModeChange(searchMode) {
+    setCurrentSearchMode(searchMode);
+  };
+  var handleBasicSearchChange = function handleBasicSearchChange(e) {
+    var rawSearch = e.currentTarget.value;
+    setBasicSearchTerm(rawSearch);
+    setJql((0, _buildJQL.buildJQL)({
+      rawSearch: rawSearch,
+      orderDirection: orderDirection,
+      orderKey: orderKey
+    }));
+  };
+  var onQueryChange = function onQueryChange(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
+    var fragments = (_query$split$map$filt = query === null || query === void 0 ? void 0 : query.split(/(^| )(order by)( |$)/i).map(function (item) {
+      return item.trim();
+    }).filter(Boolean)) !== null && _query$split$map$filt !== void 0 ? _query$split$map$filt : [];
+    var hasOrder = ((_fragments$at = fragments.at(-2)) === null || _fragments$at === void 0 ? void 0 : _fragments$at.toLowerCase()) === 'order by';
+    var key = hasOrder ? (_fragments$at2 = fragments.at(-1)) === null || _fragments$at2 === void 0 ? void 0 : _fragments$at2.split(' ').at(-2) : undefined;
+    var order = hasOrder ? (_fragments$at3 = fragments.at(-1)) === null || _fragments$at3 === void 0 ? void 0 : _fragments$at3.split(' ').at(-1) : undefined;
+
+    // TODO: confirm if these are the only order keys we want to preserve - existing whiteboard logic
+    if (key && ['key', 'summary', 'assignee', 'status'].includes(key)) {
+      setOrderKey(key);
+      setOrderDirection(order);
+    }
+    setJql(query);
+  };
+  var handleSearch = function handleSearch() {
+    onSearch({
+      value: jql,
+      type: 'jql'
+    });
+  };
+  return (0, _react2.jsx)("div", {
+    css: inputContainerStyles
+  }, currentSearchMode === basicModeValue && (0, _react2.jsx)(_basicSearchInput.BasicSearchInput, {
+    onChange: handleBasicSearchChange,
+    onSearch: handleSearch,
+    searchTerm: basicSearchTerm
+  }), currentSearchMode === jqlModeValue && (0, _react2.jsx)(_jqlEditor.JiraJQLEditor, {
+    cloudId: cloudId || '',
+    onChange: onQueryChange,
+    onSearch: handleSearch,
+    query: jql
+  }), (0, _react2.jsx)(_modeSwitcher.ModeSwitcher, {
+    onOptionValueChange: onSearchModeChange,
+    selectedOptionValue: currentSearchMode,
+    options: [{
+      label: formatMessage(_messages.modeSwitcherMessages.basicTextSearchLabel),
+      value: basicModeValue
+    }, {
+      label: 'JQL',
+      value: jqlModeValue
+    }]
+  }));
+};
+exports.JiraSearchContainer = JiraSearchContainer;

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.modeSwitcherMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var modeSwitcherMessages = (0, _reactIntlNext.defineMessages)({
+  basicTextSearchLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.basicModeText',
+    description: 'Display text for basic text search toggle button',
+    defaultMessage: 'Basic'
+  }
+});
+exports.modeSwitcherMessages = modeSwitcherMessages;

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

@@ -0,0 +1,41 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JiraJQLEditor = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jqlEditor = require("@atlassianlabs/jql-editor");
+var _jqlEditorAutocompleteRest = require("@atlassianlabs/jql-editor-autocomplete-rest");
+var _makeGetJqlAutocompleteData = require("../../../../services/makeGetJqlAutocompleteData");
+var _makeGetJqlSuggestionsData = require("../../../../services/makeGetJqlSuggestionsData");
+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; }
+var JiraJQLEditor = function JiraJQLEditor(props) {
+  var cloudId = props.cloudId,
+    onChange = props.onChange,
+    onSearch = props.onSearch,
+    query = props.query;
+  var autocompleteProvider = (0, _jqlEditorAutocompleteRest.useAutocompleteProvider)('link-datasource', (0, _makeGetJqlAutocompleteData.makeGetJqlAutocompleteData)(cloudId), (0, _makeGetJqlSuggestionsData.makeGetJqlSuggestionsData)(cloudId));
+
+  // This is an expected (pretty strange imo) way of making sure text field is in focus when rendered
+  var inputRef = (0, _react.useRef)({
+    focus: function focus() {}
+  });
+  (0, _react.useEffect)(function () {
+    requestAnimationFrame(function () {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    });
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_jqlEditor.JQLEditor, {
+    analyticsSource: "link-datasource",
+    autocompleteProvider: autocompleteProvider,
+    onSearch: onSearch,
+    onUpdate: onChange,
+    inputRef: inputRef,
+    query: query
+  });
+};
+exports.JiraJQLEditor = JiraJQLEditor;