@atlaskit/link-datasource 1.27.3 → 1.28.0

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

@@ -0,0 +1,43 @@
+import { defineMessages } from 'react-intl-next';
+export var dateRangeMessages = 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/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js

@@ -0,0 +1,68 @@
+import styled from '@emotion/styled';
+import { B400, B50, N0, N20, N30, R400 } from '@atlaskit/theme/colors';
+export var PopupComponentContainer = styled.div({
+  boxSizing: 'border-box',
+  display: 'block',
+  flex: '1 1 auto',
+  overflow: 'visible',
+  background: "var(--ds-background-input, ".concat(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))"
+});
+export var CustomDropdown = styled.div({
+  width: '360px',
+  background: "var(--ds-background-input, ".concat(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'
+});
+export var CustomDropdownItem = styled.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(B400, ")") : 'inherit',
+    background: props.isSelected ? "var(--ds-background-accent-blue-subtlest, ".concat(B50, ")") : 'transparent',
+    borderLeft: props.isSelected ? "2px solid ".concat("var(--ds-text-selected, ".concat(B400, ")")) : 'none',
+    '&:hover': {
+      background: props.isSelected ? "var(--ds-background-accent-blue-subtlest, ".concat(B50, ")") : "var(--ds-background-input-hovered, ".concat(N20, ")"),
+      cursor: 'default'
+    }
+  };
+});
+export var CustomDateWrapper = styled.div({
+  padding: "var(--ds-space-150, 12px)",
+  boxSizing: 'border-box'
+});
+export var DatePickersWrapper = styled.div({
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  width: '100%'
+});
+export var SelectDateRangeButton = styled.button({
+  background: "var(--ds-background-accent-gray-subtler, ".concat(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(N30, ")"),
+    cursor: 'pointer'
+  }
+});
+export var DateRangeErrorMessage = styled.div({
+  display: 'flex',
+  lineHeight: 1.3333,
+  marginTop: "var(--ds-space-050, 4px)",
+  fontSize: '12px',
+  color: "var(--ds-text-danger, ".concat(R400, ")")
+});

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

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Button from '@atlaskit/button/standard-button';
+import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+export var PopupTrigger = function PopupTrigger(_ref) {
+  var triggerProps = _ref.triggerProps,
+    optionSelected = _ref.optionSelected,
+    label = _ref.label,
+    selectedLabel = _ref.selectedLabel,
+    onClickButton = _ref.onClickButton;
+  return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
+    testId: 'confluence-search-modal--date-range-button',
+    onClick: onClickButton,
+    isSelected: optionSelected,
+    iconAfter: /*#__PURE__*/React.createElement("span", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
+      size: "medium",
+      label: ""
+    }))
+  }), label, selectedLabel ? ": ".concat(selectedLabel) : '');
+};

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

@@ -1,15 +1,17 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import React from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
+import { DateRangePicker } from './filters/date-range-picker';
 var basicFilterContainerStyles = xcss({
   paddingLeft: 'space.100'
 });
 var BasicFilterContainer = function BasicFilterContainer(_ref) {
-  _objectDestructuringEmpty(_ref);
+  var onChange = _ref.onChange;
   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(DateRangePicker, {
+    onSelectionChange: onChange
+  }), /*#__PURE__*/React.createElement(React.Fragment, null));
 };
 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,4 +1,7 @@
+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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Flex, xcss } from '@atlaskit/primitives';
@@ -18,6 +21,10 @@ 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);
@@ -31,6 +38,12 @@ var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
       currentCloudId.current = cloudId;
     }
   }, [cloudId]);
+  var handleBasicFilterSelectionChange = useCallback(function (filterType, options) {
+    var updatedSelection = _objectSpread(_objectSpread({}, filterSelections), {}, _defineProperty({}, filterType, options));
+    setFilterSelections(updatedSelection);
+    //TODO: move to debounce fn in https://product-fabric.atlassian.net/browse/EDM-9485
+    onSearch(searchBarSearchString, updatedSelection);
+  }, [filterSelections, onSearch, searchBarSearchString]);
   var showBasicFilters = useMemo(function () {
     if (getBooleanFF('platform.linking-platform.datasource.show-clol-basic-filters')) {
       return true;
@@ -48,6 +61,8 @@ var ConfluenceSearchContainer = function ConfluenceSearchContainer(_ref) {
     searchTerm: searchBarSearchString,
     placeholder: searchMessages.searchLabel,
     fullWidth: !showBasicFilters
-  }), showBasicFilters && /*#__PURE__*/React.createElement(BasicFilters, null));
+  }), showBasicFilters && /*#__PURE__*/React.createElement(BasicFilters, {
+    onChange: handleBasicFilterSelectionChange
+  }));
 };
 export default ConfluenceSearchContainer;

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

