@atlaskit/link-datasource 1.27.4 → 1.28.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-datasource
 
+## 1.28.1
+
+### Patch Changes
+
+- [#91884](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91884) [`e6c2b9a64494`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e6c2b9a64494) - The changes here adds `Edited or Created by` filter to the confluence list of links config modal.
+
+## 1.28.0
+
+### Minor Changes
+
+- [#90515](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/90515) [`cc097687c554`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cc097687c554) - [ux] Add Powered by Assets Label to the Assets LOL
+
 ## 1.27.4
 
 ### Patch Changes

package/dist/cjs/services/mocks.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mockHydrateJqlResponse = exports.mockFieldValuesResponse = void 0;
+exports.mockUserRecommendationsResponse = exports.mockHydrateJqlResponse = exports.mockFieldValuesResponse = void 0;
 var mockHydrateJqlResponse = exports.mockHydrateJqlResponse = {
   data: {
     jira: {
@@ -131,4 +131,155 @@ var mockFieldValuesResponse = exports.mockFieldValuesResponse = {
       }
     }
   }
+};
+var mockUserRecommendationsResponse = exports.mockUserRecommendationsResponse = {
+  recommendedUsers: [{
+    entityType: 'USER',
+    id: '5ffe1efc34847e0069446bf8',
+    name: 'Atlassian Assist (staging)',
+    avatarUrl: '',
+    nickname: 'Atlassian Assist (staging)',
+    matchPositions: {},
+    accessLevel: 'CONTAINER',
+    accountStatus: 'ACTIVE',
+    notMentionable: false,
+    userType: 'APP',
+    attributes: {
+      isConfluenceExternalCollaborator: false
+    }
+  }, {
+    entityType: 'USER',
+    id: '62df272c3aaeedcae755c533',
+    name: 'Atlas for Jira (staging)',
+    avatarUrl: '',
+    nickname: 'Atlas for Jira (staging)',
+    matchPositions: {},
+    accessLevel: 'CONTAINER',
+    accountStatus: 'ACTIVE',
+    notMentionable: false,
+    userType: 'APP',
+    attributes: {
+      isConfluenceExternalCollaborator: false
+    }
+  }, {
+    entityType: 'USER',
+    id: '6232be743eacc50071fe13ba',
+    name: 'Stephen',
+    email: 'sdemontfort+10@atlassian.com',
+    avatarUrl: '',
+    nickname: 'Stephen',
+    matchPositions: {},
+    accessLevel: 'CONTAINER',
+    accountStatus: 'ACTIVE',
+    notMentionable: false,
+    locale: 'en-GB',
+    userType: 'DEFAULT',
+    attributes: {
+      isConfluenceExternalCollaborator: false
+    }
+  }, {
+    entityType: 'USER',
+    id: '608b253e2911000071b6e6d6',
+    name: 'Pranay Test 1773',
+    email: 'pmarella+1773@atlassian.com',
+    avatarUrl: '',
+    nickname: 'Pranay Test 1773',
+    matchPositions: {},
+    accessLevel: 'CONTAINER',
+    accountStatus: 'ACTIVE',
+    notMentionable: false,
+    locale: 'en-US',
+    userType: 'DEFAULT',
+    attributes: {
+      isConfluenceExternalCollaborator: false
+    }
+  }, {
+    entityType: 'USER',
+    id: '6202a8cfc4e2c9006ae620b1',
+    name: 'Jacob Test3',
+    email: 'jbrunson+test3@atlassian.com',
+    avatarUrl: '',
+    nickname: 'Jacob Test3',
+    matchPositions: {},
+    accessLevel: 'CONTAINER',
+    accountStatus: 'ACTIVE',
+    notMentionable: false,
+    locale: 'en-US',
+    userType: 'DEFAULT',
+    attributes: {
+      isConfluenceExternalCollaborator: false
+    }
+  }, {
+    entityType: 'USER',
+    id: '61428180ff23ba00717b7d78',
+    name: 'Test Themes',
+    avatarUrl: '',
+    nickname: 'Test Themes',
+    matchPositions: {},
+    accessLevel: 'CONTAINER',
+    accountStatus: 'ACTIVE',
+    notMentionable: false,
+    userType: 'APP',
+    attributes: {
+      isConfluenceExternalCollaborator: false
+    }
+  }, {
+    entityType: 'USER',
+    id: '5d9e2c300d44fc0dca5428bb',
+    name: 'Confluence Connect Test - AP methods',
+    avatarUrl: '',
+    nickname: 'Confluence Connect Test - AP methods',
+    matchPositions: {},
+    accessLevel: 'CONTAINER',
+    accountStatus: 'ACTIVE',
+    notMentionable: false,
+    userType: 'APP',
+    attributes: {
+      isConfluenceExternalCollaborator: false
+    }
+  }, {
+    entityType: 'USER',
+    id: '655363:1276a696-f0d0-4f3a-a022-636723eb5148',
+    name: 'Confluence Google Drive',
+    avatarUrl: '',
+    nickname: 'Confluence Google Drive',
+    matchPositions: {},
+    accessLevel: 'CONTAINER',
+    accountStatus: 'ACTIVE',
+    notMentionable: false,
+    userType: 'APP',
+    attributes: {
+      isConfluenceExternalCollaborator: false
+    }
+  }, {
+    entityType: 'USER',
+    id: '712020:413e43c0-7202-4016-a318-a004892e7f8c',
+    name: 'arthur chen nth user',
+    avatarUrl: '',
+    nickname: 'arthur chen nth user',
+    matchPositions: {},
+    accessLevel: 'CONTAINER',
+    accountStatus: 'ACTIVE',
+    notMentionable: false,
+    locale: 'en-US',
+    userType: 'DEFAULT',
+    attributes: {
+      isConfluenceExternalCollaborator: false
+    }
+  }, {
+    entityType: 'USER',
+    id: '712020:9219bf5f-0358-4782-99dc-bc73258b2ddc',
+    name: 'jeff mellis',
+    avatarUrl: '',
+    nickname: 'jeff mellis',
+    matchPositions: {},
+    accessLevel: 'CONTAINER',
+    accountStatus: 'ACTIVE',
+    notMentionable: false,
+    locale: 'en-US',
+    userType: 'DEFAULT',
+    attributes: {
+      isConfluenceExternalCollaborator: false
+    }
+  }]
 };

package/dist/cjs/services/useBasicFilterAGG.js

@@ -61,10 +61,17 @@ var useBasicFilterAGG = exports.useBasicFilterAGG = function useBasicFilterAGG()
       query: _utils.fieldValuesQuery
     });
   }, [requestCall]);
