@atlaskit/link-datasource 1.16.4 → 1.17.0

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

@@ -20,10 +20,14 @@ export var useFilterOptions = function useFilterOptions(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     status = _useState6[0],
     setStatus = _useState6[1];
-  var _useState7 = useState(undefined),
+  var _useState7 = useState([]),
     _useState8 = _slicedToArray(_useState7, 2),
-    nextPageCursor = _useState8[0],
-    setNextPageCursor = _useState8[1];
+    errors = _useState8[0],
+    setErrors = _useState8[1];
+  var _useState9 = useState(undefined),
+    _useState10 = _slicedToArray(_useState9, 2),
+    nextPageCursor = _useState10[0],
+    setNextPageCursor = _useState10[1];
   var initialData = useRef();
   var _useBasicFilterAGG = useBasicFilterAGG(),
     getFieldValues = _useBasicFilterAGG.getFieldValues;
@@ -66,12 +70,13 @@ export var useFilterOptions = function useFilterOptions(_ref) {
         case 13:
           response = _context.t0;
           if (!(response.errors && response.errors.length > 0)) {
-            _context.next = 17;
+            _context.next = 18;
             break;
           }
           setStatus('rejected');
+          setErrors(response.errors);
           return _context.abrupt("return");
-        case 17:
+        case 18:
           if (isNewSearch) {
             setFilterOptions(mapFieldValuesToFilterOptions(response));
             if (isRequestLikeInitialSearch) {
@@ -87,23 +92,25 @@ export var useFilterOptions = function useFilterOptions(_ref) {
           setTotalCount(mapFieldValuesToTotalCount(response));
           setNextPageCursor(mapFieldValuesToPageCursor(response));
           setStatus('resolved');
-          _context.next = 26;
+          _context.next = 28;
           break;
-        case 23:
-          _context.prev = 23;
+        case 24:
+          _context.prev = 24;
           _context.t1 = _context["catch"](5);
+          setErrors([_context.t1]);
           setStatus('rejected');
-        case 26:
+        case 28:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[5, 23]]);
+    }, _callee, null, [[5, 24]]);
   })), [cloudId, filterOptions, filterType, getFieldValues]);
   return {
     filterOptions: filterOptions,
     fetchFilterOptions: fetchFilterOptions,
     totalCount: totalCount,
     pageCursor: nextPageCursor,
-    status: status
+    status: status,
+    errors: status === 'rejected' ? errors : []
   };
 };

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

