@atlaskit/link-datasource 7.12.3 → 7.13.0

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

@@ -0,0 +1,312 @@
+/* embedded.tsx generated by @compiled/babel-plugin v3.0.2 */
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _excluded = ["basicInputTextValue"];
+import "./embedded.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+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, useMemo, useRef, useState } from 'react';
+import { useIntl } from 'react-intl';
+import { useDebouncedCallback } from 'use-debounce';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Text } from '@atlaskit/primitives/compiled/text';
+import { useDatasourceAnalyticsEvents } from '../../../analytics';
+import { BasicSearchInput } from '../../common/modal/basic-search-input';
+import { basicSearchInputMessages } from '../../common/modal/basic-search-input/messages';
+import { ModeSwitcher } from '../../common/modal/mode-switcher/ModeSwitcher';
+import { FILTER_SELECTION_DEBOUNCE_MS } from '../../common/modal/popup-select/constants';
+import { useHydrateJqlQuery } from '../basic-filters/hooks/useHydrateJqlQuery';
+import { default as BasicFilters } from '../basic-filters/ui/index';
+import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
+import { JiraJQLEditor } from '../jql-editor';
+import { buildJQL } from './buildJQL';
+import { modeSwitcherMessages } from './messages';
+var styles = {
+  inlineSearch: "_16jlkb7n _i0dlghg7 _1ul9idpf",
+  inlineSwitcher: "_1o9zidpf",
+  basicSearchInputBoxStyles: "_1bsb1osq",
+  basicSearchInputContainerStyles: "_16jlkb7n _1n261g80 _1p57u2gc",
+  inputContainerStyles: "_4cvr1y6m _1e0c1txw _1tket9kd",
+  modeSwitcherContainerStyles: "_19pk1b66"
+};
+export var EmbeddedJiraSearchContainer = function EmbeddedJiraSearchContainer(props) {
+  var DEFAULT_JQL_QUERY = props.defaultJql,
+    ALLOWED_ORDER_BY_KEYS = props.allowedOrderByKeys,
+    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,
+    setHasJqlSyntaxErrors = props.setHasJqlSyntaxErrors,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'modal' : _props$layout,
+    _props$initialBasicSe = props.initialBasicSearchTerm,
+    initialBasicSearchTerm = _props$initialBasicSe === void 0 ? '' : _props$initialBasicSe,
+    _props$allowBasicMode = props.allowBasicModeReset,
+    allowBasicModeReset = _props$allowBasicMode === void 0 ? false : _props$allowBasicMode,
+    _props$showBasicSearc = props.showBasicSearchButton,
+    showBasicSearchButton = _props$showBasicSearc === void 0 ? true : _props$showBasicSearc,
+    textSearchField = props.textSearchField;
+  var _ref = parameters || {},
+    currentCloudId = _ref.cloudId;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  var _useState = useState(initialBasicSearchTerm),
+    _useState2 = _slicedToArray(_useState, 2),
+    basicSearchTerm = _useState2[0],
+    setBasicSearchTerm = _useState2[1];
+  var _useState3 = useState(initialSearchMethod),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentSearchMethod = _useState4[0],
+    setCurrentSearchMethod = _useState4[1];
+  var _useState5 = useState(currentCloudId),
+    _useState6 = _slicedToArray(_useState5, 2),
+    cloudId = _useState6[0],
+    setCloudId = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isComplexQuery = _useState8[0],
+    setIsComplexQuery = _useState8[1];
+  var _useState9 = useState(),
+    _useState0 = _slicedToArray(_useState9, 2),
+    orderKey = _useState0[0],
+    setOrderKey = _useState0[1];
+  var _useState1 = useState(),
+    _useState10 = _slicedToArray(_useState1, 2),
+    orderDirection = _useState10[0],
+    setOrderDirection = _useState10[1];
+  var _useState11 = useState({}),
+    _useState12 = _slicedToArray(_useState11, 2),
+    filterSelections = _useState12[0],
+    setFilterSelections = _useState12[1];
+  var basicDraft = useRef({
+    jql: initialSearchMethod === 'basic' ? searchBarJql : buildJQL({
+      rawSearch: initialBasicSearchTerm,
+      textSearchField: textSearchField
+    }),
+    term: initialBasicSearchTerm,
+    selections: {}
+  });
+  var advancedDraft = useRef();
+  var modeSwitcherOptionsMap = useMemo(function () {
+    return {
+      jql: {
+        label: 'JQL',
+        value: 'jql'
+      },
+      basic: {
+        label: formatMessage(modeSwitcherMessages.basicTextSearchLabel),
+        value: 'basic',
+        disabled: isComplexQuery && !allowBasicModeReset,
+        tooltipText: isComplexQuery && !allowBasicModeReset ? formatMessage(modeSwitcherMessages.basicModeSwitchDisabledTooltipText) : ''
+      }
+    };
+  }, [formatMessage, isComplexQuery, allowBasicModeReset]);
+  var modeSwitcherOptions = useMemo(function () {
+    return [modeSwitcherOptionsMap.basic, modeSwitcherOptionsMap.jql];
+  }, [modeSwitcherOptionsMap]);
+  var _useHydrateJqlQuery = useHydrateJqlQuery(cloudId || '', searchBarJql),
+    hydratedOptions = _useHydrateJqlQuery.hydratedOptions,
+    fetchHydratedJqlOptions = _useHydrateJqlQuery.fetchHydratedJqlOptions,
+    basicFilterHydrationStatus = _useHydrateJqlQuery.status;
+  var onSearchMethodChange = useCallback(function (searchMethod) {
+    if (allowBasicModeReset) {
+      if (searchMethod === 'jql') {
+        var _advancedDraft$curren;
+        basicDraft.current = {
+          jql: searchBarJql,
+          term: basicSearchTerm,
+          selections: filterSelections
+        };
+        setSearchBarJql((_advancedDraft$curren = advancedDraft.current) !== null && _advancedDraft$curren !== void 0 ? _advancedDraft$curren : searchBarJql);
+      } else if (isQueryTooComplex(searchBarJql)) {
+        advancedDraft.current = searchBarJql;
+        setSearchBarJql(basicDraft.current.jql);
+        setBasicSearchTerm(basicDraft.current.term);
+        setFilterSelections(basicDraft.current.selections);
+      }
+    }
+    onSearchMethodChangeCallback(searchMethod);
+    setCurrentSearchMethod(searchMethod);
+  }, [onSearchMethodChangeCallback, allowBasicModeReset, searchBarJql, basicSearchTerm, filterSelections, setSearchBarJql]);
+  var handleBasicSearchChange = useCallback(function (e) {
+    var rawSearch = e.currentTarget.value;
+    setBasicSearchTerm(rawSearch);
+    setSearchBarJql(buildJQL({
+      rawSearch: rawSearch,
+      textSearchField: textSearchField,
+      filterValues: filterSelections,
+      orderDirection: orderDirection,
+      orderKey: orderKey
+    }));
+  }, [setSearchBarJql, filterSelections, orderDirection, orderKey, textSearchField]);
+  var onQueryChange = useCallback(function (query, jast) {
+    var _query$split$map$filt, _fragments$at, _fragments$at2, _fragments$at3;
+    setHasJqlSyntaxErrors === null || setHasJqlSyntaxErrors === void 0 || setHasJqlSyntaxErrors(jast.errors.length > 0);
+    // 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, setHasJqlSyntaxErrors]);
+  var handleSearch = useCallback(function () {
+    var isCurrentQueryComplex = isQueryTooComplex(searchBarJql);
+    if (currentSearchMethod === 'basic') {
+      advancedDraft.current = undefined;
+    }
+    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 = useDebouncedCallback(function (filterValues) {
+      var jqlWithFilterValues = buildJQL({
+        rawSearch: basicSearchTerm,
+        textSearchField: textSearchField,
+        filterValues: filterValues,
+        orderDirection: orderDirection,
+        orderKey: orderKey
+      });
+      advancedDraft.current = undefined;
+      setSearchBarJql(jqlWithFilterValues);
+      var isCurrentQueryComplex = isQueryTooComplex(jqlWithFilterValues);
+      onSearch({
+        jql: jqlWithFilterValues
+      }, {
+        searchMethod: currentSearchMethod,
+        basicFilterSelections: filterValues,
+        isQueryComplex: isCurrentQueryComplex
+      });
+    }, FILTER_SELECTION_DEBOUNCE_MS),
+    _useDebouncedCallback2 = _slicedToArray(_useDebouncedCallback, 1),
+    debouncedBasicFilterSelectionChange = _useDebouncedCallback2[0];
+  var handleBasicFilterSelectionChange = useCallback(function (filterType, options) {
+    var updatedSelection = _objectSpread(_objectSpread({}, filterSelections), {}, _defineProperty({}, filterType, options));
+    setFilterSelections(updatedSelection);
+    debouncedBasicFilterSelectionChange(updatedSelection);
+  }, [debouncedBasicFilterSelectionChange, filterSelections]);
+  useEffect(function () {
+    var isCurrentQueryComplex = isQueryTooComplex(searchBarJql);
+    setIsComplexQuery(isCurrentQueryComplex);
+    if (!isCurrentQueryComplex && searchBarJql !== DEFAULT_JQL_QUERY) {
+      fetchHydratedJqlOptions();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useEffect(function () {
+    if (basicFilterHydrationStatus === 'resolved') {
+      var basicInputTextValue = hydratedOptions.basicInputTextValue,
+        hydratedFilterOptions = _objectWithoutProperties(hydratedOptions, _excluded);
+      setFilterSelections(hydratedFilterOptions);
+      if (basicInputTextValue) {
+        setBasicSearchTerm(basicInputTextValue);
+      }
+    }
+  }, [hydratedOptions, basicFilterHydrationStatus]);
+  useEffect(function () {
+    if (currentCloudId !== cloudId) {
+      basicDraft.current = {
+        jql: DEFAULT_JQL_QUERY,
+        term: '',
+        selections: {}
+      };
+      advancedDraft.current = undefined;
+      setBasicSearchTerm('');
+      setSearchBarJql(DEFAULT_JQL_QUERY);
+      setIsComplexQuery(false);
+      setOrderKey(undefined);
+      setOrderDirection(undefined);
+      setFilterSelections({});
+      setCloudId(currentCloudId);
+    }
+  }, [currentCloudId, cloudId, setSearchBarJql]);
+  var searchInput = currentSearchMethod === 'basic' ? /*#__PURE__*/React.createElement(Box, {
+    xcss: layout === 'inline' ? styles.inlineSearch : styles.basicSearchInputBoxStyles
+  }, /*#__PURE__*/React.createElement(Flex, {
+    alignItems: "center",
+    xcss: styles.basicSearchInputContainerStyles
+  }, /*#__PURE__*/React.createElement(BasicSearchInput, {
+    isCompact: layout === 'inline',
+    isSearching: isSearching,
+    onChange: handleBasicSearchChange,
+    onSearch: handleSearch,
+    searchTerm: basicSearchTerm,
+    showSearchButton: showBasicSearchButton,
+    ariaLabel: basicSearchInputMessages.basicTextSearchLabel,
+    testId: "jira-datasource-modal",
+    fullWidth: false
+  }), /*#__PURE__*/React.createElement(BasicFilters, {
+    jql: searchBarJql,
+    site: site,
+    onChange: handleBasicFilterSelectionChange,
+    selections: filterSelections,
+    isJQLHydrating: basicFilterHydrationStatus === 'loading',
+    isInline: layout === 'inline'
+  })), layout !== 'inline' && /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    color: "color.text.subtlest",
+    testId: "jira-search-placeholder"
+  }, formatMessage(basicSearchInputMessages.basicTextSearchLabel))) : /*#__PURE__*/React.createElement(JiraJQLEditor, {
+    isCompact: layout === 'inline',
+    cloudId: cloudId || '',
+    autoFocus: layout !== 'inline',
+    isSearching: isSearching,
+    onChange: onQueryChange,
+    onSearch: handleSearch,
+    query: searchBarJql
+  });
+  var modeSwitcher = /*#__PURE__*/React.createElement(ModeSwitcher, {
+    isInline: layout === 'inline',
+    onOptionValueChange: onSearchMethodChange,
+    selectedOptionValue: currentSearchMethod,
+    options: modeSwitcherOptions
+  });
+  if (layout === 'inline') {
+    return /*#__PURE__*/React.createElement(Flex, {
+      alignItems: "start",
+      gap: "space.100",
+      wrap: "wrap",
+      testId: "jira-search-container"
+    }, /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.inlineSwitcher
+    }, modeSwitcher), currentSearchMethod === 'basic' ? searchInput : /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.inlineSearch
+    }, searchInput));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "jira-search-container",
+    className: ax([styles.inputContainerStyles])
+  }, searchInput, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.modeSwitcherContainerStyles
+  }, modeSwitcher));
+};

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