+  var getCurrentUserInfo = (0, _react.useCallback)(function () {
+    return requestCall({
+      operationName: 'userQuery',
+      query: _utils.userQuery
+    });
+  }, [requestCall]);
   return (0, _react.useMemo)(function () {
     return {
       getHydratedJQL: getHydratedJQL,
-      getFieldValues: getFieldValues
+      getFieldValues: getFieldValues,
+      getCurrentUserInfo: getCurrentUserInfo
     };
-  }, [getHydratedJQL, getFieldValues]);
+  }, [getHydratedJQL, getFieldValues, getCurrentUserInfo]);
 };

package/dist/cjs/services/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hydrateJQLQuery = exports.fieldValuesQuery = void 0;
+exports.userQuery = exports.hydrateJQLQuery = exports.fieldValuesQuery = void 0;
 /**
  * HELLO DEV :wave
  * If you are here to change these queries, please also remember to update the query in jira/src/packages/platform/linking/link-datasource/src/index.tsx
@@ -12,4 +12,5 @@ exports.hydrateJQLQuery = exports.fieldValuesQuery = void 0;
  */
 
 var hydrateJQLQuery = exports.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}";
-var fieldValuesQuery = exports.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}";
+var fieldValuesQuery = exports.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}";
+var userQuery = exports.userQuery = "query userQuery {\n  me {\n    user {\n      id\n      accountId\n    }\n  }\n}";

