@atlaskit/link-datasource 1.26.1 → 1.26.3

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

@@ -1,28 +1,13 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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 isEqual from 'lodash/isEqual';
 import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
-import { CheckboxOption, PopupSelect } from '@atlaskit/select';
-import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
+import { FilterPopupSelect } from '../../../../common/modal/popup-select';
 import { useFilterOptions } from '../../hooks/useFilterOptions';
-import CustomMenuList from '../menu-list';
-import CustomControl from './control';
-import CustomDropdownIndicator from './dropdownIndicator';
-import PopupFooter from './footer';
-import formatOptionLabel from './formatOptionLabel';
 import { asyncPopupSelectMessages } from './messages';
-import PopupTrigger from './trigger';
-// Needed to disable filtering from react-select
-var noFilterOptions = function noFilterOptions() {
-  return true;
-};
 export var SEARCH_DEBOUNCE_MS = 350;
 var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
   var filterType = _ref.filterType,
@@ -35,8 +20,6 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
-    fireEvent = _useDatasourceAnalyti.fireEvent;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
@@ -45,15 +28,9 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectedOptions = _useState4[0],
     setSelectedOptions = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    sortedOptions = _useState6[0],
-    setSortedOptions = _useState6[1];
   var _ref2 = site || {},
     cloudId = _ref2.cloudId;
   var currentSiteCloudId = useRef(cloudId || '');
-  var sortPaginatedResults = useRef(false); // this is to track pagination for sorting purpose
-
   var _useFilterOptions = useFilterOptions({
       filterType: filterType,
       site: site
@@ -73,123 +50,44 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     _useDebouncedCallback2 = _slicedToArray(_useDebouncedCallback, 1),
     handleDebouncedFetchFilterOptions = _useDebouncedCallback2[0];
   var handleInputChange = useCallback( /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(newSearchTerm, actionMeta) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(newSearchTerm) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (actionMeta.action === 'input-change' && newSearchTerm !== searchTerm) {
-              setSearchTerm(newSearchTerm);
-              handleDebouncedFetchFilterOptions(newSearchTerm);
-            }
-          case 1:
+            setSearchTerm(newSearchTerm);
+            handleDebouncedFetchFilterOptions(newSearchTerm);
+          case 2:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
-    return function (_x, _x2) {
+    return function (_x) {
       return _ref3.apply(this, arguments);
     };
-  }(), [handleDebouncedFetchFilterOptions, searchTerm]);
+  }(), [handleDebouncedFetchFilterOptions]);
   var handleOptionSelection = useCallback(function (newValue) {
     onSelectionChange(filterType, newValue);
   }, [filterType, onSelectionChange]);
-  var sortOptionsOnPopupOpen = useCallback(function () {
-    if (selectedOptions.length === 0) {
-      return setSortedOptions(filterOptions);
-    }
-    var nonSelectedOptions = filterOptions.filter(function (option) {
-      return !selectedOptions.find(function (selectedOption) {
-        return selectedOption.value === option.value;
-      });
-    });
-    var newOptions = [].concat(_toConsumableArray(selectedOptions), _toConsumableArray(nonSelectedOptions));
-    if (!isEqual(newOptions, sortedOptions)) {
-      setSortedOptions(newOptions);
-    }
-  }, [selectedOptions, filterOptions, sortedOptions]);
-  var sortOptionsOnResolve = useCallback(function () {
-    // when the user is searching, we want the search result to be displayed as it is, and the select component will take care of marking the selected items
-    if (searchTerm) {
-      sortPaginatedResults.current = false; // set to false to indicate pagination resolve action is completed from the sorting perspective
-      return setSortedOptions(filterOptions);
-    }
-
-    // sortedOptions is empty initially, this will take care of setting the initial value and bring the selected items to the top
-    if (sortedOptions.length === 0) {
-      return sortOptionsOnPopupOpen();
-    }
-
-    // this block handles the pagination, where on pagination, we will just append newOptions to the current list
-    if (sortPaginatedResults.current) {
-      var newOptions = filterOptions.filter(function (option) {
-        return !sortedOptions.find(function (sortedOption) {
-          return sortedOption.value === option.value;
-        });
-      });
-      if (newOptions.length > 0) {
-        setSortedOptions([].concat(_toConsumableArray(sortedOptions), _toConsumableArray(newOptions)));
-      }
-      sortPaginatedResults.current = false; // set to false to indicate pagination resolve action is completed from the sorting perspective
-      return;
-    }
-    sortPaginatedResults.current = false; // set to false to indicate pagination resolve action is completed from the sorting perspective
-    sortOptionsOnPopupOpen();
-  }, [filterOptions, searchTerm, sortOptionsOnPopupOpen, sortedOptions]);
   var handleShowMore = useCallback(function () {
     if (pageCursor) {
-      sortPaginatedResults.current = true;
       fetchFilterOptions({
         pageCursor: pageCursor,
         searchString: searchTerm
       });
-      fireEvent('ui.button.clicked.basicSearchDropdown', {
-        filterType: filterType,
-        type: 'showMore'
-      });
     }
-  }, [fetchFilterOptions, filterType, fireEvent, pageCursor, searchTerm]);
+  }, [fetchFilterOptions, pageCursor, searchTerm]);
   var handleMenuOpen = 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();
     }