@@ -75,7 +75,10 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     viewMode = _props$viewMode === void 0 ? 'table' : _props$viewMode,
     initialParameters = props.parameters,
     urlBeingEdited = props.url,
-    initialVisibleColumnKeys = props.visibleColumnKeys;
+    initialVisibleColumnKeys = props.visibleColumnKeys,
+    _props$disableDisplay = props.disableDisplayDropdown,
+    disableDisplayDropdown = _props$disableDisplay === void 0 ? false : _props$disableDisplay,
+    overrideParameters = props.overrideParameters;
   var _useState = useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     availableSites = _useState2[0],
@@ -96,6 +99,10 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     _useState10 = _slicedToArray(_useState9, 2),
     visibleColumnKeys = _useState10[0],
     setVisibleColumnKeys = _useState10[1];
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    lastModified = _useState12[0],
+    setLastModified = _useState12[1];
 
   // analytics related parameters
   var searchCount = useRef(0);
@@ -108,16 +115,24 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     return _objectSpread(_objectSpread({}, initialParameters), {}, {
       cloudId: cloudId,
       searchString: searchString
+    }, lastModified && {
+      lastModified: lastModified
     });
-  }, [cloudId, initialParameters, searchString /** Add more parameters when more filters are added */]);
+  }, [cloudId, lastModified, 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;
     }).length > 1;
   }, [cloudId, parameters]);
+  var parametersToSend = useMemo(function () {
+    if (!isParametersSet) {
+      return undefined;
+    }
+    return _objectSpread(_objectSpread({}, parameters), overrideParameters !== null && overrideParameters !== void 0 ? overrideParameters : {});
+  }, [parameters, overrideParameters, isParametersSet]);
   var _useDatasourceTableSt = useDatasourceTableState({
       datasourceId: datasourceId,
-      parameters: isParametersSet ? parameters : undefined,
+      parameters: parametersToSend,
       fieldKeys: visibleColumnKeys
     }),
     reset = _useDatasourceTableSt.reset,