package/dist/cjs/ui/common/modal/popup-select/formatOptionLabel.js

@@ -80,8 +80,11 @@ var formatOptionLabel = function formatOptionLabel(data) {
       data: data
     });
   }
-  return /*#__PURE__*/_react.default.createElement(IconOptionLabel, {
-    data: data
-  });
+  if (data.optionType === 'iconLabel') {
+    return /*#__PURE__*/_react.default.createElement(IconOptionLabel, {
+      data: data
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
 };
 var _default = exports.default = formatOptionLabel;

package/dist/cjs/ui/common/modal/popup-select/index.js

@@ -33,7 +33,8 @@ var noFilterOptions = function noFilterOptions() {
 };
 var FilterPopupSelect = exports.FilterPopupSelect = function FilterPopupSelect(_ref) {
   var filterName = _ref.filterName,
-    totalCount = _ref.totalCount,
+    _ref$totalCount = _ref.totalCount,
+    totalCount = _ref$totalCount === void 0 ? 0 : _ref$totalCount,
     status = _ref.status,
     buttonLabel = _ref.buttonLabel,
     _ref$showLoading = _ref.showLoading,

package/dist/cjs/ui/common/modal/popup-select/trigger.js

@@ -18,8 +18,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var triggerButtonLabelStyles = (0, _primitives.xcss)({
   textOverflow: 'ellipsis',
-  overflow: 'hidden',
-  maxWidth: '150px'
+  overflow: 'hidden'
 });
 var badgeStyles = (0, _primitives.xcss)({
   marginLeft: 'space.050'

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/PopupComponent.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopupComponent = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _styled = require("./styled");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var PopupComponent = exports.PopupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(_styled.PopupComponentContainer, (0, _extends2.default)({}, props, {
+    "data-testId": 'confluence-search-datasource-popup-container',
+    ref: ref
+  }));
+});

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateRangePicker = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _popup = _interopRequireDefault(require("@atlaskit/popup"));
+var _constants = require("@atlaskit/theme/constants");
+var _types = require("../../types");
+var _messages = require("./messages");
+var _PopupComponent = require("./PopupComponent");
+var _styled = require("./styled");
+var _trigger = require("./trigger");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var lastModifiedValues = ['anyTime', 'today', 'yesterday', 'past7Days', 'past30Days', 'pastYear', 'custom'];
+var defaultOptionValue = 'anyTime';
+var filterName = _types.CLOLBasicFilters.lastModified;
+var DateRangePicker = exports.DateRangePicker = function DateRangePicker(_ref) {
+  var onSelectionChange = _ref.onSelectionChange;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentOption = _useState2[0],
+    setCurrentOption = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isPickerOpen = _useState4[0],
+    setIsPickerOpen = _useState4[1];
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var onClickFilterOption = (0, _react.useCallback)(function (option) {
+    setCurrentOption(option);
+    setIsPickerOpen(false);
+    onSelectionChange(filterName, [{
+      optionType: 'defaultOption',
+      label: option,
+      value: option
+    }]);
+  }, [onSelectionChange]);
+  var handleTogglePopup = (0, _react.useCallback)(function () {
+    setIsPickerOpen(!isPickerOpen);
+  }, [isPickerOpen]);
+  return /*#__PURE__*/_react.default.createElement(_popup.default, {
+    isOpen: isPickerOpen,
+    onClose: handleTogglePopup,
+    popupComponent: _PopupComponent.PopupComponent,
+    zIndex: _constants.layers.modal(),
+    content: function content() {
+      return /*#__PURE__*/_react.default.createElement(_styled.CustomDropdown, null, lastModifiedValues.map(function (option) {
+        return /*#__PURE__*/_react.default.createElement(_styled.CustomDropdownItem, {
+          key: option
+          //want to show Anytime as selected if none of the other options are selected
+          ,
+          isSelected: currentOption ? option === currentOption : option === defaultOptionValue,
+          onClick: function onClick() {
+            return onClickFilterOption(option);
+          }
+        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getCurrentOptionLabel(option)));
+      }));
+    },
+    placement: "bottom-start",
+    trigger: function trigger(triggerProps) {
+      return /*#__PURE__*/_react.default.createElement(_trigger.PopupTrigger, {
+        triggerProps: triggerProps,
+        optionSelected: !!currentOption,
+        label: formatMessage(_messages.dateRangeMessages.dateRangeTitle),
+        selectedLabel: formatMessage(getCurrentOptionLabel(currentOption)),
+        onClickButton: handleTogglePopup
+      });
+    }
+  });
+};
+var getCurrentOptionLabel = function getCurrentOptionLabel(option) {
+  var mapping = {
+    anyTime: 'dateRangeAnyTime',
+    today: 'dateRangeToday',
+    yesterday: 'dateRangeYesterday',
+    past7Days: 'dateRangeLastWeek',
+    past30Days: 'dateRangeLastMonth',
+    pastYear: 'dateRangeLastYear',
+    custom: 'dateRangeCustom'
+  };
+  return option ? _messages.dateRangeMessages[mapping[option]] : _messages.dateRangeMessages[mapping['anyTime']];
+};

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/messages.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateRangeMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var dateRangeMessages = exports.dateRangeMessages = (0, _reactIntlNext.defineMessages)({
+  dateRangeTitle: {
+    id: 'linkDataSource.confluence-search.configmodal.date.range.title',
+    defaultMessage: 'Last updated',
+    description: 'Filter by the date content was modified'
+  },
+  dateRangeAnyTime: {
+    id: 'linkDataSource.confluence-search.configmodal.date.range.any.time',
+    defaultMessage: 'Anytime',
+    description: 'Option to show content from any time'
+  },
+  dateRangeToday: {
+    id: 'linkDataSource.confluence-search.configmodal.date.range.today',
+    defaultMessage: 'Today',
+    description: 'Date range of content modified today'
+  },
+  dateRangeYesterday: {
+    id: 'linkDataSource.confluence-search.configmodal.date.range.yesterday',
+    defaultMessage: 'Yesterday',
+    description: 'Date range of content modified yesterday'
+  },
+  dateRangeLastWeek: {
+    id: 'linkDataSource.confluence-search.configmodal.date.range.last.week',
+    defaultMessage: 'Past 7 days',
+    description: 'Date range of content modified in the last 7 days'
+  },
+  dateRangeLastMonth: {
+    id: 'linkDataSource.confluence-search.configmodal.date.range.last.month',
+    defaultMessage: 'Past 30 days',
+    description: 'Date range of content modified in the last 30 days'
+  },
+  dateRangeLastYear: {
+    id: 'linkDataSource.confluence-search.configmodal.date.range.last.year',
+    defaultMessage: 'Past year',
+    description: 'Date range of content modified in the last 365 days'
+  },
+  dateRangeCustom: {
+    id: 'linkDataSource.confluence-search.configmodal.date.range.custom',
+    defaultMessage: 'Custom',
+    description: 'Custom date range'
+  }
+});

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectDateRangeButton = exports.PopupComponentContainer = exports.DateRangeErrorMessage = exports.DatePickersWrapper = exports.CustomDropdownItem = exports.CustomDropdown = exports.CustomDateWrapper = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _colors = require("@atlaskit/theme/colors");
+var PopupComponentContainer = exports.PopupComponentContainer = _styled.default.div({
+  boxSizing: 'border-box',
+  display: 'block',
+  flex: '1 1 auto',
+  overflow: 'visible',
+  background: "var(--ds-background-input, ".concat(_colors.N0, ")"),
+  ':focus': {
+    outline: 'none'
+  },
+  boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))"
+});
+var CustomDropdown = exports.CustomDropdown = _styled.default.div({
+  width: '360px',
+  background: "var(--ds-background-input, ".concat(_colors.N0, ")"),
+  borderRadius: '3px',
+  boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))",
+  zIndex: '900'
+});
+var CustomDropdownItem = exports.CustomDropdownItem = _styled.default.div(function (props) {
+  return {
+    height: '36px',
+    width: '100%',
+    display: 'flex',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    paddingLeft: props.isSelected ? '15px' : '16px',
+    boxSizing: 'border-box',
+    color: props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : 'inherit',
+    background: props.isSelected ? "var(--ds-background-accent-blue-subtlest, ".concat(_colors.B50, ")") : 'transparent',
+    borderLeft: props.isSelected ? "2px solid ".concat("var(--ds-text-selected, ".concat(_colors.B400, ")")) : 'none',
+    '&:hover': {
+      background: props.isSelected ? "var(--ds-background-accent-blue-subtlest, ".concat(_colors.B50, ")") : "var(--ds-background-input-hovered, ".concat(_colors.N20, ")"),
+      cursor: 'default'
+    }
+  };
+});
+var CustomDateWrapper = exports.CustomDateWrapper = _styled.default.div({
+  padding: "var(--ds-space-150, 12px)",
+  boxSizing: 'border-box'
+});
+var DatePickersWrapper = exports.DatePickersWrapper = _styled.default.div({
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  width: '100%'
+});
+var SelectDateRangeButton = exports.SelectDateRangeButton = _styled.default.button({
+  background: "var(--ds-background-accent-gray-subtler, ".concat(_colors.N20, ")"),
+  border: 'none',
+  font: 'inherit',
+  width: '70px',
+  height: '40px',
+  marginTop: "var(--ds-space-150, 12px)",
+  borderRadius: '3px',
+  '&:hover': {
+    background: "var(--ds-background-accent-gray-subtler, ".concat(_colors.N30, ")"),
+    cursor: 'pointer'
+  }
+});
+var DateRangeErrorMessage = exports.DateRangeErrorMessage = _styled.default.div({
+  display: 'flex',
+  lineHeight: 1.3333,
+  marginTop: "var(--ds-space-050, 4px)",
+  fontSize: '12px',
+  color: "var(--ds-text-danger, ".concat(_colors.R400, ")")
+});

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopupTrigger = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+var PopupTrigger = exports.PopupTrigger = function PopupTrigger(_ref) {
+  var triggerProps = _ref.triggerProps,
+    optionSelected = _ref.optionSelected,
+    label = _ref.label,
+    selectedLabel = _ref.selectedLabel,
+    onClickButton = _ref.onClickButton;
+  return /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({}, triggerProps, {
+    testId: 'confluence-search-modal--date-range-button',
+    onClick: onClickButton,
+    isSelected: optionSelected,
+    iconAfter: /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+      size: "medium",
+      label: ""
+    }))
+  }), label, selectedLabel ? ": ".concat(selectedLabel) : '');
+};

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/edited-or-created-by/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _useDebounce = require("use-debounce");
+var _popupSelect = require("../../../../common/modal/popup-select");
+var _constants = require("../../../../common/modal/popup-select/constants");
+var _useCurrentUserInfo2 = require("../../hooks/useCurrentUserInfo");
+var _useRecommendation2 = _interopRequireDefault(require("../../hooks/useRecommendation"));
+var _types = require("../../types");
+var _messages = require("./messages");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var filterName = "clol-basic-filter-".concat(_types.CLOLBasicFilters.editedOrCreatedBy);
+var EditedOrCreatedByFilter = function EditedOrCreatedByFilter(_ref) {
+  var cloudId = _ref.cloudId,
+    onSelectionChange = _ref.onSelectionChange,
+    _ref$selection = _ref.selection,
+    selection = _ref$selection === void 0 ? [] : _ref$selection;
+  var _useCurrentUserInfo = (0, _useCurrentUserInfo2.useCurrentUserInfo)(),
+    user = _useCurrentUserInfo.user;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useRecommendation = (0, _useRecommendation2.default)(),
+    status = _useRecommendation.status,
+    filterOptions = _useRecommendation.filterOptions,
+    fetchFilterOptions = _useRecommendation.fetchFilterOptions,
+    errors = _useRecommendation.errors;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var _useDebouncedCallback = (0, _useDebounce.useDebouncedCallback)(function (searchTerm) {
+      if (cloudId && user !== null && user !== void 0 && user.accountId) {
+        fetchFilterOptions({
+          searchTerm: searchTerm,
+          cloudId: cloudId,
+          userId: user.accountId
+        });
+      }
+    }, _constants.SEARCH_DEBOUNCE_MS),
+    _useDebouncedCallback2 = (0, _slicedToArray2.default)(_useDebouncedCallback, 1),
+    handleDebouncedFetchFilterOptions = _useDebouncedCallback2[0];
+  var handleInputChange = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(newSearchTerm) {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setSearchTerm(newSearchTerm);
+            handleDebouncedFetchFilterOptions(newSearchTerm);
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [handleDebouncedFetchFilterOptions]);
+  var handleOptionSelection = (0, _react.useCallback)(function (newValue) {
+    onSelectionChange(_types.CLOLBasicFilters.editedOrCreatedBy, newValue);
+  }, [onSelectionChange]);
+  var handleMenuOpen = (0, _react.useCallback)(function () {
+    if ((status === 'empty' || status === 'rejected') && cloudId && user !== null && user !== void 0 && user.accountId) {
+      // 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({
+        cloudId: cloudId,
+        userId: user.accountId,
+        searchTerm: searchTerm
+      });
+    }
+  }, [fetchFilterOptions, status, cloudId, user === null || user === void 0 ? void 0 : user.accountId, searchTerm]);
+  var filterOptionsLength = filterOptions.length;
+  var isError = status === 'rejected';
+  var isLoading = status === 'loading' || status === 'empty';
+  var isEmpty = status === 'resolved' && filterOptionsLength === 0;
+  var isDisabled = !cloudId || !(user !== null && user !== void 0 && user.accountId);
+  return /*#__PURE__*/_react.default.createElement(_popupSelect.FilterPopupSelect, {
+    buttonLabel: formatMessage(_messages.editedOrCreatedByMessage.buttonLabel),
+    filterName: filterName,
+    isDisabled: isDisabled,
+    options: filterOptions,
+    showLoading: isLoading,
+    selectedOptions: selection,
+    onSelectionChange: handleOptionSelection,
+    onInputChange: handleInputChange,
+    showHydrating: false,
+    shouldShowFooter: false,
+    status: status,
+    onMenuOpen: handleMenuOpen,
+    menuListProps: {
+      filterName: filterName,
+      errors: errors,
+      isLoading: isLoading,
+      isError: isError,
+      isEmpty: isEmpty
+    }
+  });
+};
+var _default = exports.default = EditedOrCreatedByFilter;

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/edited-or-created-by/messages.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.editedOrCreatedByMessage = void 0;
+var _reactIntlNext = require("react-intl-next");
+var editedOrCreatedByMessage = exports.editedOrCreatedByMessage = (0, _reactIntlNext.defineMessages)({
+  buttonLabel: {
+    id: 'linkDataSource.clol-basic-filter.editedOrCreatedBy.label',
+    description: 'Label to be displayed for "Edited or created by" filter dropdown button.',
+    defaultMessage: 'Edited or created by'
+  }
+});