@atlaskit/link-datasource 1.27.4 → 1.28.1

package/dist/esm/ui/confluence-search-modal/basic-filters/hooks/useRecommendation.js

@@ -0,0 +1,113 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useCallback, useRef, useState } from 'react';
+import { useIntl } from 'react-intl-next';
+import { getUserRecommendations } from '@atlaskit/smart-user-picker';
+var useRecommendation = function useRecommendation() {
+  var intl = useIntl();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterOptions = _useState2[0],
+    setFilterOptions = _useState2[1];
+  var _useState3 = useState('empty'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    status = _useState4[0],
+    setStatus = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    errors = _useState6[0],
+    setErrors = _useState6[1];
+  var initialData = useRef();
+  var convertRecommendationsToFilterOptions = function convertRecommendationsToFilterOptions(recommendations) {
+    return recommendations.map(function (item) {
+      return {
+        optionType: 'avatarLabel',
+        label: item.name,
+        value: item.id,
+        avatar: item.avatarUrl
+      };
+    });
+  };
+  var fetchFilterOptions = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+      var userId, cloudId, searchTerm, requestParams, initialResponseData, isRequestLikeInitialSearch, recommendations;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            userId = _ref.userId, cloudId = _ref.cloudId, searchTerm = _ref.searchTerm;
+            setStatus('loading');
+            requestParams = {
+              context: {
+                contextType: 'contributors',
+                principalId: userId || '',
+                productAttributes: {
+                  isEntitledConfluenceExternalCollaborator: true
+                },
+                productKey: 'confluence',
+                siteId: cloudId
+              },
+              includeGroups: false,
+              includeTeams: false,
+              includeUsers: true,
+              maxNumberOfResults: 10,
+              performSearchQueryOnly: false,
+              query: searchTerm
+            };
+            initialResponseData = initialData.current;
+            isRequestLikeInitialSearch = !searchTerm;
+            _context.prev = 5;
+            if (!(isRequestLikeInitialSearch && initialResponseData)) {
+              _context.next = 10;
+              break;
+            }
+            _context.t0 = initialResponseData;
+            _context.next = 13;
+            break;
+          case 10:
+            _context.next = 12;
+            return getUserRecommendations(requestParams, intl);
+          case 12:
+            _context.t0 = _context.sent;
+          case 13:
+            recommendations = _context.t0;
+            setFilterOptions(convertRecommendationsToFilterOptions(recommendations));
+            setStatus('resolved');
+            if (!searchTerm) {
+              /**
+               * The initial dataset is used in couple of paths, eg: when a user searches and clears the search text.
+               * During these times, we dont want to fetch data again and again, hence a mini cache setup to store and provide the initial dataset
+               */
+              initialData.current = recommendations;
+            }
+            _context.next = 23;
+            break;
+          case 19:
+            _context.prev = 19;
+            _context.t1 = _context["catch"](5);
+            setStatus('rejected');
+            setErrors([_context.t1]);
+          case 23:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[5, 19]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [intl]);
+  var reset = useCallback(function () {
+    setStatus('empty');
+    setFilterOptions([]);
+    setErrors([]);
+  }, []);
+  return {
+    status: status,
+    errors: errors,
+    filterOptions: filterOptions,
+    reset: reset,
+    fetchFilterOptions: fetchFilterOptions
+  };
+};
+export default useRecommendation;

package/dist/esm/ui/confluence-search-modal/basic-filters/index.js

@@ -1,15 +1,26 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import React from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
+import { DateRangePicker } from './filters/date-range-picker';
+import EditedOrCreatedByFilter from './filters/edited-or-created-by';
 var basicFilterContainerStyles = xcss({
   paddingLeft: 'space.100'
 });
 var BasicFilterContainer = function BasicFilterContainer(_ref) {
-  _objectDestructuringEmpty(_ref);
+  var cloudId = _ref.cloudId,
+    onChange = _ref.onChange,
+    _ref$selections = _ref.selections,
+    selections = _ref$selections === void 0 ? {} : _ref$selections;
+  var editedOrCreatedBy = selections.editedOrCreatedBy;
   return /*#__PURE__*/React.createElement(Flex, {
     xcss: basicFilterContainerStyles,
     gap: "space.100",
     testId: "clol-basic-filter-container"
-  }, /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(React.Fragment, null));
+  }, /*#__PURE__*/React.createElement(EditedOrCreatedByFilter, {
+    cloudId: cloudId,
+    onSelectionChange: onChange,
+    selection: editedOrCreatedBy || []
+  }), /*#__PURE__*/React.createElement(DateRangePicker, {
+    onSelectionChange: onChange
+  }));
 };
 export default BasicFilterContainer;