-    fireEvent('ui.dropdown.opened.basicSearchDropdown', {
-      filterType: filterType,
-      selectionCount: selectedOptions.length
-    });
-  }, [fetchFilterOptions, filterType, fireEvent, searchTerm, selectedOptions.length, sortOptionsOnPopupOpen, status]);
-  var handleMenuClose = useCallback(function () {
-    /**
-     * Clearing the search is to ensure that the sortOptionsOnPopupOpen logic does not mess up.
-     * Without this, when the user opens, sortOptionsOnPopupOpen will inject the selected options to the list and the list count and values will be off
-     */
-    if (searchTerm) {
-      handleInputChange('', {
-        action: 'input-change',
-        prevInputValue: searchTerm
-      });
-    }
-    fireEvent('ui.dropdown.closed.basicSearchDropdown', {
-      filterType: filterType,
-      selectionCount: selectedOptions.length
-    });
-  }, [filterType, fireEvent, handleInputChange, searchTerm, selectedOptions.length]);
-  useEffect(function () {
-    if (status === 'resolved') {
-      sortOptionsOnResolve();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [status]); // we only want the sortOptionsOnResolve to run when there is a status change
-
+  }, [fetchFilterOptions, searchTerm, status]);
   useEffect(function () {
     if (cloudId && currentSiteCloudId.current !== cloudId) {
       currentSiteCloudId.current = cloudId;
-      setSortedOptions([]);
       setSearchTerm('');
       resetHook();
     }
@@ -204,29 +102,27 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
   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 popupSelectOptions = isLoading || isError ? [] : filterOptions; // if not set to [], then on loading, no loading UI will be shown
   var areAllResultsLoaded = filterOptionsLength === totalCount;
   var shouldShowFooter = (status === 'resolved' || isLoadingMore) && filterOptionsLength > 0; // footer should not disappear when there is an inline spinner for loading more data
   var shouldDisplayShowMoreButton = status === 'resolved' && !!pageCursor && !areAllResultsLoaded;
-  return /*#__PURE__*/React.createElement(PopupSelect, {
-    isMulti: true,
-    maxMenuWidth: 300,
-    minMenuWidth: 300,
-    testId: "jlol-basic-filter-popup-select",
-    inputId: "jlol-basic-filter-popup-select--input"
-    /*
-      this threshold controls the display of the search control (input field for search)
-      if this threshold is less than 0, when typing a search string that returns no results it will not remove the search control
-      if this threshold is 0 or higher, it will remove the search control when there are no results, the user will be unable to clear the search to see more results
-    */,
-    searchThreshold: -1,
-    inputValue: searchTerm,
-    closeMenuOnSelect: false,
-    hideSelectedOptions: false,
-    isLoading: isLoading,
-    placeholder: formatMessage(asyncPopupSelectMessages.selectPlaceholder),
+  var triggerButtonLabel = formatMessage(asyncPopupSelectMessages["".concat(filterType, "Label")]);
+  return /*#__PURE__*/React.createElement(FilterPopupSelect, {
+    filterName: "jlol-basic-filter-".concat(filterType),
+    status: status,
+    showLoading: isLoading,
+    showHydrating: isJQLHydrating,
+    isDisabled: isDisabled,
+    totalCount: totalCount,
+    shouldShowFooter: shouldShowFooter,
+    selectedOptions: selectedOptions,
+    options: popupSelectOptions,
+    buttonLabel: triggerButtonLabel,
+    onInputChange: handleInputChange,
+    onSelectionChange: handleOptionSelection,
+    onMenuOpen: handleMenuOpen,
     menuListProps: {
-      filterType: filterType,
+      filterName: filterType,
       isError: isError,
       isEmpty: isEmpty,
       isLoading: isLoading,
@@ -234,39 +130,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
       handleShowMore: handleShowMore,
       errors: errors,
       showMore: shouldDisplayShowMoreButton
-    },
-    components: {
-      Option: CheckboxOption,
-      Control: CustomControl,
-      MenuList: CustomMenuList,
-      DropdownIndicator: CustomDropdownIndicator,
-      LoadingIndicator: undefined,
-      // disables the three ... indicator in the searchbox when picker is loading
-      IndicatorSeparator: undefined // disables the | separator between search input and icon
-    },
-    options: popupSelectOptions,
-    value: selectedOptions,
-    filterOption: noFilterOptions,
-    formatOptionLabel: formatOptionLabel,
-    onChange: handleOptionSelection,
-    onInputChange: handleInputChange,
-    onOpen: handleMenuOpen,
-    onClose: handleMenuClose,
-    target: function target(_ref4) {
-      var isOpen = _ref4.isOpen,
-        triggerProps = _objectWithoutProperties(_ref4, _excluded);
-      return /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, triggerProps, {
-        filterType: filterType,
-        selectedOptions: selectedOptions,
-        isSelected: isOpen,
-        isDisabled: isDisabled,
-        isLoading: isJQLHydrating
-      }));
-    },
-    footer: shouldShowFooter && /*#__PURE__*/React.createElement(PopupFooter, {
-      currentDisplayCount: popupSelectOptions.length,
-      totalCount: totalCount
-    })
+    }
   });
 };
 export default AsyncPopupSelect;

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

