@atlaskit/link-datasource 3.19.2 → 3.20.1

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,16 +7,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.availableBasicFilterTypes = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _extractValuesFromNonComplexJQL = require("../utils/extractValuesFromNonComplexJQL");
 var _asyncPopupSelect = _interopRequireDefault(require("./async-popup-select"));
+var _uiOld = _interopRequireDefault(require("./ui-old"));
 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 && {}.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; }
 var availableBasicFilterTypes = exports.availableBasicFilterTypes = ['project', 'type', 'status', 'assignee'];
-var basicFilterContainerStyles = (0, _primitives.xcss)({
-  paddingLeft: 'space.100'
-});
+var styles = {
+  basicFilterContainerStyles: "_19bvu2gc"
+};
 var BasicFilterContainer = function BasicFilterContainer(_ref) {
   var jql = _ref.jql,
     site = _ref.site,
@@ -27,8 +32,8 @@ var BasicFilterContainer = function BasicFilterContainer(_ref) {
   }, [isJQLHydrating, jql]);
   var _ref2 = site || {},
     cloudId = _ref2.cloudId;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
-    xcss: basicFilterContainerStyles,
+  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    xcss: styles.basicFilterContainerStyles,
     gap: "space.100",
     testId: "jlol-basic-filter-container"
   }, availableBasicFilterTypes.map(function (filter) {
@@ -45,4 +50,11 @@ var BasicFilterContainer = function BasicFilterContainer(_ref) {
     });
   }));
 };
-var _default = exports.default = BasicFilterContainer;
+var BasicFilterContainerExported = function BasicFilterContainerExported(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(BasicFilterContainer, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_uiOld.default, props);
+  }
+};
+var _default = exports.default = BasicFilterContainerExported;

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/ui-old.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.availableBasicFilterTypes = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _extractValuesFromNonComplexJQL = require("../utils/extractValuesFromNonComplexJQL");
+var _asyncPopupSelect = _interopRequireDefault(require("./async-popup-select"));
+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 && {}.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; }
+var availableBasicFilterTypes = exports.availableBasicFilterTypes = ['project', 'type', 'status', 'assignee'];
+var basicFilterContainerStyles = (0, _primitives.xcss)({
+  paddingLeft: 'space.100'
+});
+var BasicFilterContainer = function BasicFilterContainer(_ref) {
+  var jql = _ref.jql,
+    site = _ref.site,
+    onChange = _ref.onChange,
+    selections = _ref.selections,
+    isJQLHydrating = _ref.isJQLHydrating;
+  var extractedFilterValues = (0, _react.useMemo)(function () {
+    return isJQLHydrating ? (0, _extractValuesFromNonComplexJQL.extractValuesFromNonComplexJQL)(jql) : {};
+  }, [isJQLHydrating, jql]);
+  var _ref2 = site || {},
+    cloudId = _ref2.cloudId;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    xcss: basicFilterContainerStyles,
+    gap: "space.100",
+    testId: "jlol-basic-filter-container"
+  }, availableBasicFilterTypes.map(function (filter) {
+    var _extractedFilterValue;
+    var shouldShowHydrationLoader = isJQLHydrating && ((_extractedFilterValue = extractedFilterValues[filter]) === null || _extractedFilterValue === void 0 ? void 0 : _extractedFilterValue.length) > 0;
+    return /*#__PURE__*/_react.default.createElement(_asyncPopupSelect.default, {
+      site: site,
+      filterType: filter,
+      key: filter,
+      selection: selections[filter] || [],
+      isJQLHydrating: shouldShowHydrationLoader,
+      isDisabled: !cloudId,
+      onSelectionChange: onChange
+    });
+  }));
+};
+var _default = exports.default = BasicFilterContainer;

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

@@ -0,0 +1,4 @@
+._16jlkb7n{flex-grow:1}
+._1e0c1txw{display:flex}
+._1tket9kd{min-height:72px}
+._4cvr1q9y{align-items:baseline}

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,15 +6,17 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.JiraSearchContainer = exports.DEFAULT_JQL_QUERY = exports.ALLOWED_ORDER_BY_KEYS = void 0;
+exports.JiraSearchContainerNew = exports.JiraSearchContainer = exports.DEFAULT_JQL_QUERY = exports.ALLOWED_ORDER_BY_KEYS = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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 _useDebounce = require("use-debounce");
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _analytics = require("../../../analytics");
 var _basicSearchInput = require("../../common/modal/basic-search-input");
 var _messages = require("../../common/modal/basic-search-input/messages");
@@ -24,26 +27,20 @@ var _useHydrateJqlQuery2 = require("../basic-filters/hooks/useHydrateJqlQuery");
 var _isQueryTooComplex = require("../basic-filters/utils/isQueryTooComplex");
 var _jqlEditor = require("../jql-editor");
 var _buildJQL = require("./buildJQL");