package/dist/esm/ui/confluence-search-modal/basic-filters/types.js

@@ -0,0 +1,5 @@
+export var CLOLBasicFilters = /*#__PURE__*/function (CLOLBasicFilters) {
+  CLOLBasicFilters["editedOrCreatedBy"] = "editedOrCreatedBy";
+  CLOLBasicFilters["lastModified"] = "lastModified";
+  return CLOLBasicFilters;
+}({});

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

@@ -1,8 +1,13 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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 { useDebouncedCallback } from 'use-debounce';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { BasicSearchInput } from '../../common/modal/basic-search-input';
+import { FILTER_SELECTION_DEBOUNCE_MS } from '../../common/modal/popup-select/constants';
 import BasicFilters from '../basic-filters';
 import { searchMessages } from './messages';
 var basicSearchInputContainerStyles = xcss({
@@ -18,16 +23,31 @@ var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     searchBarSearchString = _useState2[0],
     setSearchBarSearchString = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filterSelections = _useState4[0],
+    setFilterSelections = _useState4[1];
   var handleSearchChange = useCallback(function (e) {
     var rawSearch = e.currentTarget.value;
     setSearchBarSearchString(rawSearch);
   }, []);
+  var _useDebouncedCallback = useDebouncedCallback(function (filterValues) {
+      onSearch(searchBarSearchString, filterValues);
+    }, 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]);
 
   // TODO: further refactoring in EDM-9573
   // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6827913
   useEffect(function () {
     if (currentCloudId.current !== cloudId) {
       setSearchBarSearchString('');
+      setFilterSelections({});
       currentCloudId.current = cloudId;
     }
   }, [cloudId]);
@@ -48,6 +68,10 @@ var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
     searchTerm: searchBarSearchString,
     placeholder: searchMessages.searchLabel,
     fullWidth: !showBasicFilters
-  }), showBasicFilters && /*#__PURE__*/React.createElement(BasicFilters, null));
+  }), showBasicFilters && /*#__PURE__*/React.createElement(BasicFilters, {
+    cloudId: cloudId,
+    selections: filterSelections,
+    onChange: handleBasicFilterSelectionChange
+  }));
 };
 export default ConfluenceSearchContainer;

package/dist/esm/ui/confluence-search-modal/modal/index.js

@@ -99,6 +99,14 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     _useState10 = _slicedToArray(_useState9, 2),
     visibleColumnKeys = _useState10[0],
     setVisibleColumnKeys = _useState10[1];
+  var _useState11 = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.lastModified),
+    _useState12 = _slicedToArray(_useState11, 2),
+    lastModified = _useState12[0],
+    setLastModified = _useState12[1];
+  var _useState13 = useState((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.contributorAccountIds) || []),
+    _useState14 = _slicedToArray(_useState13, 2),
+    contributorAccountIds = _useState14[0],
+    setContributorAccountIds = _useState14[1];
 
   // analytics related parameters
   var searchCount = useRef(0);