@@ -1,15 +1,5 @@
 import { defineMessages } from 'react-intl-next';
 export var asyncPopupSelectMessages = defineMessages({
-  selectPlaceholder: {
-    id: 'linkDataSource.basic-filter.dropdown.select.placeholder',
-    description: 'Placeholder text to be displayed for the search input box.',
-    defaultMessage: 'Search'
-  },
-  paginationDetails: {
-    id: 'linkDataSource.basic-filter.footer.pagination-details',
-    description: 'Text to indicate page count and total count information.',
-    defaultMessage: '{currentDisplayCount} of {totalCount}'
-  },
   projectLabel: {
     id: 'linkDataSource.basic-filter.project.label',
     description: 'Label to be displayed for project filter dropdown button.',
@@ -29,10 +19,5 @@ export var asyncPopupSelectMessages = defineMessages({
     id: 'linkDataSource.basic-filter.assignee.label',
     description: 'Label to be displayed for assignee filter dropdown button.',
     defaultMessage: 'Assignee'
-  },
-  showMoreMessage: {
-    id: 'linkDataSource.basic-filter.showMoreButton',
-    defaultMessage: 'Show more',
-    description: 'The text to show more options in dropdown'
   }
 });

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

@@ -218,7 +218,8 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
     onSearch: handleSearch,
     searchTerm: basicSearchTerm,
     placeholder: basicSearchInputMessages.basicTextSearchLabel,
-    testId: "jira-datasource-modal"
+    testId: "jira-datasource-modal",
+    fullWidth: !showBasicFilters
   }), showBasicFilters && jsx(BasicFilters, {
     jql: searchBarJql,
     site: site,

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::e9179418960d1cbfd58428448cf63c82>>
+ * @codegen <<SignedSource::6518dea178189cd102e0ca6ce7eae059>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -103,22 +103,22 @@ export type LinkViewedCountAttributesType = {
     extensionKey: string | null;
 };
 export type EmptyResultShownBasicSearchDropdownAttributesType = {
-    filterType: 'project' | 'assignee' | 'type' | 'status';
+    filterName: string;
 };
 export type ErrorShownBasicSearchDropdownAttributesType = {
-    filterType: 'project' | 'assignee' | 'type' | 'status';
+    filterName: string;
     reason: 'agg' | 'network' | 'unknown';
 };
 export type DropdownOpenedBasicSearchDropdownAttributesType = {
-    filterType: 'project' | 'assignee' | 'type' | 'status';
+    filterName: string;
     selectionCount: number;
 };
 export type DropdownClosedBasicSearchDropdownAttributesType = {
-    filterType: 'project' | 'assignee' | 'type' | 'status';
+    filterName: string;
     selectionCount: number;
 };
 export type ButtonClickedBasicSearchDropdownAttributesType = {
-    filterType: 'project' | 'assignee' | 'type' | 'status';
+    filterName: string;
     type: 'showMore';
 };
 export type AqlEditorSearchedAttributesType = {};

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
 import { MessageDescriptor } from 'react-intl-next';

package/dist/types/ui/{jira-issues-modal/basic-filters/ui/async-popup-select → common/modal/popup-select}/control.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ControlProps } from '@atlaskit/select';
-import { SelectOption } from '../../types';
+import { SelectOption } from './types';
 export declare const CustomControl: ({ children, ...innerProps }: ControlProps<SelectOption, true>) => JSX.Element;
 export default CustomControl;

package/dist/{types-ts4.5/ui/jira-issues-modal/basic-filters/ui/async-popup-select → types/ui/common/modal/popup-select}/dropdownIndicator.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { DropdownIndicatorProps } from '@atlaskit/select';
-import { SelectOption } from '../../types';
+import { SelectOption } from './types';
 declare const CustomDropdownIndicator: (props: DropdownIndicatorProps<SelectOption, true>) => JSX.Element;
 export default CustomDropdownIndicator;

package/dist/types/ui/{jira-issues-modal/basic-filters/ui/async-popup-select → common/modal/popup-select}/formatOptionLabel.d.ts

@@ -1,3 +1,3 @@
-import { FormatOptionLabel } from '../../types';
+import { FormatOptionLabel } from './types';
 declare const formatOptionLabel: FormatOptionLabel;
 export default formatOptionLabel;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { InputActionMeta, ValueType } from '@atlaskit/select';
+import { CustomMenuListProps } from './menu-list';
+import { SelectOption } from './types';
+export declare const FilterPopupSelect: ({ filterName, totalCount, status, buttonLabel, showLoading, isDisabled, showHydrating, shouldShowFooter, menuListProps, options, selectedOptions, onSelectionChange, onInputChange, onMenuClose, onMenuOpen, }: {
+    buttonLabel: string;
+    totalCount: number;
+    filterName: string;
+    isDisabled: boolean;
+    showLoading: boolean;
+    showHydrating: boolean;
+    shouldShowFooter: boolean;
+    status: 'empty' | 'loading' | 'resolved' | 'rejected' | 'loadingMore';
+    menuListProps: CustomMenuListProps;
+    options: ValueType<SelectOption, true>;
+    selectedOptions: ValueType<SelectOption, true>;
+    onSelectionChange: (newValue: ValueType<SelectOption, true>) => void;
+    onInputChange: (newValue: string, actionMeta: InputActionMeta) => void;
+    onMenuOpen?: (() => void) | undefined;
+    onMenuClose?: (() => void) | undefined;
+}) => JSX.Element;

package/dist/types/ui/common/modal/popup-select/menu-list/errorMessage.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const CustomErrorMessage: ({ filterName, errors, }: {
+    filterName: string;
+    errors?: unknown[] | undefined;
+}) => JSX.Element;
+export default CustomErrorMessage;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { MenuListComponentProps } from '@atlaskit/select';
+import { SelectOption } from '../types';
+export type CustomMenuListProps = {
+    isError?: boolean;
+    isLoading?: boolean;
+    isLoadingMore?: boolean;
+    isEmpty?: boolean;
+    showMore?: boolean;
+    handleShowMore: () => void;
+    filterName: string;
+    errors?: unknown[];
+};
+declare const CustomMenuList: ({ children, ...props }: MenuListComponentProps<SelectOption, true>) => JSX.Element;
+export default CustomMenuList;

package/dist/{types-ts4.5/ui/jira-issues-modal/basic-filters/ui → types/ui/common/modal/popup-select}/menu-list/messages.d.ts

@@ -14,4 +14,9 @@ export declare const asyncPopupSelectMessages: {
         defaultMessage: string;
         description: string;
     };
+    showMoreMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/ui/common/modal/popup-select/menu-list/noOptionsMessage.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const CustomNoOptionsMessage: ({ filterName }: {
+    filterName: string;
+}) => JSX.Element;
+export default CustomNoOptionsMessage;

package/dist/{types-ts4.5/ui/jira-issues-modal/basic-filters/ui/async-popup-select → types/ui/common/modal/popup-select/menu-list}/showMoreButton.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 type ShowMoreButtonProps = {
     onShowMore: () => void;
+    filterName: string;
 };
-declare const ShowMoreButton: ({ onShowMore }: ShowMoreButtonProps) => JSX.Element;
+declare const ShowMoreButton: ({ onShowMore, filterName }: ShowMoreButtonProps) => JSX.Element;
 export default ShowMoreButton;

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

@@ -0,0 +1,12 @@
+export declare const asyncPopupSelectMessages: {
+    selectPlaceholder: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    paginationDetails: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

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

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

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

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+export interface OptionBase {
+    label: string;
+    value: string;
+}
+export type IconLabelOption = OptionBase & {
+    optionType: 'iconLabel';
+    icon: string;
+};
+export type LozengeLabelOption = OptionBase & {
+    optionType: 'lozengeLabel';
+    appearance?: LozengeAppearance;
+};
+export type LozengeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
+export type AvatarLabelOption = OptionBase & {
+    optionType: 'avatarLabel';
+    avatar?: string;
+    isSquare?: boolean;
+    isGroup?: boolean;
+};
+export type SelectOption = IconLabelOption | LozengeLabelOption | AvatarLabelOption;
+export type FormatOptionLabel = (option: SelectOption) => ReactElement;

package/dist/types/ui/confluence-search-modal/basic-filters/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface BasicFilterContainerProps {
+}
+declare const BasicFilterContainer: ({}: BasicFilterContainerProps) => JSX.Element;
+export default BasicFilterContainer;

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

@@ -1,4 +1,3 @@
-import { ReactElement } from 'react';
 export type BasicFilterFieldType = 'project' | 'assignee' | 'type' | 'status';
 export interface OptionBase {
     label: string;
@@ -23,7 +22,6 @@ export type SelectOption = IconLabelOption | LozengeLabelOption | AvatarLabelOpt
 export type SelectedOptionsMap = {
     [key in BasicFilterFieldType]?: SelectOption[];
 };
-export type FormatOptionLabel = (option: SelectOption) => ReactElement;
 export declare const appearanceMap: {
     readonly BLUE_GRAY: "default";
     readonly MEDIUM_GRAY: "default";

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

@@ -1,14 +1,4 @@
 export declare const asyncPopupSelectMessages: {
-    selectPlaceholder: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    paginationDetails: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
     projectLabel: {
         id: string;
         description: string;
@@ -29,9 +19,4 @@ export declare const asyncPopupSelectMessages: {
         description: string;
         defaultMessage: string;
     };
-    showMoreMessage: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
 };

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::e9179418960d1cbfd58428448cf63c82>>
+ * @codegen <<SignedSource::6518dea178189cd102e0ca6ce7eae059>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -103,22 +103,22 @@ export type LinkViewedCountAttributesType = {
     extensionKey: string | null;
 };
 export type EmptyResultShownBasicSearchDropdownAttributesType = {
-    filterType: 'project' | 'assignee' | 'type' | 'status';
+    filterName: string;
 };
 export type ErrorShownBasicSearchDropdownAttributesType = {
-    filterType: 'project' | 'assignee' | 'type' | 'status';
+    filterName: string;
     reason: 'agg' | 'network' | 'unknown';
 };
 export type DropdownOpenedBasicSearchDropdownAttributesType = {
-    filterType: 'project' | 'assignee' | 'type' | 'status';
+    filterName: string;
     selectionCount: number;
 };
 export type DropdownClosedBasicSearchDropdownAttributesType = {
-    filterType: 'project' | 'assignee' | 'type' | 'status';
+    filterName: string;
     selectionCount: number;
 };
 export type ButtonClickedBasicSearchDropdownAttributesType = {
-    filterType: 'project' | 'assignee' | 'type' | 'status';
+    filterName: string;
     type: 'showMore';
 };
 export type AqlEditorSearchedAttributesType = {};

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { MessageDescriptor } from 'react-intl-next';
 export interface BasicSearchInputProps {

package/dist/types-ts4.5/ui/{jira-issues-modal/basic-filters/ui/async-popup-select → common/modal/popup-select}/control.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ControlProps } from '@atlaskit/select';
-import { SelectOption } from '../../types';
+import { SelectOption } from './types';
 export declare const CustomControl: ({ children, ...innerProps }: ControlProps<SelectOption, true>) => JSX.Element;
 export default CustomControl;

package/dist/{types/ui/jira-issues-modal/basic-filters/ui/async-popup-select → types-ts4.5/ui/common/modal/popup-select}/dropdownIndicator.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { DropdownIndicatorProps } from '@atlaskit/select';
-import { SelectOption } from '../../types';
+import { SelectOption } from './types';
 declare const CustomDropdownIndicator: (props: DropdownIndicatorProps<SelectOption, true>) => JSX.Element;
 export default CustomDropdownIndicator;

package/dist/types-ts4.5/ui/{jira-issues-modal/basic-filters/ui/async-popup-select → common/modal/popup-select}/formatOptionLabel.d.ts

@@ -1,3 +1,3 @@
-import { FormatOptionLabel } from '../../types';
+import { FormatOptionLabel } from './types';
 declare const formatOptionLabel: FormatOptionLabel;
 export default formatOptionLabel;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { InputActionMeta, ValueType } from '@atlaskit/select';
+import { CustomMenuListProps } from './menu-list';
+import { SelectOption } from './types';
+export declare const FilterPopupSelect: ({ filterName, totalCount, status, buttonLabel, showLoading, isDisabled, showHydrating, shouldShowFooter, menuListProps, options, selectedOptions, onSelectionChange, onInputChange, onMenuClose, onMenuOpen, }: {
+    buttonLabel: string;
+    totalCount: number;
+    filterName: string;
+    isDisabled: boolean;
+    showLoading: boolean;
+    showHydrating: boolean;
+    shouldShowFooter: boolean;
+    status: 'empty' | 'loading' | 'resolved' | 'rejected' | 'loadingMore';
+    menuListProps: CustomMenuListProps;
+    options: ValueType<SelectOption, true>;
+    selectedOptions: ValueType<SelectOption, true>;
+    onSelectionChange: (newValue: ValueType<SelectOption, true>) => void;
+    onInputChange: (newValue: string, actionMeta: InputActionMeta) => void;
+    onMenuOpen?: (() => void) | undefined;
+    onMenuClose?: (() => void) | undefined;
+}) => JSX.Element;

package/dist/types-ts4.5/ui/common/modal/popup-select/menu-list/errorMessage.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const CustomErrorMessage: ({ filterName, errors, }: {
+    filterName: string;
+    errors?: unknown[] | undefined;
+}) => JSX.Element;
+export default CustomErrorMessage;