@@ -2,6 +2,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["basicInputTextValue"];
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -23,6 +24,7 @@ import { default as BasicFilters } from '../basic-filters/ui/index';
 import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
 import { JiraJQLEditor } from '../jql-editor';
 import { buildJQL } from './buildJQL';
+import { EmbeddedJiraSearchContainer } from './embedded';
 import { modeSwitcherMessages } from './messages';
 var styles = {
   basicSearchInputBoxStyles: "_1bsb1osq",
@@ -32,7 +34,17 @@ var styles = {
 };
 export var DEFAULT_JQL_QUERY = 'ORDER BY created DESC';
 export var ALLOWED_ORDER_BY_KEYS = ['key', 'summary', 'assignee', 'status', 'created'];
+/** Opt-in consumers use a separate component; the configuration modal retains its existing path. */
 export var JiraSearchContainer = function JiraSearchContainer(props) {
+  if (props.layout === 'inline' || props.allowBasicModeReset || props.initialBasicSearchTerm !== undefined || props.showBasicSearchButton === false || props.textSearchField !== undefined) {
+    return /*#__PURE__*/React.createElement(EmbeddedJiraSearchContainer, _extends({}, props, {
+      defaultJql: DEFAULT_JQL_QUERY,
+      allowedOrderByKeys: ALLOWED_ORDER_BY_KEYS
+    }));
+  }
+  return /*#__PURE__*/React.createElement(ModalJiraSearchContainer, props);
+};
+var ModalJiraSearchContainer = function ModalJiraSearchContainer(props) {
   var isSearching = props.isSearching,
     parameters = props.parameters,
     onSearch = props.onSearch,

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

@@ -6,6 +6,10 @@ import { makeGetJqlAutocompleteData } from '../../../services/makeGetJqlAutocomp
 import { makeGetJqlSuggestionsData } from '../../../services/makeGetJqlSuggestionsData';
 export var JiraJQLEditor = function JiraJQLEditor(_ref) {
   var cloudId = _ref.cloudId,
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
+    _ref$isCompact = _ref.isCompact,
+    isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact,
     isSearching = _ref.isSearching,
     onChange = _ref.onChange,
     onSearch = _ref.onSearch,
@@ -17,11 +21,14 @@ export var JiraJQLEditor = function JiraJQLEditor(_ref) {
     focus: function focus() {}
   });
   useEffect(function () {
+    if (!autoFocus) {
+      return;
+    }
     requestAnimationFrame(function () {
       var _inputRef$current;
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     });
-  }, []);
+  }, [autoFocus]);
   var searchIfValidJql = function searchIfValidJql(_, jast) {
     if (jast.errors.length === 0) {
       onSearch();
@@ -33,6 +40,7 @@ export var JiraJQLEditor = function JiraJQLEditor(_ref) {
     onSearch: searchIfValidJql,
     onUpdate: onChange,
     isSearching: isSearching,
+    isCompact: isCompact,
     inputRef: inputRef,
     query: query,
     "aria-label": /*#__PURE__*/React.createElement(FormattedMessage, {

package/dist/esm/ui/jira-search-state/index.compiled.css

@@ -0,0 +1,12 @@
+._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
+._1rjcpxbi{padding-block:var(--ds-space-200,1pc)}._18m915vq{overflow-y:hidden}
+._1pglindk{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
+._1reo15vq{overflow-x:hidden}
+._1tke194s{min-height:14pc}
+._1tkeva7c{min-height:281px}
+._4t3i1osq{height:100%}
+._5sag1ign{animation-duration:var(--ds-duration-short,.15s)}
+._j7hq1bym{animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
+._p12f1gwv{max-width:360px}
+._y3gn1h6o{text-align:center}
+@media (prefers-reduced-motion:reduce){._bl8aglyw{animation-name:none}}

package/dist/esm/ui/jira-search-state/index.js

@@ -0,0 +1,83 @@
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { cx } from '@atlaskit/css';
+import Heading from '@atlaskit/heading/heading';
+import IntlMessagesProvider from '@atlaskit/intl-messages-provider/main';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Text } from '@atlaskit/primitives/compiled/text';
+import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
+import { RichIconSearch } from '../../common/ui/rich-icon/search';
+import { SpotSearchNoResult } from '../../common/ui/spot/error-state/search-no-result';
+import { fetchMessagesForLocale } from '../../common/utils/locale/fetch-messages-for-locale';
+import i18nEN from '../../i18n/en';
+import { loadingErrorMessages } from '../common/error-state/messages';
+import { initialStateViewMessages } from '../common/initial-state-view/messages';
+import EmptyState from '../issue-like-table/empty-state';
+var messages = defineMessages({
+  loading: {
+    id: 'link-datasource.jira-search-state.loading',
+    defaultMessage: 'Searching for work items…',
+    description: 'Loading label while an embedded Jira work-item search is running.'
+  }
+});
+var styles = {
+  loading: "_1reo15vq _18m915vq _4t3i1osq",
+  canvas: "_1rjcpxbi _18zrpxbi _1tkeva7c",
+  compactCanvas: "_1tke194s",
+  resolvedEmpty: "_j7hq1bym _5sag1ign _1pglindk _bl8aglyw",
+  content: "_p12f1gwv _y3gn1h6o"
+};
+var SearchState = function SearchState(_ref) {
+  var variant = _ref.variant,
+    _ref$isCompact = _ref.isCompact,
+    isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var isEmpty = variant === 'empty';
+  if (variant === 'loading') {
+    return /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.loading,
+      testId: "jira-search-state-loading"
+    }, /*#__PURE__*/React.createElement(VisuallyHidden, null, formatMessage(messages.loading)), /*#__PURE__*/React.createElement("div", {
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement(EmptyState, {
+      isCompact: true,
+      testId: "jira-search-table-skeleton"
+    })));
+  }
+  return /*#__PURE__*/React.createElement(Flex, {
+    direction: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: isCompact ? 'space.100' : 'space.200',
+    xcss: cx(styles.canvas, isCompact && styles.compactCanvas, isEmpty && styles.resolvedEmpty),
+    testId: "jira-search-state-".concat(variant)
+  }, isEmpty ? /*#__PURE__*/React.createElement(SpotSearchNoResult, {
+    size: isCompact ? 'large' : 'xlarge',
+    alt: ""
+  }) : /*#__PURE__*/React.createElement(RichIconSearch, {
+    size: isCompact ? 'large' : 'xlarge',
+    alt: ""
+  }), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.content
+  }, /*#__PURE__*/React.createElement(Heading, {
+    as: "h3",
+    size: "small"
+  }, formatMessage(isEmpty ? loadingErrorMessages.noResultsFound : initialStateViewMessages.jiraSearchTitle))), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.content
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: "color.text.subtle"
+  }, formatMessage(isEmpty ? loadingErrorMessages.noResultsFoundDescription : initialStateViewMessages.searchDescriptionForBasicSearchSllv))));
+};
+
+/** Reuses the work-item picker's illustrations and copy without emitting datasource analytics. */
+export var JiraSearchState = function JiraSearchState(props) {
+  return /*#__PURE__*/React.createElement(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, /*#__PURE__*/React.createElement(SearchState, props));
+};