@@ -209,17 +224,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 _useState13 = useState(initialColumnCustomSizes),
+    _useState14 = _slicedToArray(_useState13, 2),
+    columnCustomSizes = _useState14[0],
+    setColumnCustomSizes = _useState14[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 _useState15 = useState(initialWrappedColumnKeys),
+    _useState16 = _slicedToArray(_useState15, 2),
+    wrappedColumnKeys = _useState16[0],
+    setWrappedColumnKeys = _useState16[1];
   var onWrappedColumnChange = useCallback(function (key, isWrapped) {
     var set = new Set(wrappedColumnKeys);
     if (isWrapped) {
@@ -372,7 +387,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     } else {
       onInsert(buildDatasourceAdf({
         id: datasourceId,
-        parameters: _objectSpread(_objectSpread({}, parameters), {}, {
+        parameters: _objectSpread(_objectSpread({}, parametersToSend), {}, {
           cloudId: cloudId
         }),
         views: [{
@@ -393,14 +408,20 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
         }]
       }, confluenceSearchUrl), consumerEvent);
     }
-  }, [isParametersSet, cloudId, analyticsPayload, totalCount, currentViewMode, onInsert, confluenceSearchUrl, datasourceId, parameters, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
+  }, [isParametersSet, cloudId, analyticsPayload, totalCount, currentViewMode, onInsert, confluenceSearchUrl, datasourceId, parametersToSend, visibleColumnKeys, columnCustomSizes, wrappedColumnKeys]);
   var handleViewModeChange = function handleViewModeChange(selectedMode) {
     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 !== null && filters !== void 0 && filters.lastModified) {
+      var lastModifiedValue = filters.lastModified.find(function (range) {
+        return range.value;
+      });
+      setLastModified(lastModifiedValue === null || lastModifiedValue === void 0 ? void 0 : lastModifiedValue.value);
+    }
     setSearchString(newSearchString);
     reset({
       shouldForceRequest: true
@@ -429,7 +450,7 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     selectedSite: selectedConfluenceSite,
     testId: "confluence-search-datasource-modal--site-selector",
     label: siteSelectorLabel
-  })), !hasNoConfluenceSites && jsx(DisplayViewDropDown, {
+  })), !hasNoConfluenceSites && !disableDisplayDropdown && jsx(DisplayViewDropDown, {
     onViewModeChange: handleViewModeChange,
     viewMode: currentViewMode
   })), jsx(ModalBody, null, !hasNoConfluenceSites ? jsx(Fragment, null, jsx(Box, {

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/jira-issues-modal/basic-filters/ui/async-popup-select/index.js

@@ -6,9 +6,9 @@ import isEqual from 'lodash/isEqual';
 import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
 import { FilterPopupSelect } from '../../../../common/modal/popup-select';
+import { SEARCH_DEBOUNCE_MS } from '../../../../common/modal/popup-select/constants';
 import { useFilterOptions } from '../../hooks/useFilterOptions';
 import { asyncPopupSelectMessages } from './messages';
-export var SEARCH_DEBOUNCE_MS = 350;
 var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
   var filterType = _ref.filterType,
     site = _ref.site,
@@ -104,11 +104,12 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
   var isEmpty = status === 'resolved' && filterOptionsLength === 0;
   var popupSelectOptions = isLoading || isError ? [] : filterOptions; // if not set to [], then on loading, no loading UI will be shown
   var areAllResultsLoaded = filterOptionsLength === totalCount;
+  var filterName = "jlol-basic-filter-".concat(filterType);
   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;
   var triggerButtonLabel = formatMessage(asyncPopupSelectMessages["".concat(filterType, "Label")]);
   return /*#__PURE__*/React.createElement(FilterPopupSelect, {
-    filterName: "jlol-basic-filter-".concat(filterType),
+    filterName: filterName,
     status: status,
     showLoading: isLoading,
     showHydrating: isJQLHydrating,
@@ -122,7 +123,7 @@ var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
     onSelectionChange: handleOptionSelection,
     onMenuOpen: handleMenuOpen,
     menuListProps: {
-      filterName: filterType,
+      filterName: filterName,
       isError: isError,
       isEmpty: isEmpty,
       isLoading: isLoading,

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

@@ -14,6 +14,7 @@ import { Flex, xcss } from '@atlaskit/primitives';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { BasicSearchInput } from '../../common/modal/basic-search-input';
 import { basicSearchInputMessages } from '../../common/modal/basic-search-input/messages';
+import { FILTER_SELECTION_DEBOUNCE_MS } from '../../common/modal/popup-select/constants';
 import { BasicFilters } from '../basic-filters';
 import { useHydrateJqlQuery } from '../basic-filters/hooks/useHydrateJqlQuery';
 import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
@@ -31,7 +32,6 @@ var basicSearchInputContainerStyles = xcss({
 });
 export var DEFAULT_JQL_QUERY = 'ORDER BY created DESC';
 export var ALLOWED_ORDER_BY_KEYS = ['key', 'summary', 'assignee', 'status', 'created'];
-export var FILTER_SELECTION_DEBOUNCE_MS = 500;
 export var JiraSearchContainer = function JiraSearchContainer(props) {
   var isSearching = props.isSearching,
     parameters = props.parameters,

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/ui/common/modal/popup-select/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const FILTER_SELECTION_DEBOUNCE_MS = 500;
+export declare const SEARCH_DEBOUNCE_MS = 350;

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

@@ -2,6 +2,7 @@
 export interface PopupFooterProps {
     currentDisplayCount: number;
     totalCount: number;
+    filterName: string;
 }
-declare const PopupFooter: ({ currentDisplayCount, totalCount }: PopupFooterProps) => JSX.Element;
+declare const PopupFooter: ({ currentDisplayCount, totalCount, filterName, }: PopupFooterProps) => JSX.Element;
 export default PopupFooter;

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

@@ -2,7 +2,7 @@
 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, }: {
+export interface FilterPopupSelectProps {
     buttonLabel: string;
     totalCount: number;
     filterName: string;
@@ -16,6 +16,7 @@ export declare const FilterPopupSelect: ({ filterName, totalCount, status, butto
     selectedOptions: ValueType<SelectOption, true>;
     onSelectionChange: (newValue: ValueType<SelectOption, true>) => void;
     onInputChange: (newValue: string, actionMeta: InputActionMeta) => void;
-    onMenuOpen?: (() => void) | undefined;
-    onMenuClose?: (() => void) | undefined;
-}) => JSX.Element;
+    onMenuOpen?: () => void;
+    onMenuClose?: () => void;
+}
+export declare const FilterPopupSelect: ({ filterName, totalCount, status, buttonLabel, showLoading, isDisabled, showHydrating, shouldShowFooter, menuListProps, options, selectedOptions, onSelectionChange, onInputChange, onMenuClose, onMenuOpen, }: FilterPopupSelectProps) => JSX.Element;

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

@@ -7,7 +7,7 @@ export type CustomMenuListProps = {
     isLoadingMore?: boolean;
     isEmpty?: boolean;
     showMore?: boolean;
-    handleShowMore: () => void;
+    handleShowMore?: () => void;
     filterName: string;
     errors?: unknown[];
 };

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

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

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;
+    };
+};