+var _jiraSearchContainerOld = require("./jira-search-container-old");
 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 && {}.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; } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var inputContainerStyles = (0, _react2.css)({
-  alignItems: 'baseline',
-  display: 'flex',
-  minHeight: '72px'
-});
-var basicSearchInputContainerStyles = (0, _primitives.xcss)({
-  flexGrow: 1
-});
+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; }
+var styles = {
+  basicSearchInputContainerStyles: "_16jlkb7n",
+  inputContainerStyles: "_4cvr1q9y _1e0c1txw _1tket9kd"
+};
 var DEFAULT_JQL_QUERY = exports.DEFAULT_JQL_QUERY = 'ORDER BY created DESC';
 var ALLOWED_ORDER_BY_KEYS = exports.ALLOWED_ORDER_BY_KEYS = ['key', 'summary', 'assignee', 'status', 'created'];
-var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchContainer(props) {
+var JiraSearchContainerNew = exports.JiraSearchContainerNew = function JiraSearchContainerNew(props) {
   var isSearching = props.isSearching,
     parameters = props.parameters,
     onSearch = props.onSearch,
@@ -211,13 +208,13 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
       setCloudId(currentCloudId);
     }
   }, [currentCloudId, cloudId, setSearchBarJql]);
-  return (0, _react2.jsx)("div", {
-    css: inputContainerStyles,
-    "data-testid": "jira-search-container"
-  }, currentSearchMethod === 'basic' && (0, _react2.jsx)(_primitives.Flex, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "jira-search-container",
+    className: (0, _runtime.ax)([styles.inputContainerStyles])
+  }, currentSearchMethod === 'basic' && /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     alignItems: "center",
-    xcss: basicSearchInputContainerStyles
-  }, (0, _react2.jsx)(_basicSearchInput.BasicSearchInput, {
+    xcss: styles.basicSearchInputContainerStyles
+  }, /*#__PURE__*/_react.default.createElement(_basicSearchInput.BasicSearchInput, {
     isSearching: isSearching,
     onChange: handleBasicSearchChange,
     onSearch: handleSearch,
@@ -225,21 +222,28 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
     placeholder: _messages.basicSearchInputMessages.basicTextSearchLabel,
     testId: "jira-datasource-modal",
     fullWidth: false
-  }), (0, _react2.jsx)(_basicFilters.BasicFilters, {
+  }), /*#__PURE__*/_react.default.createElement(_basicFilters.BasicFilters, {
     jql: searchBarJql,
     site: site,
     onChange: handleBasicFilterSelectionChange,
     selections: filterSelections,
     isJQLHydrating: basicFilterHydrationStatus === 'loading'
-  })), currentSearchMethod === 'jql' && (0, _react2.jsx)(_jqlEditor.JiraJQLEditor, {
+  })), currentSearchMethod === 'jql' && /*#__PURE__*/_react.default.createElement(_jqlEditor.JiraJQLEditor, {
     cloudId: cloudId || '',
     isSearching: isSearching,
     onChange: onQueryChange,
     onSearch: handleSearch,
     query: searchBarJql
-  }), (0, _react2.jsx)(_modeSwitcher.ModeSwitcher, {
+  }), /*#__PURE__*/_react.default.createElement(_modeSwitcher.ModeSwitcher, {
     onOptionValueChange: onSearchMethodChange,
     selectedOptionValue: currentSearchMethod,
     options: modeSwitcherOptions
   }));
+};
+var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchContainer(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(JiraSearchContainerNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_jiraSearchContainerOld.JiraSearchContainerOld, props);
+  }
 };

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