package/dist/types/ui/common/modal/basic-search-input/index.d.ts

@@ -6,11 +6,15 @@ import { type MessageDescriptor } from 'react-intl';
 export interface BasicSearchInputProps {
     ariaLabel: MessageDescriptor;
     fullWidth?: boolean;
+    /** Match compact toolbar controls without changing the default input size. */
+    isCompact?: boolean;
     isDisabled?: boolean;
     isSearching?: boolean;
     onChange: React.FormEventHandler<HTMLInputElement>;
     onSearch: (searchTerm: string) => void;
     searchTerm: string;
+    /** Hide the submit button for consumers that use Enter to search. */
+    showSearchButton?: boolean;
     testId: string;
 }
-export declare const BasicSearchInput: ({ isDisabled, isSearching, onChange, onSearch, searchTerm, fullWidth, testId, ariaLabel, }: BasicSearchInputProps) => JSX.Element;
+export declare const BasicSearchInput: ({ isCompact, isDisabled, isSearching, onChange, onSearch, searchTerm, showSearchButton, fullWidth, testId, ariaLabel, }: BasicSearchInputProps) => JSX.Element;

package/dist/types/ui/common/modal/mode-switcher/ModeSwitcher.d.ts

@@ -12,6 +12,7 @@ export interface ModeSwitcherPropsOption<T extends string = string> {
 export interface ModeSwitcherProps<T extends string = string> {
     isCompact?: boolean;
     isDisabled?: boolean;
+    isInline?: boolean;
     onOptionValueChange: (selectedOptionValue: T) => void;
     options: ModeSwitcherPropsOption<T>[];
     selectedOptionValue?: string;

package/dist/types/ui/common/modal/popup-select/index.d.ts

@@ -6,6 +6,7 @@ export interface FilterPopupSelectProps {
     buttonLabel: string;
     filterName: string;
     isDisabled: boolean;
+    isInline?: boolean;
     menuListProps: CustomMenuListProps;
     onInputChange: (newValue: string, actionMeta: InputActionMeta) => void;
     onMenuClose?: () => void;
@@ -20,4 +21,4 @@ export interface FilterPopupSelectProps {
     status: 'empty' | 'loading' | 'resolved' | 'rejected' | 'loadingMore';
     totalCount?: number;
 }
-export declare const FilterPopupSelect: ({ filterName, totalCount, status, buttonLabel, searchPlaceholder, showLoading, isDisabled, showHydrating, shouldShowFooter, menuListProps, options, selectedOptions, onSelectionChange, onInputChange, onMenuClose, onMenuOpen, }: FilterPopupSelectProps) => React.JSX.Element;
+export declare const FilterPopupSelect: (props: FilterPopupSelectProps) => React.JSX.Element;

package/dist/types/ui/common/modal/popup-select/useInlinePopupLayout.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from 'react';
+import type { PopupSelect } from '@atlaskit/select/popup-select';
+import type { SelectOption } from './types';
+export declare function useInlinePopupLayout(isInline: boolean, popupRef: RefObject<PopupSelect<SelectOption, true>>): {
+    maxMenuHeight?: number;
+    onClose: () => void;
+    onOpen: () => void;
+    popperProps?: PopupSelect<SelectOption, true>['props']['popperProps'];
+};

package/dist/types/ui/datasource-table-view/datasourceTableView.d.ts

@@ -6,16 +6,20 @@ import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
 import { type WithContextProps } from '@atlaskit/analytics-next/withAnalyticsContext';
 import type { DatasourceParameters } from '@atlaskit/linking-types/datasource';
 import type { IssueLikeDataTableViewProps } from '../issue-like-table/types';
-import { type DatasourceTableRequestSettledResult } from './types';
+import { type DatasourceTableRequestSettledResult, type DatasourceTableViewProps } from './types';
 export declare const DatasourceTableView: ForwardRefExoticComponent<{
     datasourceId: string;
+    enableRequestSettled?: boolean;
     onRequestSettled?: (result: DatasourceTableRequestSettledResult) => void;
     parameters: DatasourceParameters;
+    renderEmptyState?: DatasourceTableViewProps['renderEmptyState'];
     url?: string;
 } & Partial<Pick<IssueLikeDataTableViewProps, 'visibleColumnKeys' | 'onVisibleColumnKeysChange' | 'wrappedColumnKeys' | 'onWrappedColumnChange' | 'onWrappedColumnsChange' | 'onColumnResize' | 'onColumnSort' | 'sortState' | 'columnCustomSizes' | 'scrollableContainerHeight'>> & WithContextProps & RefAttributes<any>>;
 export declare const DataSourceTableViewNoSuspense: ForwardRefExoticComponent<{
     datasourceId: string;
+    enableRequestSettled?: boolean;
     onRequestSettled?: (result: DatasourceTableRequestSettledResult) => void;
     parameters: DatasourceParameters;
+    renderEmptyState?: DatasourceTableViewProps['renderEmptyState'];
     url?: string;
 } & Partial<Pick<IssueLikeDataTableViewProps, 'visibleColumnKeys' | 'onVisibleColumnKeysChange' | 'wrappedColumnKeys' | 'onWrappedColumnChange' | 'onWrappedColumnsChange' | 'onColumnResize' | 'onColumnSort' | 'sortState' | 'columnCustomSizes' | 'scrollableContainerHeight'>> & WithContextProps & RefAttributes<any>>;

package/dist/types/ui/datasource-table-view/types.d.ts

@@ -1,3 +1,4 @@
+import type { ReactElement } from 'react';
 import type { DatasourceParameters } from '@atlaskit/linking-types/datasource';
 import { type IssueLikeDataTableViewProps } from '../issue-like-table/types';
 /** Outcome of a datasource data request, reported to hosts via `onRequestSettled`. */
@@ -11,6 +12,8 @@ export type DatasourceTableRequestSettledResult = {
 export type DatasourceTableViewProps = {
     /** Unique identifier for which type of datasource is being rendered and for making its requests */
     datasourceId: string;
+    /** Explicitly enable completion reporting for embedded hosts; otherwise use the existing gate. */
+    enableRequestSettled?: boolean;
     /**
      * Called each time a data request settles (including next-page loads and refreshes), so hosts can
      * react to the outcome, e.g. replace the table with their own empty state when `itemCount` is 0.
@@ -18,6 +21,8 @@ export type DatasourceTableViewProps = {
     onRequestSettled?: (result: DatasourceTableRequestSettledResult) => void;
     /** Parameters for making the data requests necessary to render data within the table */
     parameters: DatasourceParameters;
+    /** Replace the entire resolved empty table, including headers and footer, without stopping requests. */
+    renderEmptyState?: () => ReactElement | null;
     /** Url for an existing datasource, initially used for displaying to a user unauthorized to query that site  */
     url?: string;
 } & Partial<Pick<IssueLikeDataTableViewProps, 'visibleColumnKeys' | 'onVisibleColumnKeysChange' | 'wrappedColumnKeys' | 'onWrappedColumnChange' | 'onWrappedColumnsChange' | 'onColumnResize' | 'onColumnSort' | 'sortState' | 'columnCustomSizes' | 'scrollableContainerHeight'>>;

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

@@ -5,10 +5,11 @@ import { type BasicFilterFieldType } from '../../types';
 export interface AsyncPopupSelectProps {
     filterType: BasicFilterFieldType;
     isDisabled?: boolean;
+    isInline?: boolean;
     isJQLHydrating: boolean;
     onSelectionChange?: (filterType: BasicFilterFieldType, options: SelectOption[]) => void;
     selection: SelectOption[];
     site?: Site;
 }
-declare const AsyncPopupSelect: ({ filterType, site, selection, isJQLHydrating, onSelectionChange, isDisabled, }: AsyncPopupSelectProps) => React.JSX.Element;
+declare const AsyncPopupSelect: ({ filterType, site, selection, isJQLHydrating, onSelectionChange, isDisabled, isInline, }: AsyncPopupSelectProps) => React.JSX.Element;
 export default AsyncPopupSelect;

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

@@ -4,11 +4,12 @@ import { type SelectOption } from '../../../common/modal/popup-select/types';
 import type { BasicFilterFieldType, SelectedOptionsMap } from '../types';
 export declare const availableBasicFilterTypes: BasicFilterFieldType[];
 export interface BasicFilterContainerProps {
+    isInline?: boolean;
     isJQLHydrating: boolean;
     jql: string;
     onChange: (filterType: BasicFilterFieldType, options: SelectOption[]) => void;
     selections: SelectedOptionsMap;
     site?: Site;
 }
-declare const BasicFilterContainer: ({ jql, site, onChange, selections, isJQLHydrating, }: BasicFilterContainerProps) => React.JSX.Element;
+declare const BasicFilterContainer: ({ jql, site, onChange, selections, isJQLHydrating, isInline, }: BasicFilterContainerProps) => React.JSX.Element;
 export default BasicFilterContainer;

package/dist/types/ui/jira-issues-modal/jira-search-container/JiraSearchContainerWithWrappers.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type SearchContainerProps } from './index';
+/** Embedded consumers need the same translated search controls as the configuration modal. */
+export declare const JiraSearchContainer: (props: SearchContainerProps) => React.JSX.Element;

package/dist/types/ui/jira-issues-modal/jira-search-container/buildJQL.d.ts

@@ -4,6 +4,7 @@ type BuildJQLInput = {
     orderDirection?: string;
     orderKey?: string;
     rawSearch: string;
+    textSearchField?: 'textfields';
 };
 export declare const fuzzyCharacter = "*";
 export declare const buildJQL: (input: BuildJQLInput) => string;

package/dist/types/ui/jira-issues-modal/jira-search-container/embedded.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { SearchContainerProps } from './index';
+export declare const EmbeddedJiraSearchContainer: (props: SearchContainerProps & {
+    allowedOrderByKeys: string[];
+    defaultJql: string;
+}) => JSX.Element;