@@ -108,11 +116,15 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
   // TODO: further refactoring in EDM-9573
   // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6829210
   var parameters = useMemo(function () {
-    return _objectSpread(_objectSpread({}, initialParameters), {}, {
+    return _objectSpread(_objectSpread(_objectSpread({}, initialParameters), {}, {
       cloudId: cloudId,
       searchString: searchString
+    }, ((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.lastModified) || lastModified) && {
+      lastModified: lastModified
+    }), ((initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.contributorAccountIds) || (contributorAccountIds === null || contributorAccountIds === void 0 ? void 0 : contributorAccountIds.length) > 0) && {
+      contributorAccountIds: contributorAccountIds
     });
-  }, [cloudId, initialParameters, searchString /** Add more parameters when more filters are added */]);
+  }, [cloudId, lastModified, contributorAccountIds, initialParameters, searchString /** Add more parameters when more filters are added */]);
   var isParametersSet = useMemo(function () {
     return !!cloudId && Object.values(parameters !== null && parameters !== void 0 ? parameters : {}).filter(function (v) {
       return v !== undefined;
@@ -176,6 +188,8 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
   var onSiteSelection = useCallback(function (site) {
     userInteractionActions.current.add(DatasourceAction.INSTANCE_UPDATED);
     setSearchString(undefined);
+    setLastModified(undefined);
+    setContributorAccountIds([]);
     setCloudId(site.cloudId);
     reset({
       shouldForceRequest: true
@@ -218,17 +232,17 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     setVisibleColumnKeys(newVisibleColumnKeys);
   }, [initialVisibleColumnKeys, defaultVisibleColumnKeys]);
   var siteSelectorLabel = availableSites && availableSites.length > 1 ? confluenceSearchModalMessages.insertIssuesTitleManySites : confluenceSearchModalMessages.insertIssuesTitle;
-  var _useState11 = useState(initialColumnCustomSizes),
-    _useState12 = _slicedToArray(_useState11, 2),
-    columnCustomSizes = _useState12[0],
-    setColumnCustomSizes = _useState12[1];
+  var _useState15 = useState(initialColumnCustomSizes),
+    _useState16 = _slicedToArray(_useState15, 2),
+    columnCustomSizes = _useState16[0],
+    setColumnCustomSizes = _useState16[1];
   var onColumnResize = useCallback(function (key, width) {
     setColumnCustomSizes(_objectSpread(_objectSpread({}, columnCustomSizes), {}, _defineProperty({}, key, width)));
   }, [columnCustomSizes]);
-  var _useState13 = useState(initialWrappedColumnKeys),
-    _useState14 = _slicedToArray(_useState13, 2),
-    wrappedColumnKeys = _useState14[0],
-    setWrappedColumnKeys = _useState14[1];
+  var _useState17 = useState(initialWrappedColumnKeys),
+    _useState18 = _slicedToArray(_useState17, 2),
+    wrappedColumnKeys = _useState18[0],
+    setWrappedColumnKeys = _useState18[1];
   var onWrappedColumnChange = useCallback(function (key, isWrapped) {
     var set = new Set(wrappedColumnKeys);
     if (isWrapped) {
@@ -407,9 +421,25 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     userInteractionActions.current.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
     setCurrentViewMode(selectedMode);
   };
-  var onSearch = useCallback(function (newSearchString) {
+  var onSearch = useCallback(function (newSearchString, filters) {
     searchCount.current++;
     userInteractionActions.current.add(DatasourceAction.QUERY_UPDATED);
+    if (filters) {
+      var editedOrCreatedBy = filters.editedOrCreatedBy,
+        _lastModified = filters.lastModified;
+      if (_lastModified) {
+        var lastModifiedValue = _lastModified.find(function (range) {
+          return range.value;
+        });
+        setLastModified(lastModifiedValue === null || lastModifiedValue === void 0 ? void 0 : lastModifiedValue.value);
+      }
+      if (editedOrCreatedBy) {
+        var accountIds = editedOrCreatedBy.map(function (user) {
+          return user.value;
+        });
+        setContributorAccountIds(accountIds);
+      }
+    }
     setSearchString(newSearchString);
     reset({
       shouldForceRequest: true

package/dist/esm/ui/datasource-table-view/datasourceTableView.js

@@ -170,6 +170,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     testId: "datasource-table-view-skeleton",
     isCompact: true
   }), jsx(TableFooter, {
+    datasourceId: datasourceId,
     itemCount: isDataReady ? totalCount : undefined,
     onRefresh: onRefresh,
     isLoading: !isDataReady || status === 'loading',

package/dist/esm/ui/table-footer/index.js

@@ -8,9 +8,12 @@ import { FormattedMessage, FormattedNumber, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import Heading from '@atlaskit/heading';
 import RefreshIcon from '@atlaskit/icon/glyph/refresh';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import { N0, N40, N800, N90 } from '@atlaskit/theme/colors';
+import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '../assets-modal';
 import { footerMessages } from './messages';
+import { PoweredByJSMAssets } from './powered-by-jsm-assets';
 import { SyncInfo } from './sync-info';
 var FooterWrapper = styled.div({
   padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-200, 16px)"),
@@ -41,7 +44,8 @@ var SyncTextWrapper = styled.div({
   fontSize: '12px'
 });
 export var TableFooter = function TableFooter(_ref) {
-  var itemCount = _ref.itemCount,
+  var datasourceId = _ref.datasourceId,
+    itemCount = _ref.itemCount,
     onRefresh = _ref.onRefresh,
     isLoading = _ref.isLoading,
     url = _ref.url;
@@ -80,7 +84,9 @@ export var TableFooter = function TableFooter(_ref) {
     values: {
       itemCount: itemCount
     }
-  }))))), jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
+  }))))), getBooleanFF('platform.linking-platform.datasource-assets_objects_add_jsm_promotional_tag') && datasourceId === ASSETS_LIST_OF_LINKS_DATASOURCE_ID ? jsx(PoweredByJSMAssets, {
+    text: intl.formatMessage(footerMessages.powerByJSM)
+  }) : null, jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
     "data-testid": "sync-text"
   }, isLoading ? jsx(FormattedMessage, footerMessages.loadingText) : jsx(SyncInfo, {
     lastSyncTime: lastSyncTime

package/dist/esm/ui/table-footer/messages.js

@@ -14,5 +14,10 @@ export var footerMessages = defineMessages({
     id: 'linkDataSource.table-footer.refresh',
     description: 'Label for refresh icon',
     defaultMessage: 'Refresh'
+  },
+  powerByJSM: {
+    id: 'linkDataSource.table-footer.power-by-jsm',
+    description: 'Displayed on the issue like table footer to increase JSM Assets visibility',
+    defaultMessage: 'Powered by Assets in Jira Service Management'
   }
 });

package/dist/esm/ui/table-footer/powered-by-jsm-assets/index.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { JiraServiceManagementIcon } from '@atlaskit/logo';
+import { Box, xcss } from '@atlaskit/primitives';
+import { useDatasourceAnalyticsEvents } from '../../../analytics';
+var jsmTextStyles = xcss({
+  fontSize: 'small',
+  color: 'color.text.subtle',
+  marginLeft: "var(--ds-space-075, 6px)",
+  ':hover': {
+    color: 'color.link.pressed'
+  }
+});
+var jsmContainerStyles = xcss({
+  display: 'flex',
+  flexDirection: 'row-reverse'
+});
+export var PoweredByJSMAssets = function PoweredByJSMAssets(props) {
+  var ASSETS_LINK = '/jira/servicedesk/assets';
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: jsmContainerStyles,
+    padding: "space.150"
+  }, /*#__PURE__*/React.createElement("a", {
+    "data-testid": 'powered-by-jsm-assets-link',
+    onClick: function onClick() {
+      return fireEvent('ui.link.clicked.poweredBy', {
+        componentHierarchy: 'datasourceTable',
+        extensionKey: 'jsm-cmdb-gateway'
+      });
+    },
+    href: ASSETS_LINK,
+    rel: "noreferrer",
+    target: "_blank",
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(JiraServiceManagementIcon, {
+    size: "xsmall",
+    appearance: "brand",
+    label: props.text
+  }), /*#__PURE__*/React.createElement(Box, {
+    xcss: jsmTextStyles
+  }, props.text)));
+};

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

@@ -16,6 +16,10 @@ export type AnalyticsContextAttributesType = {
     dataProvider: 'jira-issues' | 'jsm-assets' | 'confluence-search';
 };
 export type DatasourceModalDialogViewedAttributesType = {};
+export type LinkClickedPoweredByAttributesType = {
+    extensionKey: string;
+    componentHierarchy: string;
+};
 export type ModalReadyDatasourceAttributesType = {
     instancesCount: number | null;
     schemasCount: number | null;
@@ -211,6 +215,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when the “show more” button inside the dropdown menu is clicked */
     'ui.button.clicked.basicSearchDropdown': ButtonClickedBasicSearchDropdownAttributesType;
+    /**
+     * Fired when the “show more” button inside the dropdown menu is clicked */
+    'ui.link.clicked.poweredBy': LinkClickedPoweredByAttributesType;
     /**
      * 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/mocks.d.ts

@@ -1,3 +1,54 @@
 import { FieldValuesResponse, HydrateResponse } from '../ui/jira-issues-modal/basic-filters/types';
 export declare const mockHydrateJqlResponse: HydrateResponse;
 export declare const mockFieldValuesResponse: FieldValuesResponse;
+export declare const mockUserRecommendationsResponse: {
+    recommendedUsers: ({
+        entityType: string;
+        id: string;
+        name: string;
+        avatarUrl: string;
+        nickname: string;
+        matchPositions: {};
+        accessLevel: string;
+        accountStatus: string;
+        notMentionable: boolean;
+        userType: string;
+        attributes: {
+            isConfluenceExternalCollaborator: boolean;
+        };
+        email?: undefined;
+        locale?: undefined;
+    } | {
+        entityType: string;
+        id: string;
+        name: string;
+        email: string;
+        avatarUrl: string;
+        nickname: string;
+        matchPositions: {};
+        accessLevel: string;
+        accountStatus: string;
+        notMentionable: boolean;
+        locale: string;
+        userType: string;
+        attributes: {
+            isConfluenceExternalCollaborator: boolean;
+        };
+    } | {
+        entityType: string;
+        id: string;
+        name: string;
+        avatarUrl: string;
+        nickname: string;
+        matchPositions: {};
+        accessLevel: string;
+        accountStatus: string;
+        notMentionable: boolean;
+        locale: string;
+        userType: string;
+        attributes: {
+            isConfluenceExternalCollaborator: boolean;
+        };
+        email?: undefined;
+    })[];
+};

package/dist/types/services/useBasicFilterAGG.d.ts

@@ -1,3 +1,4 @@
+import { UserInfoAGGResponse } from '../ui/confluence-search-modal/basic-filters/types';
 import { BasicFilterFieldType, FieldValuesResponse, HydrateResponse } from '../ui/jira-issues-modal/basic-filters/types';
 interface GetFieldValuesProps {
     cloudId: string;
@@ -9,5 +10,6 @@ interface GetFieldValuesProps {
 export declare const useBasicFilterAGG: () => {
     getHydratedJQL: (cloudId: string, jql: string) => Promise<HydrateResponse>;
     getFieldValues: ({ cloudId, jql, jqlTerm, searchString, pageCursor, }: GetFieldValuesProps) => Promise<FieldValuesResponse>;
+    getCurrentUserInfo: () => Promise<UserInfoAGGResponse>;
 };
 export {};

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

@@ -6,3 +6,4 @@
  */
 export declare const hydrateJQLQuery = "query hydrate($cloudId: ID!, $jql: String!) {\n  jira {\n    jqlBuilder(cloudId: $cloudId) {\n      hydrateJqlQuery(query: $jql) {\n        ... on JiraJqlHydratedQuery {\n          fields {\n            ... on JiraJqlQueryHydratedField {\n              jqlTerm\n              values {\n                ... on JiraJqlQueryHydratedValue {\n                  values {\n                    ... on JiraJqlProjectFieldValue {\n                      jqlTerm\n                      displayName\n                      project {\n                        avatar {\n                          small\n                        }\n                      }\n                    }\n                    ... on JiraJqlStatusFieldValue {\n                      jqlTerm\n                      displayName\n                      statusCategory {\n                        colorName\n                      }\n                    }\n                    ... on JiraJqlIssueTypeFieldValue {\n                      jqlTerm\n                      displayName\n                      issueTypes {\n                        avatar {\n                          small\n                        }\n                      }\n                    }\n                    ... on JiraJqlUserFieldValue {\n                      jqlTerm\n                      displayName\n                      user {\n                        picture\n                      }\n                    }\n                    ... on JiraJqlGroupFieldValue {\n                      jqlTerm\n                      displayName\n                      group {\n                        name\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}";
 export declare const fieldValuesQuery = "query fieldValues($cloudId: ID!, $first: Int = 10, $jqlTerm: String!, $jql: String!, $searchString: String!, $after: String) {\n  jira {\n    jqlBuilder(cloudId: $cloudId) {\n      fieldValues(\n        first: $first\n        jqlTerm: $jqlTerm\n        jqlContext: $jql\n        searchString: $searchString\n        after: $after\n      ) {\n        totalCount\n        pageInfo {\n          endCursor\n        }\n        edges {\n          node {\n            jqlTerm\n            displayName\n            ... on JiraJqlProjectFieldValue {\n              project {\n                avatar {\n                  small\n                }\n              }\n            }\n            ... on JiraJqlIssueTypeFieldValue {\n              issueTypes {\n                avatar {\n                  small\n                }\n              }\n            }\n            ... on JiraJqlStatusFieldValue {\n              statusCategory {\n                colorName\n              }\n            }\n            ... on JiraJqlUserFieldValue {\n              user {\n                picture\n              }\n            }\n            ... on JiraJqlGroupFieldValue {\n              group {\n                name\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}";
+export declare const userQuery = "query userQuery {\n  me {\n    user {\n      id\n      accountId\n    }\n  }\n}";

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

@@ -4,7 +4,7 @@ import { CustomMenuListProps } from './menu-list';
 import { SelectOption } from './types';
 export interface FilterPopupSelectProps {
     buttonLabel: string;
-    totalCount: number;
+    totalCount?: number;
     filterName: string;
     isDisabled: boolean;
     showLoading: boolean;

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

@@ -18,5 +18,10 @@ export type AvatarLabelOption = OptionBase & {
     isSquare?: boolean;
     isGroup?: boolean;
 };
-export type SelectOption = IconLabelOption | LozengeLabelOption | AvatarLabelOption;
+export type DateRangeType = 'anyTime' | 'today' | 'yesterday' | 'past7Days' | 'past30Days' | 'pastYear' | 'custom';
+export type DateRangeOption = OptionBase & {
+    optionType: 'defaultOption';
+    value: DateRangeType;
+};
+export type SelectOption = IconLabelOption | LozengeLabelOption | AvatarLabelOption | DateRangeOption;
 export type FormatOptionLabel = (option: SelectOption) => ReactElement;

package/dist/types/ui/confluence-search-modal/basic-filters/filters/date-range-picker/PopupComponent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { PopupComponentProps } from '@atlaskit/popup';
+export declare const PopupComponent: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "style" | "children" | "id" | "tabIndex" | "data-testid" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SelectOption } from '../../../../common/modal/popup-select/types';
+import { CLOLBasicFilters } from '../../types';
+interface DateRangeProps {
+    onSelectionChange: (filterType: CLOLBasicFilters, options: SelectOption[]) => void;
+}
+export declare const DateRangePicker: ({ onSelectionChange }: DateRangeProps) => JSX.Element;
+export {};

package/dist/types/ui/confluence-search-modal/basic-filters/filters/date-range-picker/messages.d.ts

@@ -0,0 +1,42 @@
+export declare const dateRangeMessages: {
+    dateRangeTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    dateRangeAnyTime: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    dateRangeToday: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    dateRangeYesterday: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    dateRangeLastWeek: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    dateRangeLastMonth: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    dateRangeLastYear: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    dateRangeCustom: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+export declare const PopupComponentContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CustomDropdown: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CustomDropdownItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isSelected: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CustomDateWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickersWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SelectDateRangeButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const DateRangeErrorMessage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { TriggerProps } from '@atlaskit/popup/types';
+export interface PopupTriggerProps {
+    triggerProps: TriggerProps;
+    optionSelected: boolean;
+    label?: string;
+    selectedLabel?: string;
+    onClickButton: () => void;
+}
+export declare const PopupTrigger: ({ triggerProps, optionSelected, label, selectedLabel, onClickButton, }: PopupTriggerProps) => JSX.Element;

package/dist/types/ui/confluence-search-modal/basic-filters/filters/edited-or-created-by/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { SelectOption } from '../../../../common/modal/popup-select/types';
+import { CLOLBasicFilters } from '../../types';
+interface EditedOrCreatedByFilterProps {
+    cloudId?: string;
+    selection: SelectOption[];
+    onSelectionChange: (filterType: CLOLBasicFilters, selection: SelectOption[]) => void;
+}
+declare const EditedOrCreatedByFilter: ({ cloudId, onSelectionChange, selection, }: EditedOrCreatedByFilterProps) => JSX.Element;
+export default EditedOrCreatedByFilter;

package/dist/types/ui/confluence-search-modal/basic-filters/filters/edited-or-created-by/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const editedOrCreatedByMessage: {
+    buttonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};