@@ -0,0 +1,245 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JiraSearchContainerOld = exports.DEFAULT_JQL_QUERY = exports.ALLOWED_ORDER_BY_KEYS = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _useDebounce = require("use-debounce");
+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 _modeSwitcher = require("../../common/modal/mode-switcher");
+var _constants = require("../../common/modal/popup-select/constants");
+var _basicFilters = require("../basic-filters");
+var _useHydrateJqlQuery2 = require("../basic-filters/hooks/useHydrateJqlQuery");
+var _isQueryTooComplex = require("../basic-filters/utils/isQueryTooComplex");
+var _jqlEditor = require("../jql-editor");
+var _buildJQL = require("./buildJQL");
+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 && {}.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; } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var inputContainerStyles = (0, _react2.css)({
+  alignItems: 'baseline',
+  display: 'flex',
+  minHeight: '72px'
+});
+var basicSearchInputContainerStyles = (0, _primitives.xcss)({
+  flexGrow: 1
+});
+var DEFAULT_JQL_QUERY = exports.DEFAULT_JQL_QUERY = 'ORDER BY created DESC';
+var ALLOWED_ORDER_BY_KEYS = exports.ALLOWED_ORDER_BY_KEYS = ['key', 'summary', 'assignee', 'status', 'created'];
+var JiraSearchContainerOld = exports.JiraSearchContainerOld = function JiraSearchContainerOld(props) {
+  var isSearching = props.isSearching,
+    parameters = props.parameters,
+    onSearch = props.onSearch,
+    onSearchMethodChangeCallback = props.onSearchMethodChange,
+    initialSearchMethod = props.initialSearchMethod,
+    setSearchBarJql = props.setSearchBarJql,
+    _props$searchBarJql = props.searchBarJql,
+    searchBarJql = _props$searchBarJql === void 0 ? DEFAULT_JQL_QUERY : _props$searchBarJql,
+    site = props.site;
+  var _ref = parameters || {},
+    currentCloudId = _ref.cloudId;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    basicSearchTerm = _useState2[0],
+    setBasicSearchTerm = _useState2[1];
+  var _useState3 = (0, _react.useState)(initialSearchMethod),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    currentSearchMethod = _useState4[0],
+    setCurrentSearchMethod = _useState4[1];
+  var _useState5 = (0, _react.useState)(currentCloudId),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    cloudId = _useState6[0],
+    setCloudId = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    isComplexQuery = _useState8[0],
+    setIsComplexQuery = _useState8[1];
+  var _useState9 = (0, _react.useState)(),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    orderKey = _useState10[0],
+    setOrderKey = _useState10[1];
+  var _useState11 = (0, _react.useState)(),
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    orderDirection = _useState12[0],
+    setOrderDirection = _useState12[1];
+  var _useState13 = (0, _react.useState)({}),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    filterSelections = _useState14[0],
+    setFilterSelections = _useState14[1];
+  var modeSwitcherOptionsMap = (0, _react.useMemo)(function () {
+    return {
+      jql: {
+        label: 'JQL',
+        value: 'jql'
+      },
+      basic: {
+        label: formatMessage(_messages2.modeSwitcherMessages.basicTextSearchLabel),
+        value: 'basic',
+        disabled: isComplexQuery,
+        tooltipText: isComplexQuery ? formatMessage(_messages2.modeSwitcherMessages.basicModeSwitchDisabledTooltipText) : ''
+      }
+    };
+  }, [formatMessage, isComplexQuery]);
+  var modeSwitcherOptions = (0, _react.useMemo)(function () {
+    return [modeSwitcherOptionsMap.basic, modeSwitcherOptionsMap.jql];
+  }, [modeSwitcherOptionsMap]);
+  var _useHydrateJqlQuery = (0, _useHydrateJqlQuery2.useHydrateJqlQuery)(cloudId || '', searchBarJql),
+    hydratedOptions = _useHydrateJqlQuery.hydratedOptions,
+    fetchHydratedJqlOptions = _useHydrateJqlQuery.fetchHydratedJqlOptions,
+    basicFilterHydrationStatus = _useHydrateJqlQuery.status;
+  var onSearchMethodChange = (0, _react.useCallback)(function (searchMethod) {
+    onSearchMethodChangeCallback(searchMethod);
+    setCurrentSearchMethod(searchMethod);
+  }, [onSearchMethodChangeCallback]);
+  var handleBasicSearchChange = (0, _react.useCallback)(function (e) {
+    var rawSearch = e.currentTarget.value;
+    setBasicSearchTerm(rawSearch);
+    setSearchBarJql((0, _buildJQL.buildJQL)({
+      rawSearch: rawSearch,
+      filterValues: filterSelections,
+      orderDirection: orderDirection,
+      orderKey: orderKey
+    }));
+  }, [setSearchBarJql, filterSelections, orderDirection, orderKey]);
+  var onQueryChange = (0, _react.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
+    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 && ALLOWED_ORDER_BY_KEYS.includes(key)) {
+      setOrderKey(key);
+      setOrderDirection(order);
+    }
+    setSearchBarJql(query);
+  }, [setSearchBarJql]);
+  var handleSearch = (0, _react.useCallback)(function () {
+    var isCurrentQueryComplex = (0, _isQueryTooComplex.isQueryTooComplex)(searchBarJql);
+    onSearch({
+      jql: searchBarJql
+    }, {
+      searchMethod: currentSearchMethod,
+      basicFilterSelections: filterSelections,
+      isQueryComplex: isCurrentQueryComplex
+    });
+    if (currentSearchMethod === 'jql') {
+      fireEvent('ui.jqlEditor.searched', {
+        isQueryComplex: isCurrentQueryComplex
+      });
+      setIsComplexQuery(isCurrentQueryComplex);
+      if (!isCurrentQueryComplex) {
+        fetchHydratedJqlOptions();
+      }
+    }
+  }, [currentSearchMethod, fetchHydratedJqlOptions, filterSelections, fireEvent, searchBarJql, onSearch]);
+  var _useDebouncedCallback = (0, _useDebounce.useDebouncedCallback)(function (filterValues) {
+      var jqlWithFilterValues = (0, _buildJQL.buildJQL)({
+        rawSearch: basicSearchTerm,
+        filterValues: filterValues,
+        orderDirection: orderDirection,
+        orderKey: orderKey
+      });
+      setSearchBarJql(jqlWithFilterValues);
+      var isCurrentQueryComplex = (0, _isQueryTooComplex.isQueryTooComplex)(jqlWithFilterValues);
+      onSearch({
+        jql: jqlWithFilterValues
+      }, {
+        searchMethod: currentSearchMethod,
+        basicFilterSelections: filterSelections,
+        isQueryComplex: isCurrentQueryComplex
+      });
+    }, _constants.FILTER_SELECTION_DEBOUNCE_MS),
+    _useDebouncedCallback2 = (0, _slicedToArray2.default)(_useDebouncedCallback, 1),
+    debouncedBasicFilterSelectionChange = _useDebouncedCallback2[0];
+  var handleBasicFilterSelectionChange = (0, _react.useCallback)(function (filterType, options) {
+    var updatedSelection = _objectSpread(_objectSpread({}, filterSelections), {}, (0, _defineProperty2.default)({}, filterType, options));
+    setFilterSelections(updatedSelection);
+    debouncedBasicFilterSelectionChange(updatedSelection);
+  }, [debouncedBasicFilterSelectionChange, filterSelections]);
+  (0, _react.useEffect)(function () {
+    var isCurrentQueryComplex = (0, _isQueryTooComplex.isQueryTooComplex)(searchBarJql);
+    setIsComplexQuery(isCurrentQueryComplex);
+    if (!isCurrentQueryComplex && searchBarJql !== DEFAULT_JQL_QUERY) {
+      fetchHydratedJqlOptions();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (basicFilterHydrationStatus === 'resolved') {
+      var basicInputTextValue = hydratedOptions.basicInputTextValue,
+        hydratedFilterOptions = (0, _objectWithoutProperties2.default)(hydratedOptions, _excluded);
+      setFilterSelections(hydratedFilterOptions);
+      if (basicInputTextValue) {
+        setBasicSearchTerm(basicInputTextValue);
+      }
+    }
+  }, [hydratedOptions, basicFilterHydrationStatus]);
+  (0, _react.useEffect)(function () {
+    if (currentCloudId !== cloudId) {
+      setBasicSearchTerm('');
+      setSearchBarJql(DEFAULT_JQL_QUERY);
+      setIsComplexQuery(false);
+      setOrderKey(undefined);
+      setOrderDirection(undefined);
+      setFilterSelections({});
+      setCloudId(currentCloudId);
+    }
+  }, [currentCloudId, cloudId, setSearchBarJql]);
+  return (0, _react2.jsx)("div", {
+    css: inputContainerStyles,
+    "data-testid": "jira-search-container"
+  }, currentSearchMethod === 'basic' && (0, _react2.jsx)(_primitives.Flex, {
+    alignItems: "center",
+    xcss: basicSearchInputContainerStyles
+  }, (0, _react2.jsx)(_basicSearchInput.BasicSearchInput, {
+    isSearching: isSearching,
+    onChange: handleBasicSearchChange,
+    onSearch: handleSearch,
+    searchTerm: basicSearchTerm,
+    placeholder: _messages.basicSearchInputMessages.basicTextSearchLabel,
+    testId: "jira-datasource-modal",
+    fullWidth: false
+  }), (0, _react2.jsx)(_basicFilters.BasicFilters, {
+    jql: searchBarJql,
+    site: site,
+    onChange: handleBasicFilterSelectionChange,
+    selections: filterSelections,
+    isJQLHydrating: basicFilterHydrationStatus === 'loading'
+  })), currentSearchMethod === 'jql' && (0, _react2.jsx)(_jqlEditor.JiraJQLEditor, {
+    cloudId: cloudId || '',
+    isSearching: isSearching,
+    onChange: onQueryChange,
+    onSearch: handleSearch,
+    query: searchBarJql
+  }), (0, _react2.jsx)(_modeSwitcher.ModeSwitcher, {
+    onOptionValueChange: onSearchMethodChange,
+    selectedOptionValue: currentSearchMethod,
+    options: modeSwitcherOptions
+  }));
+};