@atlaskit/link-datasource 1.15.3 → 1.16.0

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

@@ -31,28 +31,29 @@ export var useFilterOptions = function useFilterOptions(_ref) {
     var _ref3,
       pageCursor,
       searchString,
+      isNewSearch,
       isRequestLikeInitialSearch,
       initialResponseData,
       response,
-      isNewSearch,
       _args = arguments;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _ref3 = _args.length > 0 && _args[0] !== undefined ? _args[0] : {}, pageCursor = _ref3.pageCursor, searchString = _ref3.searchString;
-          setStatus('loading');
+          isNewSearch = !pageCursor;
+          isNewSearch ? setStatus('loading') : setStatus('loadingMore');
           isRequestLikeInitialSearch = !pageCursor && !searchString;
           initialResponseData = initialData.current;
-          _context.prev = 4;
+          _context.prev = 5;
           if (!(isRequestLikeInitialSearch && initialResponseData)) {
-            _context.next = 9;
+            _context.next = 10;
             break;
           }
           _context.t0 = initialResponseData;
-          _context.next = 12;
+          _context.next = 13;
           break;
-        case 9:
-          _context.next = 11;
+        case 10:
+          _context.next = 12;
           return getFieldValues({
             cloudId: cloudId,
             jql: '',
@@ -60,18 +61,17 @@ export var useFilterOptions = function useFilterOptions(_ref) {
             searchString: searchString,
             pageCursor: pageCursor
           });
-        case 11:
-          _context.t0 = _context.sent;
         case 12:
+          _context.t0 = _context.sent;
+        case 13:
           response = _context.t0;
           if (!(response.errors && response.errors.length > 0)) {
-            _context.next = 16;
+            _context.next = 17;
             break;
           }
           setStatus('rejected');
           return _context.abrupt("return");
-        case 16:
-          isNewSearch = !pageCursor;
+        case 17:
           if (isNewSearch) {
             setFilterOptions(mapFieldValuesToFilterOptions(response));
             if (isRequestLikeInitialSearch) {
@@ -91,13 +91,13 @@ export var useFilterOptions = function useFilterOptions(_ref) {
           break;
         case 23:
           _context.prev = 23;
-          _context.t1 = _context["catch"](4);
+          _context.t1 = _context["catch"](5);
           setStatus('rejected');
         case 26:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[4, 23]]);
+    }, _callee, null, [[5, 23]]);
   })), [cloudId, filterOptions, filterType, getFieldValues]);
   return {
     filterOptions: filterOptions,

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

@@ -47,7 +47,8 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     filterOptions = _useFilterOptions.filterOptions,
     fetchFilterOptions = _useFilterOptions.fetchFilterOptions,
     totalCount = _useFilterOptions.totalCount,
-    status = _useFilterOptions.status;
+    status = _useFilterOptions.status,
+    pageCursor = _useFilterOptions.pageCursor;
   var _useDebouncedCallback = useDebouncedCallback(function (searchString) {
       fetchFilterOptions({
         searchString: searchString
@@ -86,6 +87,14 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
       });
     }
   }, [fetchFilterOptions, searchTerm, status]);