@@ -1,10 +1,11 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["isOpen"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
 import { CheckboxOption, PopupSelect } from '@atlaskit/select';
@@ -31,7 +32,6 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var pickerRef = useRef(null);
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
@@ -40,6 +40,10 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectedOptions = _useState4[0],
     setSelectedOptions = _useState4[1];
+  var _useState5 = useState(selectedOptions),
+    _useState6 = _slicedToArray(_useState5, 2),
+    sortedOptions = _useState6[0],
+    setSortedOptions = _useState6[1];
   var _useFilterOptions = useFilterOptions({
       filterType: filterType,
       cloudId: cloudId
@@ -48,7 +52,8 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     fetchFilterOptions = _useFilterOptions.fetchFilterOptions,
     totalCount = _useFilterOptions.totalCount,
     status = _useFilterOptions.status,
-    pageCursor = _useFilterOptions.pageCursor;
+    pageCursor = _useFilterOptions.pageCursor,
+    errors = _useFilterOptions.errors;
   var _useDebouncedCallback = useDebouncedCallback(function (searchString) {
       fetchFilterOptions({
         searchString: searchString
@@ -79,14 +84,46 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     setSelectedOptions(newValue);
     onSelectionChange(newValue);
   };
-  var handleOpenPopup = useCallback(function () {
-    if (status === 'empty' || status === 'rejected') {
-      // if user searches and gets status as rejected, we want the dropdown to try load the request with searchString when the user reopens the dropdown
-      fetchFilterOptions({
-        searchString: searchTerm
+  var sortOptionsOnPopupOpen = useCallback(function () {
+    if (selectedOptions.length === 0) {
+      setSortedOptions(filterOptions);
+      return;
+    }
+    var nonSelectedOptions = filterOptions.filter(function (option) {
+      return !selectedOptions.find(function (selectedOption) {
+        return selectedOption.value === option.value;
+      });
+    });
+    var newOptions = [].concat(_toConsumableArray(selectedOptions), _toConsumableArray(nonSelectedOptions));
+    setSortedOptions(newOptions);
+  }, [selectedOptions, filterOptions]);
+  var sortOptionsOnResolve = useCallback(function () {
+    var newOptions = filterOptions.filter(function (option) {
+      return !sortedOptions.find(function (sortedOption) {
+        return sortedOption.value === option.value;
+      });
+    });
+    var shouldSetSortOptions = false;
+    if (sortedOptions.length !== filterOptions.length) {
+      shouldSetSortOptions = true;
+    } else {
+      sortedOptions.forEach(function (sortedOption) {
+        if (!filterOptions.some(function (filterOption) {
+          return filterOption.value === sortedOption.value;
+        })) {
+          shouldSetSortOptions = true;
+        }
       });
     }
-  }, [fetchFilterOptions, searchTerm, status]);
+    if (shouldSetSortOptions) {
+      var sortedOptionsFiltered = sortedOptions.filter(function (sortedOption) {
+        return filterOptions.some(function (filterOption) {
+          return filterOption.value === sortedOption.value;
+        });
+      });
+      setSortedOptions([].concat(_toConsumableArray(sortedOptionsFiltered), _toConsumableArray(newOptions)));
+    }
+  }, [filterOptions, sortedOptions]);
   var handleShowMore = useCallback(function () {
     if (pageCursor) {
       fetchFilterOptions({
@@ -95,28 +132,34 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
       });
     }
   }, [fetchFilterOptions, pageCursor, searchTerm]);
+  var handleOpenPopup = useCallback(function () {
+    if (status === 'empty' || status === 'rejected') {
+      // if user searches and gets status as rejected, we want the dropdown to try load the request with searchString when the user reopens the dropdown
+      fetchFilterOptions({
+        searchString: searchTerm
+      });
+    } else if (status === 'resolved') {
+      sortOptionsOnPopupOpen();
+    }
+  }, [fetchFilterOptions, searchTerm, sortOptionsOnPopupOpen, status]);
   useEffect(function () {
     if (status === 'resolved') {
-      var _pickerRef$current;
-      // necessary to refocus the search input after the loading state
-      pickerRef === null || pickerRef === void 0 || (_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 || (_pickerRef$current = _pickerRef$current.selectRef) === null || _pickerRef$current === void 0 || (_pickerRef$current = _pickerRef$current.inputRef) === null || _pickerRef$current === void 0 || _pickerRef$current.focus();
+      sortOptionsOnResolve();
     }
-  }, [status]);
+  }, [sortOptionsOnResolve, status]);
   var filterOptionsLength = filterOptions.length;
   var isError = status === 'rejected';
   var isLoading = status === 'loading' || status === 'empty';
   var isLoadingMore = status === 'loadingMore';
   var isEmpty = status === 'resolved' && filterOptionsLength === 0;
+  var popupSelectOptions = isLoading || isError ? [] : sortedOptions; // if not set to [], then on loading, no loading UI will be shown
   var areAllResultsLoaded = filterOptions.length === totalCount;
   var shouldShowFooter = (status === 'resolved' || isLoadingMore) && filterOptions.length > 0; // footer should not disappear when there is an inline spinner for loading more data
   var shouldDisplayShowMoreButton = status === 'resolved' && !!pageCursor && !areAllResultsLoaded;
-  var options = isLoading || isError ? [] : filterOptions; // if not set to [], for eg: on loading, no loading UI will be shown
-
   return /*#__PURE__*/React.createElement(PopupSelect, {
     isMulti: true,
     maxMenuWidth: 300,
     minMenuWidth: 300,
-    ref: pickerRef,
     testId: "jlol-basic-filter-popup-select",
     inputId: "jlol-basic-filter-popup-select--input"
     /*
@@ -142,7 +185,8 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
           isLoading: isLoading,
           isLoadingMore: isLoadingMore,
           showMore: shouldDisplayShowMoreButton,
-          handleShowMore: handleShowMore
+          handleShowMore: handleShowMore,
+          errors: errors
         }));
       },
       DropdownIndicator: CustomDropdownIndicator,
@@ -151,7 +195,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
       IndicatorSeparator: undefined // disables the | separator between search input and icon
     },
 
-    options: options,
+    options: popupSelectOptions,
     value: selectedOptions,
     filterOption: noFilterOptions,
     formatOptionLabel: formatOptionLabel,
@@ -162,6 +206,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
         triggerProps = _objectWithoutProperties(_ref3, _excluded);
       return /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, triggerProps, {
         filterType: filterType,
+        selectedOptions: selectedOptions,
         isSelected: isOpen,
         onClick: handleOpenPopup,
         isDisabled: isDisabled

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

@@ -1,23 +1,46 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { forwardRef } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import Badge from '@atlaskit/badge';
 import Button from '@atlaskit/button/standard-button';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+import { Box, Flex, xcss } from '@atlaskit/primitives';
 import { asyncPopupSelectMessages } from './messages';
+var triggerButtonLabelStyles = xcss({
+  textOverflow: 'ellipsis',
+  overflow: 'hidden',
+  maxWidth: '150px'
+});
+var badgeStyles = xcss({
+  marginLeft: 'space.050'
+});
 var PopupTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var filterType = _ref.filterType,
     isSelected = _ref.isSelected,
     isDisabled = _ref.isDisabled,
-    onClick = _ref.onClick;
+    onClick = _ref.onClick,
+    selectedOptions = _ref.selectedOptions;
+  var _ref2 = selectedOptions || [],
+    _ref3 = _slicedToArray(_ref2, 1),
+    firstOption = _ref3[0];
+  var hasOptions = selectedOptions && selectedOptions.length > 0;
   return /*#__PURE__*/React.createElement(Button, {
     ref: ref,
     appearance: "default",
-    isSelected: isSelected,
+    isSelected: isSelected || hasOptions,
     isDisabled: isDisabled,
     onClick: onClick,
     testId: "jlol-basic-filter-".concat(filterType, "-trigger"),
     iconAfter: /*#__PURE__*/React.createElement(ChevronDownIcon, {
       label: ""
     })
-  }, /*#__PURE__*/React.createElement(FormattedMessage, asyncPopupSelectMessages["".concat(filterType, "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))));
 });
 export default PopupTrigger;

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

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { isValidJql } from '../utils';
 import AsyncPopupSelect from './async-popup-select';
@@ -11,14 +11,17 @@ var BasicFilterContainer = function BasicFilterContainer(_ref) {
   var jql = _ref.jql,
     cloudId = _ref.cloudId;
   var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 1),
-    selection = _useState2[0];
+    _useState2 = _slicedToArray(_useState, 2),
+    selection = _useState2[0],
+    setSelection = _useState2[1];
   useEffect(function () {
     if (isValidJql(jql)) {
       // hydrate hook call goes in here
     }
   }, [jql]);
-  var handleSelectionChange = function handleSelectionChange() {};
+  var handleSelectionChange = useCallback(function (options) {
+    setSelection(options);
+  }, [setSelection]);
   return /*#__PURE__*/React.createElement(Flex, {
     xcss: basicFilterContainerStyles,
     gap: "space.100",

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/menu-list/errorMessage.js

@@ -1,9 +1,43 @@
-import React from 'react';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useEffect } from 'react';
+import { useDebouncedCallback } from 'use-debounce';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { N500 } from '@atlaskit/theme/colors';
+import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
+import { SEARCH_DEBOUNCE_MS } from '../async-popup-select';
 import { asyncPopupSelectMessages } from './messages';
 import CustomSelectMessage from './selectMessage';
-var CustomErrorMessage = function CustomErrorMessage() {
+var getErrorReasonType = function getErrorReasonType(errors) {
+  var _ref = errors || [],
+    _ref2 = _slicedToArray(_ref, 1),
+    error = _ref2[0];
+  if (error instanceof Error) {
+    return 'network';
+  }
+  if (errors && errors.length > 0) {
+    return 'agg';
+  }
+  return 'unknown';
+};
+var CustomErrorMessage = function CustomErrorMessage(_ref3) {
+  var filterType = _ref3.filterType,
+    errors = _ref3.errors;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+
+  /**
+   * Debounce is required because our search is debounced
+   * ref: ./noOptionsMessage.tsx
+   */
+  var _useDebouncedCallback = useDebouncedCallback(function () {
+      fireEvent('ui.error.shown.basicSearchDropdown', {
+        filterType: filterType,
+        reason: getErrorReasonType(errors)
+      });
+    }, SEARCH_DEBOUNCE_MS),
+    _useDebouncedCallback2 = _slicedToArray(_useDebouncedCallback, 1),
+    debouncedAnalyticsCallback = _useDebouncedCallback2[0];
+  useEffect(debouncedAnalyticsCallback, [debouncedAnalyticsCallback]);
   return /*#__PURE__*/React.createElement(CustomSelectMessage, {
     icon: /*#__PURE__*/React.createElement(ErrorIcon, {
       primaryColor: "var(--ds-icon, ".concat(N500, ")"),

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

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["filterType", "isLoading", "isLoadingMore", "isError", "isEmpty", "showMore", "handleShowMore", "children"];
+var _excluded = ["filterType", "isLoading", "isLoadingMore", "isError", "isEmpty", "errors", "showMore", "handleShowMore", "children"];
 import React from 'react';
 import { Flex } from '@atlaskit/primitives';
 import { components } from '@atlaskit/select';
@@ -14,6 +14,7 @@ var CustomMenuList = function CustomMenuList(_ref) {
     isLoadingMore = _ref.isLoadingMore,
     isError = _ref.isError,
     isEmpty = _ref.isEmpty,
+    errors = _ref.errors,
     showMore = _ref.showMore,
     handleShowMore = _ref.handleShowMore,
     children = _ref.children,
@@ -32,7 +33,10 @@ var CustomMenuList = function CustomMenuList(_ref) {
       return /*#__PURE__*/React.createElement(CustomDropdownLoadingMessage, null);
     }
     if (isError) {
-      return /*#__PURE__*/React.createElement(CustomErrorMessage, null);
+      return /*#__PURE__*/React.createElement(CustomErrorMessage, {
+        filterType: filterType,
+        errors: errors
+      });
     }
     if (isEmpty) {
       return /*#__PURE__*/React.createElement(CustomNoOptionsMessage, {

package/dist/types/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::ea736210c3d6e0528843ce49cebf0610>>
+ * @codegen <<SignedSource::ddaee20abebe8b4891d75f243120dce8>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type PackageMetaDataType = {
@@ -85,6 +85,10 @@ export type LinkViewedCountAttributesType = {
 export type EmptyResultShownBasicSearchDropdownAttributesType = {
     filterType: 'project' | 'assignee' | 'issuetype' | 'status';
 };
+export type ErrorShownBasicSearchDropdownAttributesType = {
+    filterType: 'project' | 'assignee' | 'issuetype' | 'status';
+    reason: 'agg' | 'network' | 'unknown';
+};
 export type AqlEditorSearchedAttributesType = {};
 export type AnalyticsEventAttributes = {
     /**
@@ -138,6 +142,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when the basic filter search results are empty */
     'ui.emptyResult.shown.basicSearchDropdown': EmptyResultShownBasicSearchDropdownAttributesType;
+    /**
+     * Fired when the basic filter search dropdown shows an error UI */
+    'ui.error.shown.basicSearchDropdown': ErrorShownBasicSearchDropdownAttributesType;
     /**
      * Fired when search is initiated via the search icon or enter key press for aql editor input field. */
     'ui.aqlEditor.searched': AqlEditorSearchedAttributesType;

package/dist/types/services/cmdbService.utils.d.ts

@@ -1,5 +1,5 @@
 export declare const mapFetchErrors: (error: any) => Error;
-export declare const getStatusCodeGroup: (error: Error) => "1xx" | "3xx" | "4xx" | "5xx" | "unknown";
+export declare const getStatusCodeGroup: (error: Error) => "unknown" | "1xx" | "3xx" | "4xx" | "5xx";
 export declare class PermissionError extends Error {
     constructor(message: string);
 }

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

@@ -13,6 +13,7 @@ export interface FilterOptionsState {
     totalCount: number;
     pageCursor?: string;
     status: 'empty' | 'loading' | 'resolved' | 'rejected' | 'loadingMore';
+    errors: unknown[];
 }
 export declare const useFilterOptions: ({ filterType, cloudId, }: FilterOptionsProps) => FilterOptionsState;
 export {};

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

@@ -1,7 +1,8 @@
 import React from 'react';
-import { BasicFilterFieldType } from '../../types';
+import { BasicFilterFieldType, SelectOption } from '../../types';
 export interface PopupTriggerProps {
     filterType: BasicFilterFieldType;
+    selectedOptions?: ReadonlyArray<SelectOption>;
     isSelected?: boolean;
     isDisabled?: boolean;
     onClick?: () => void;

package/dist/types/ui/jira-issues-modal/basic-filters/ui/menu-list/errorMessage.d.ts

@@ -1,3 +1,8 @@
 /// <reference types="react" />
-declare const CustomErrorMessage: () => JSX.Element;
+import { FilterOptionsState } from '../../hooks/useFilterOptions';
+import { BasicFilterFieldType } from '../../types';
+declare const CustomErrorMessage: ({ filterType, errors, }: {
+    filterType: BasicFilterFieldType;
+    errors?: unknown[] | undefined;
+}) => JSX.Element;
 export default CustomErrorMessage;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { MenuListComponentProps } from '@atlaskit/select';
+import { FilterOptionsState } from '../../hooks/useFilterOptions';
 import { BasicFilterFieldType, SelectOption } from '../../types';
 type CustomProps = {
     isError?: boolean;
@@ -9,6 +10,7 @@ type CustomProps = {
     showMore?: boolean;
     handleShowMore: () => void;
     filterType: BasicFilterFieldType;
+    errors?: FilterOptionsState['errors'];
 };
-declare const CustomMenuList: ({ filterType, isLoading, isLoadingMore, isError, isEmpty, showMore, handleShowMore, children, ...props }: MenuListComponentProps<SelectOption, true> & CustomProps) => JSX.Element;
+declare const CustomMenuList: ({ filterType, isLoading, isLoadingMore, isError, isEmpty, errors, showMore, handleShowMore, children, ...props }: MenuListComponentProps<SelectOption, true> & CustomProps) => JSX.Element;
 export default CustomMenuList;

package/dist/types-ts4.5/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::ea736210c3d6e0528843ce49cebf0610>>
+ * @codegen <<SignedSource::ddaee20abebe8b4891d75f243120dce8>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type PackageMetaDataType = {
@@ -85,6 +85,10 @@ export type LinkViewedCountAttributesType = {
 export type EmptyResultShownBasicSearchDropdownAttributesType = {
     filterType: 'project' | 'assignee' | 'issuetype' | 'status';
 };
+export type ErrorShownBasicSearchDropdownAttributesType = {
+    filterType: 'project' | 'assignee' | 'issuetype' | 'status';
+    reason: 'agg' | 'network' | 'unknown';
+};
 export type AqlEditorSearchedAttributesType = {};
 export type AnalyticsEventAttributes = {
     /**
@@ -138,6 +142,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when the basic filter search results are empty */
     'ui.emptyResult.shown.basicSearchDropdown': EmptyResultShownBasicSearchDropdownAttributesType;
+    /**
+     * Fired when the basic filter search dropdown shows an error UI */
+    'ui.error.shown.basicSearchDropdown': ErrorShownBasicSearchDropdownAttributesType;
     /**
      * Fired when search is initiated via the search icon or enter key press for aql editor input field. */
     'ui.aqlEditor.searched': AqlEditorSearchedAttributesType;

package/dist/types-ts4.5/services/cmdbService.utils.d.ts

@@ -1,5 +1,5 @@
 export declare const mapFetchErrors: (error: any) => Error;
-export declare const getStatusCodeGroup: (error: Error) => "1xx" | "3xx" | "4xx" | "5xx" | "unknown";
+export declare const getStatusCodeGroup: (error: Error) => "unknown" | "1xx" | "3xx" | "4xx" | "5xx";
 export declare class PermissionError extends Error {
     constructor(message: string);
 }

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.d.ts

@@ -13,6 +13,7 @@ export interface FilterOptionsState {
     totalCount: number;
     pageCursor?: string;
     status: 'empty' | 'loading' | 'resolved' | 'rejected' | 'loadingMore';
+    errors: unknown[];
 }
 export declare const useFilterOptions: ({ filterType, cloudId, }: FilterOptionsProps) => FilterOptionsState;
 export {};

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

@@ -1,7 +1,8 @@
 import React from 'react';
-import { BasicFilterFieldType } from '../../types';
+import { BasicFilterFieldType, SelectOption } from '../../types';
 export interface PopupTriggerProps {
     filterType: BasicFilterFieldType;
+    selectedOptions?: ReadonlyArray<SelectOption>;
     isSelected?: boolean;
     isDisabled?: boolean;
     onClick?: () => void;

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/ui/menu-list/errorMessage.d.ts

@@ -1,3 +1,8 @@
 /// <reference types="react" />
-declare const CustomErrorMessage: () => JSX.Element;
+import { FilterOptionsState } from '../../hooks/useFilterOptions';
+import { BasicFilterFieldType } from '../../types';
+declare const CustomErrorMessage: ({ filterType, errors, }: {
+    filterType: BasicFilterFieldType;
+    errors?: unknown[] | undefined;
+}) => JSX.Element;
 export default CustomErrorMessage;

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/ui/menu-list/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { MenuListComponentProps } from '@atlaskit/select';
+import { FilterOptionsState } from '../../hooks/useFilterOptions';
 import { BasicFilterFieldType, SelectOption } from '../../types';
 type CustomProps = {
     isError?: boolean;
@@ -9,6 +10,7 @@ type CustomProps = {
     showMore?: boolean;
     handleShowMore: () => void;
     filterType: BasicFilterFieldType;
+    errors?: FilterOptionsState['errors'];
 };
-declare const CustomMenuList: ({ filterType, isLoading, isLoadingMore, isError, isEmpty, showMore, handleShowMore, children, ...props }: MenuListComponentProps<SelectOption, true> & CustomProps) => JSX.Element;
+declare const CustomMenuList: ({ filterType, isLoading, isLoadingMore, isError, isEmpty, errors, showMore, handleShowMore, children, ...props }: MenuListComponentProps<SelectOption, true> & CustomProps) => JSX.Element;
 export default CustomMenuList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.16.4",
+  "version": "1.17.0",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,6 +33,7 @@
     "@atlaskit/adf-schema": "^32.0.0",
     "@atlaskit/analytics-next": "^9.1.3",
     "@atlaskit/avatar": "^21.4.0",
+    "@atlaskit/badge": "^15.1.16",
     "@atlaskit/button": "^16.16.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/empty-state": "^7.5.0",
@@ -46,7 +47,7 @@
     "@atlaskit/jql-editor-autocomplete-rest": "^2.0.0",
     "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/linking-common": "^4.18.0",
-    "@atlaskit/linking-types": "^8.4.0",
+    "@atlaskit/linking-types": "^8.5.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/modal-dialog": "^12.8.0",
     "@atlaskit/platform-feature-flags": "^0.2.4",