+  var handleShowMore = useCallback(function () {
+    if (pageCursor) {
+      fetchFilterOptions({
+        pageCursor: pageCursor,
+        searchString: searchTerm
+      });
+    }
+  }, [fetchFilterOptions, pageCursor, searchTerm]);
   useEffect(function () {
     if (status === 'resolved') {
       var _pickerRef$current;
@@ -96,8 +105,11 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
   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 shouldShowFooter = status === 'resolved' && filterOptionsLength > 0;
+  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, {
@@ -126,7 +138,10 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
         return /*#__PURE__*/React.createElement(CustomMenuList, _extends({}, props, {
           isError: isError,
           isEmpty: isEmpty,
-          isLoading: isLoading
+          isLoading: isLoading,
+          isLoadingMore: isLoadingMore,
+          showMore: shouldDisplayShowMoreButton,
+          handleShowMore: handleShowMore
         }));
       },
       DropdownIndicator: CustomDropdownIndicator,

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

@@ -28,5 +28,10 @@ export var asyncPopupSelectMessages = {
     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/basic-filters/ui/async-popup-select/showMoreButton.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import Button from '@atlaskit/button';
+import { asyncPopupSelectMessages } from './messages';
+var ShowMoreButton = function ShowMoreButton(_ref) {
+  var onShowMore = _ref.onShowMore;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/React.createElement(Button, {
+    onClick: onShowMore,
+    appearance: "link",
+    testId: "jlol-basic-filter-popup-select--show-more-button"
+  }, formatMessage(asyncPopupSelectMessages.showMoreMessage));
+};
+export default ShowMoreButton;

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

@@ -1,17 +1,32 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isLoading", "isError", "isEmpty", "children"];
+var _excluded = ["isLoading", "isLoadingMore", "isError", "isEmpty", "showMore", "handleShowMore", "children"];
 import React from 'react';
+import { Flex } from '@atlaskit/primitives';
 import { components } from '@atlaskit/select';
+import Spinner from '@atlaskit/spinner';
+import ShowMoreButton from '../async-popup-select/showMoreButton';
 import CustomErrorMessage from './errorMessage';
 import CustomDropdownLoadingMessage from './loadingMessage';
 import CustomNoOptionsMessage from './noOptionsMessage';
 var CustomMenuList = function CustomMenuList(_ref) {
   var isLoading = _ref.isLoading,
+    isLoadingMore = _ref.isLoadingMore,
     isError = _ref.isError,
     isEmpty = _ref.isEmpty,
+    showMore = _ref.showMore,
+    handleShowMore = _ref.handleShowMore,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  var getChildComponent = function getChildComponent() {
+  var shouldDisplayShowMore = showMore && !isLoadingMore;
+  var isLoadingMoreData = !shouldDisplayShowMore && isLoadingMore;
+  var InlineSpinner = function InlineSpinner() {
+    return /*#__PURE__*/React.createElement(Flex, {
+      justifyContent: "center"
+    }, /*#__PURE__*/React.createElement(Spinner, {
+      size: "medium"
+    }));
+  };
+  var renderChildren = function renderChildren() {
     if (isLoading) {
       return /*#__PURE__*/React.createElement(CustomDropdownLoadingMessage, null);
     }
@@ -21,8 +36,10 @@ var CustomMenuList = function CustomMenuList(_ref) {
     if (isEmpty) {
       return /*#__PURE__*/React.createElement(CustomNoOptionsMessage, null);
     }
-    return children;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children, shouldDisplayShowMore && /*#__PURE__*/React.createElement(ShowMoreButton, {
+      onShowMore: handleShowMore
+    }), isLoadingMoreData && /*#__PURE__*/React.createElement(InlineSpinner, null));
   };
-  return /*#__PURE__*/React.createElement(components.MenuList, props, getChildComponent());
+  return /*#__PURE__*/React.createElement(components.MenuList, props, renderChildren());
 };
 export default CustomMenuList;

package/dist/types/hooks/useAssetsClient.d.ts

@@ -3,7 +3,11 @@ import { AssetsDatasourceParameters } from '../ui/assets-modal/types';
 export type UseAssetsClientState = {
     workspaceId: string | undefined;
     workspaceError: Error | undefined;
-    objectSchema: ObjectSchema | undefined;
+    existingObjectSchema: ObjectSchema | undefined;
+    existingObjectSchemaError: Error | undefined;
+    objectSchemas: ObjectSchema[] | undefined;
+    objectSchemasError: Error | undefined;
+    totalObjectSchemas: number | undefined;
     assetsClientLoading: boolean;
 };
 export declare const useAssetsClient: (initialParameters?: AssetsDatasourceParameters) => UseAssetsClientState;

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

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

package/dist/types/ui/assets-modal/modal/render-assets-content/index.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { DatasourceDataResponseItem, DatasourceResponseSchemaProperty, DatasourceTableStatusType } from '@atlaskit/linking-types';
 export interface RenderAssetsContentProps {
+    isFetchingInitialData: boolean;
     status: DatasourceTableStatusType;
     responseItems: DatasourceDataResponseItem[];
     visibleColumnKeys?: string[];
@@ -15,4 +16,4 @@ export interface RenderAssetsContentProps {
     onVisibleColumnKeysChange: (visibleColumnKeys: string[]) => void;
     modalRenderInstanceId: string;
 }
-export declare const RenderAssetsContent: (props: RenderAssetsContentProps) => JSX.Element;
+export declare const RenderAssetsContent: (props: RenderAssetsContentProps) => jsx.JSX.Element;

package/dist/types/ui/assets-modal/search-container/index.d.ts

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react';
 import type { ObjectSchema } from '../../../types/assets/types';
 export type InitialSearchData = {
     objectSchema?: ObjectSchema;
+    objectSchemas?: ObjectSchema[];
     aql?: string;
 };
 export interface SearchContainerProps {

package/dist/types/ui/assets-modal/search-container/object-schema-select/index.d.ts

@@ -4,6 +4,7 @@ import { ObjectSchema } from '../../../../types/assets/types';
 type AssetsObjectSchemaSelectProps = {
     value: ObjectSchema | undefined;
     workspaceId: string;
+    initialObjectSchemas: ObjectSchema[] | undefined;
     classNamePrefix?: string;
 };
 export declare const SEARCH_DEBOUNCE_MS = 350;
@@ -17,5 +18,5 @@ export declare const selectInAModalStyleFixProps: {
     };
     menuPortalTarget: HTMLElement;
 };
-export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, classNamePrefix, }: AssetsObjectSchemaSelectProps) => jsx.JSX.Element;
+export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, initialObjectSchemas, classNamePrefix, }: AssetsObjectSchemaSelectProps) => jsx.JSX.Element;
 export {};

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

@@ -12,7 +12,7 @@ export interface FilterOptionsState {
     fetchFilterOptions: (prop?: FetchFilterOptionsProps) => Promise<void>;
     totalCount: number;
     pageCursor?: string;
-    status: 'empty' | 'loading' | 'resolved' | 'rejected';
+    status: 'empty' | 'loading' | 'resolved' | 'rejected' | 'loadingMore';
 }
 export declare const useFilterOptions: ({ filterType, cloudId, }: FilterOptionsProps) => FilterOptionsState;
 export {};

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

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

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

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

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

@@ -4,7 +4,10 @@ import { SelectOption } from '../../types';
 type CustomProps = {
     isError?: boolean;
     isLoading?: boolean;
+    isLoadingMore?: boolean;
     isEmpty?: boolean;
+    showMore?: boolean;
+    handleShowMore: () => void;
 };
-declare const CustomMenuList: ({ isLoading, isError, isEmpty, children, ...props }: MenuListComponentProps<SelectOption, true> & CustomProps) => JSX.Element;
+declare const CustomMenuList: ({ isLoading, isLoadingMore, isError, isEmpty, showMore, handleShowMore, children, ...props }: MenuListComponentProps<SelectOption, true> & CustomProps) => JSX.Element;
 export default CustomMenuList;

package/dist/types-ts4.5/hooks/useAssetsClient.d.ts

@@ -3,7 +3,11 @@ import { AssetsDatasourceParameters } from '../ui/assets-modal/types';
 export type UseAssetsClientState = {
     workspaceId: string | undefined;
     workspaceError: Error | undefined;
-    objectSchema: ObjectSchema | undefined;
+    existingObjectSchema: ObjectSchema | undefined;
+    existingObjectSchemaError: Error | undefined;
+    objectSchemas: ObjectSchema[] | undefined;
+    objectSchemasError: Error | undefined;
+    totalObjectSchemas: number | undefined;
     assetsClientLoading: boolean;
 };
 export declare const useAssetsClient: (initialParameters?: AssetsDatasourceParameters) => UseAssetsClientState;

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

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

package/dist/types-ts4.5/ui/assets-modal/modal/render-assets-content/index.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { DatasourceDataResponseItem, DatasourceResponseSchemaProperty, DatasourceTableStatusType } from '@atlaskit/linking-types';
 export interface RenderAssetsContentProps {
+    isFetchingInitialData: boolean;
     status: DatasourceTableStatusType;
     responseItems: DatasourceDataResponseItem[];
     visibleColumnKeys?: string[];
@@ -15,4 +16,4 @@ export interface RenderAssetsContentProps {
     onVisibleColumnKeysChange: (visibleColumnKeys: string[]) => void;
     modalRenderInstanceId: string;
 }
-export declare const RenderAssetsContent: (props: RenderAssetsContentProps) => JSX.Element;
+export declare const RenderAssetsContent: (props: RenderAssetsContentProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/assets-modal/search-container/index.d.ts

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react';
 import type { ObjectSchema } from '../../../types/assets/types';
 export type InitialSearchData = {
     objectSchema?: ObjectSchema;
+    objectSchemas?: ObjectSchema[];
     aql?: string;
 };
 export interface SearchContainerProps {

package/dist/types-ts4.5/ui/assets-modal/search-container/object-schema-select/index.d.ts

@@ -4,6 +4,7 @@ import { ObjectSchema } from '../../../../types/assets/types';
 type AssetsObjectSchemaSelectProps = {
     value: ObjectSchema | undefined;
     workspaceId: string;
+    initialObjectSchemas: ObjectSchema[] | undefined;
     classNamePrefix?: string;
 };
 export declare const SEARCH_DEBOUNCE_MS = 350;
@@ -17,5 +18,5 @@ export declare const selectInAModalStyleFixProps: {
     };
     menuPortalTarget: HTMLElement;
 };
-export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, classNamePrefix, }: AssetsObjectSchemaSelectProps) => jsx.JSX.Element;
+export declare const AssetsObjectSchemaSelect: ({ value, workspaceId, initialObjectSchemas, classNamePrefix, }: AssetsObjectSchemaSelectProps) => jsx.JSX.Element;
 export {};

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

@@ -12,7 +12,7 @@ export interface FilterOptionsState {
     fetchFilterOptions: (prop?: FetchFilterOptionsProps) => Promise<void>;
     totalCount: number;
     pageCursor?: string;
-    status: 'empty' | 'loading' | 'resolved' | 'rejected';
+    status: 'empty' | 'loading' | 'resolved' | 'rejected' | 'loadingMore';
 }
 export declare const useFilterOptions: ({ filterType, cloudId, }: FilterOptionsProps) => FilterOptionsState;
 export {};

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

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

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

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

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

@@ -4,7 +4,10 @@ import { SelectOption } from '../../types';
 type CustomProps = {
     isError?: boolean;
     isLoading?: boolean;
+    isLoadingMore?: boolean;
     isEmpty?: boolean;
+    showMore?: boolean;
+    handleShowMore: () => void;
 };
-declare const CustomMenuList: ({ isLoading, isError, isEmpty, children, ...props }: MenuListComponentProps<SelectOption, true> & CustomProps) => JSX.Element;
+declare const CustomMenuList: ({ isLoading, isLoadingMore, isError, isEmpty, 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.15.3",
+  "version": "1.16.0",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"