@atlaskit/link-picker 1.22.2 → 1.23.1

package/dist/es2019/ui/link-picker/transformTimeStamp.js

@@ -1,28 +1,34 @@
-import formatDistance from 'date-fns/formatDistance';
-import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
-import format from 'date-fns/format';
-import { messages } from './messages';
-const renderAbsoluteOrRelativeDate = (timeStamp, pageAction, intl) => {
-  let pageActionText = '';
-  switch (pageAction) {
-    case 'updated':
-      pageActionText = intl.formatMessage(messages.timeUpdated);
-      break;
-    case 'viewed':
-      pageActionText = intl.formatMessage(messages.timeViewed);
-      break;
+import { timeMessages } from './messages';
+import { isMoreThanOneWeekAgo } from '../../common/utils/date';
+import { selectUnit } from '../../common/utils/dateUtils';
+import isYesterday from 'date-fns/isYesterday';
+const formatTime = (timeStamp, intl) => {
+  const isAbsolute = isMoreThanOneWeekAgo(timeStamp);
+  if (isAbsolute) {
+    return intl.formatDate(timeStamp, {
+      month: 'long',
+      day: 'numeric',
+      year: 'numeric'
+    });
   }
-  if (differenceInCalendarDays(timeStamp, Date.now()) < -7) {
-    return {
-      pageAction: pageActionText,
-      dateString: format(timeStamp, 'MMMM dd, yyyy')
-    };
+  const {
+    value,
+    unit
+  } = selectUnit(timeStamp, new Date(), {
+    day: 7 // treat a week as 7 days (default is 5)
+  });
+  //formats as 'yesterday' instead of '1 day ago'
+  if (isYesterday(timeStamp)) {
+    return intl.formatRelativeTime(value, unit, {
+      numeric: 'auto'
+    });
   }
-  return {
-    pageAction: pageActionText,
-    dateString: formatDistance(timeStamp, Date.now()),
-    timeSince: intl.formatMessage(messages.timeAgo)
-  };
+  return intl.formatRelativeTime(value, unit);
+};
+const renderAbsoluteOrRelativeDate = (timeStamp, pageAction, intl) => {
+  return intl.formatMessage(timeMessages[pageAction], {
+    time: formatTime(timeStamp, intl)
+  });
 };
 export const transformTimeStamp = (intl, lastViewedDate, lastUpdatedDate) => {
   if (lastViewedDate) {

package/dist/es2019/ui/link-picker/utils.js

@@ -38,8 +38,7 @@ export function getScreenReaderText(items, selectedIndex, intl) {
       lastViewedDate
     } = items[selectedIndex];
     const date = transformTimeStamp(intl, lastViewedDate, lastUpdatedDate);
-    const formattedDate = [date === null || date === void 0 ? void 0 : date.pageAction, date === null || date === void 0 ? void 0 : date.dateString, date === null || date === void 0 ? void 0 : date.timeSince].filter(Boolean).join(' ');
-    return [name, container, formattedDate].filter(Boolean).join(', ');
+    return [name, container, date].filter(Boolean).join(', ');
   }
 }
 export const handleNavKeyDown = (event, itemsLength, activeIndex) => {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.22.2",
+	"version": "1.23.1",
 	"sideEffects": false
 }

package/dist/esm/common/utils/date.js

@@ -0,0 +1,9 @@
+import isBefore from 'date-fns/isBefore';
+import startOfDay from 'date-fns/startOfDay';
+import subWeeks from 'date-fns/subWeeks';
+export function isMoreThanOneWeekAgo(date) {
+  return isBefore(new Date(date), startOfOneWeekAgo());
+}
+function startOfOneWeekAgo() {
+  return startOfDay(subWeeks(new Date(), 1));
+}

package/dist/esm/common/utils/dateUtils.js

@@ -0,0 +1,63 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+//copied from packages/activity-platform/recent-work-ui/src/common/ui/activity-event-type-message/utils.ts
+
+var MS_PER_SECOND = 1e3;
+var SECS_PER_MIN = 60;
+var SECS_PER_HOUR = SECS_PER_MIN * 60;
+var SECS_PER_DAY = SECS_PER_HOUR * 24;
+var SECS_PER_WEEK = SECS_PER_DAY * 7;
+
+// This function is a direct copy from https://github.com/formatjs/formatjs-old/blob/master/packages/intl-utils/src/diff.ts
+// If the year between 'from' and 'to' is different and there is more than a week between them, the function returns
+// 'year' as the unit. This means some activities display a '1 year ago' even though its 10 days old.
+//
+// In the below, we have removed the check for 'year' and 'month' as we display absolute dates for those periods.
+export function selectUnit(from) {
+  var to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Date.now();
+  var thresholds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var resolvedThresholds = _objectSpread(_objectSpread({}, DEFAULT_THRESHOLDS), thresholds || {});
+  var secs = (+from - +to) / MS_PER_SECOND;
+  if (Math.abs(secs) < resolvedThresholds.second) {
+    return {
+      value: Math.round(secs),
+      unit: 'second'
+    };
+  }
+  var mins = secs / SECS_PER_MIN;
+  if (Math.abs(mins) < resolvedThresholds.minute) {
+    return {
+      value: Math.round(mins),
+      unit: 'minute'
+    };
+  }
+  var hours = secs / SECS_PER_HOUR;
+  if (Math.abs(hours) < resolvedThresholds.hour) {
+    return {
+      value: Math.round(hours),
+      unit: 'hour'
+    };
+  }
+  var days = secs / SECS_PER_DAY;
+  if (Math.abs(days) < resolvedThresholds.day) {
+    return {
+      value: Math.round(days),
+      unit: 'day'
+    };
+  }
+  var weeks = secs / SECS_PER_WEEK;
+  return {
+    value: Math.round(weeks),
+    unit: 'week'
+  };
+}
+export var DEFAULT_THRESHOLDS = {
+  second: 45,
+  // seconds to minute
+  minute: 45,
+  // minutes to hour
+  hour: 22,
+  // hour to day
+  day: 5 // day to week
+};

package/dist/esm/i18n/languages.js

@@ -0,0 +1,31 @@
+export default {
+  zh: 'Chinese',
+  zh_TW: 'Chinese (Traditional)',
+  cs: 'Czech',
+  nl: 'Dutch',
+  da: 'Danish',
+  en: 'English',
+  en_GB: 'English (United Kingdom)',
+  et: 'Estonian',
+  fi: 'Finnish',
+  fr: 'French',
+  de: 'German',
+  hu: 'Hungarian',
+  is: 'Icelandic',
+  it: 'Italian',
+  ja: 'Japanese',
+  ko: 'Korean',
+  nb: 'Norwegian Bokmål',
+  pl: 'Polish',
+  pt_BR: 'Portuguese (Brazil)',
+  pt_PT: 'Portuguese (Portugal)',
+  ro: 'Romanian',
+  ru: 'Russian',
+  sk: 'Slovak',
+  es: 'Spanish',
+  sv: 'Swedish',
+  th: 'Thai',
+  tr: 'Turkish',
+  uk: 'Ukrainian',
+  vi: 'Vietnamese'
+};

package/dist/esm/ui/link-picker/index.js

@@ -77,7 +77,7 @@ var LinkInputField = withInputFieldTracking(TextInput, 'link', function (event,
 });
 var DisplayTextInputField = withInputFieldTracking(TextInput, 'displayText');
 function LinkPicker(_ref) {
-  var _errorFallback;
+  var _activePlugin$errorFa, _activePlugin$errorFa2;
   var onSubmit = _ref.onSubmit,
     onCancel = _ref.onCancel,
     onContentResize = _ref.onContentResize,
@@ -111,7 +111,6 @@ function LinkPicker(_ref) {
     tabs = _usePlugins.tabs,
     error = _usePlugins.error,
     retry = _usePlugins.retry,
-    errorFallback = _usePlugins.errorFallback,
     pluginAction = _usePlugins.pluginAction;
   var fixListHeightProps = useFixHeight(isLoading);
   var isEditing = !!initUrl;
@@ -357,8 +356,9 @@ function LinkPicker(_ref) {
     onSelect: handleSelected,
     onChange: handleSearchListOnChange,
     onKeyDown: handleKeyDown,
-    hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length)
-  }), error && ((_errorFallback = errorFallback === null || errorFallback === void 0 ? void 0 : errorFallback(error, retry)) !== null && _errorFallback !== void 0 ? _errorFallback : jsx(LinkSearchError, null)))), jsx(FormFooter, {
+    hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
+    activePlugin: activePlugin
+  }), error && ((_activePlugin$errorFa = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$errorFa2 = activePlugin.errorFallback) === null || _activePlugin$errorFa2 === void 0 ? void 0 : _activePlugin$errorFa2.call(activePlugin, error, retry)) !== null && _activePlugin$errorFa !== void 0 ? _activePlugin$errorFa : jsx(LinkSearchError, null)))), jsx(FormFooter, {
     error: error,
     items: items,
     state: queryState,

package/dist/esm/ui/link-picker/link-search-list/index.js

@@ -1,12 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "role", "id", "hasSearchTerm"];
+var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "role", "id", "hasSearchTerm", "activePlugin"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /** @jsx jsx */
 import { forwardRef, Fragment, useCallback, useRef } from 'react';
 import { jsx } from '@emotion/react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -15,6 +16,7 @@ import { listContainerStyles, spinnerContainerStyles, listStyles, listTitleStyle
 import LinkSearchNoResults, { testIds as noResultsTestIds } from './link-search-no-results';
 import { useTrackResultsShown } from './use-track-results-shown';
 import { handleNavKeyDown } from '../utils';
+import { emptyStateNoResultsWrapper } from './link-search-no-results/styled';
 export var messages = defineMessages({
   titleRecentlyViewed: {
     id: 'fabric.linkPicker.listTitle.recentlyViewed',
@@ -51,6 +53,7 @@ var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     role = _ref.role,
     id = _ref.id,
     hasSearchTerm = _ref.hasSearchTerm,
+    activePlugin = _ref.activePlugin,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var itemsContent;
   var loadingContent;
@@ -98,7 +101,17 @@ var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [activeIndex, items, onChange, onKeyDown]);
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
-    return jsx(LinkSearchNoResults, null);
+    if (getBooleanFF('platform.linking-platform.link-picker.enable-empty-state')) {
+      if (hasSearchTerm) {
+        return jsx(LinkSearchNoResults, null);
+      } else {
+        return jsx("div", {
+          css: emptyStateNoResultsWrapper
+        }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null);
+      }
+    } else {
+      return jsx(LinkSearchNoResults, null);
+    }
   }
   if (items && items.length > 0) {
     itemsContent = jsx(Fragment, null, jsx("div", {

package/dist/esm/ui/link-picker/link-search-list/link-search-no-results/styled.js

@@ -1,4 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
+var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
-export var emptyStateWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & p {\n    margin: 0;\n  }\n"])));
+export var emptyStateWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & p {\n    margin: 0;\n  }\n"])));
+export var emptyStateNoResultsWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-height: ", ";\n"])), "var(--ds-space-200, 16px)");

package/dist/esm/ui/link-picker/list-item/index.js

@@ -49,12 +49,9 @@ var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     css: listItemContainerInnerStyles
   }, container)), date && jsx("div", {
     css: listItemContainerInnerStyles
-  }, container && jsx(Fragment, null, "\xA0 \u2022\xA0 "), jsx(Fragment, null, formatDate(date))))));
+  }, container && jsx(Fragment, null, "\xA0 \u2022\xA0 "), jsx(Fragment, null, date)))));
 });
 export default LinkSearchListItem;
-var formatDate = function formatDate(date) {
-  return [date.pageAction, date.dateString, date.timeSince].filter(Boolean).join(' ');
-};
 var isSVG = function isSVG(icon) {
   return icon.startsWith('<svg') && icon.endsWith('</svg>');
 };

package/dist/esm/ui/link-picker/messages.js

@@ -67,20 +67,15 @@ export var linkTextMessages = defineMessages({
     description: 'Tooltip message for link input clear button'
   }
 });
-export var messages = defineMessages({
-  timeUpdated: {
-    id: 'fabric.linkPicker.time.updated',
-    defaultMessage: 'Updated',
-    description: 'Time last updated'
+export var timeMessages = defineMessages({
+  updated: {
+    id: 'fabric.linkPicker.time.message.updated',
+    defaultMessage: 'Updated {time}',
+    description: 'Time last updated where {time} can be an absolute value e.g. June 5, 2023 or a relative value e.g. 3 hours ago'
   },
-  timeViewed: {
-    id: 'fabric.linkPicker.time.viewed',
-    defaultMessage: 'Viewed',
-    description: 'Time last viewed'
-  },
-  timeAgo: {
-    id: 'fabric.linkPicker.time.ago',
-    defaultMessage: 'ago',
-    description: 'Some time ago'
+  viewed: {
+    id: 'fabric.linkPicker.time.message.viewed',
+    defaultMessage: 'Viewed {time}',
+    description: 'Time last viewed where {time} can be an absolute value e.g. June 5, 2023 or a relative value e.g. 3 hours ago'
   }
 });

package/dist/esm/ui/link-picker/transformTimeStamp.js

@@ -1,28 +1,33 @@
-import formatDistance from 'date-fns/formatDistance';
-import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
-import format from 'date-fns/format';
-import { messages } from './messages';
-var renderAbsoluteOrRelativeDate = function renderAbsoluteOrRelativeDate(timeStamp, pageAction, intl) {
-  var pageActionText = '';
-  switch (pageAction) {
-    case 'updated':
-      pageActionText = intl.formatMessage(messages.timeUpdated);
-      break;
-    case 'viewed':
-      pageActionText = intl.formatMessage(messages.timeViewed);
-      break;
+import { timeMessages } from './messages';
+import { isMoreThanOneWeekAgo } from '../../common/utils/date';
+import { selectUnit } from '../../common/utils/dateUtils';
+import isYesterday from 'date-fns/isYesterday';
+var formatTime = function formatTime(timeStamp, intl) {
+  var isAbsolute = isMoreThanOneWeekAgo(timeStamp);
+  if (isAbsolute) {
+    return intl.formatDate(timeStamp, {
+      month: 'long',
+      day: 'numeric',
+      year: 'numeric'
+    });
   }
-  if (differenceInCalendarDays(timeStamp, Date.now()) < -7) {
-    return {
-      pageAction: pageActionText,
-      dateString: format(timeStamp, 'MMMM dd, yyyy')
-    };
+  var _selectUnit = selectUnit(timeStamp, new Date(), {
+      day: 7 // treat a week as 7 days (default is 5)
+    }),
+    value = _selectUnit.value,
+    unit = _selectUnit.unit;
+  //formats as 'yesterday' instead of '1 day ago'
+  if (isYesterday(timeStamp)) {
+    return intl.formatRelativeTime(value, unit, {
+      numeric: 'auto'
+    });
   }
-  return {
-    pageAction: pageActionText,
-    dateString: formatDistance(timeStamp, Date.now()),
-    timeSince: intl.formatMessage(messages.timeAgo)
-  };
+  return intl.formatRelativeTime(value, unit);
+};
+var renderAbsoluteOrRelativeDate = function renderAbsoluteOrRelativeDate(timeStamp, pageAction, intl) {
+  return intl.formatMessage(timeMessages[pageAction], {
+    time: formatTime(timeStamp, intl)
+  });
 };
 export var transformTimeStamp = function transformTimeStamp(intl, lastViewedDate, lastUpdatedDate) {
   if (lastViewedDate) {

package/dist/esm/ui/link-picker/utils.js

@@ -35,8 +35,7 @@ export function getScreenReaderText(items, selectedIndex, intl) {
       lastUpdatedDate = _items$selectedIndex.lastUpdatedDate,
       lastViewedDate = _items$selectedIndex.lastViewedDate;
     var date = transformTimeStamp(intl, lastViewedDate, lastUpdatedDate);
-    var formattedDate = [date === null || date === void 0 ? void 0 : date.pageAction, date === null || date === void 0 ? void 0 : date.dateString, date === null || date === void 0 ? void 0 : date.timeSince].filter(Boolean).join(' ');
-    return [name, container, formattedDate].filter(Boolean).join(', ');
+    return [name, container, date].filter(Boolean).join(', ');
   }
 }
 export var handleNavKeyDown = function handleNavKeyDown(event, itemsLength, activeIndex) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.22.2",
+	"version": "1.23.1",
 	"sideEffects": false
 }

package/dist/types/common/utils/date.d.ts

@@ -0,0 +1 @@
+export declare function isMoreThanOneWeekAgo(date: string | Date): boolean;

package/dist/types/common/utils/dateUtils.d.ts

@@ -0,0 +1,8 @@
+export type Unit = 'second' | 'minute' | 'hour' | 'day' | 'week';
+export declare function selectUnit(from: Date | number, to?: Date | number, thresholds?: Partial<Thresholds>): {
+    value: number;
+    unit: Unit;
+};
+type Thresholds = Record<'second' | 'minute' | 'hour' | 'day', number>;
+export declare const DEFAULT_THRESHOLDS: Thresholds;
+export {};

package/dist/types/i18n/languages.d.ts

@@ -0,0 +1,32 @@
+declare const _default: {
+    zh: string;
+    zh_TW: string;
+    cs: string;
+    nl: string;
+    da: string;
+    en: string;
+    en_GB: string;
+    et: string;
+    fi: string;
+    fr: string;
+    de: string;
+    hu: string;
+    is: string;
+    it: string;
+    ja: string;
+    ko: string;
+    nb: string;
+    pl: string;
+    pt_BR: string;
+    pt_PT: string;
+    ro: string;
+    ru: string;
+    sk: string;
+    es: string;
+    sv: string;
+    th: string;
+    tr: string;
+    uk: string;
+    vi: string;
+};
+export default _default;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
 export { ComposedLinkPicker as LinkPicker } from './ui';
 export type { LinkPickerProps } from './ui/link-picker';
-export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, } from './ui/types';
+export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, } from './ui/types';
 export { UnauthenticatedError } from './common/utils/errors';

package/dist/types/ui/link-picker/link-search-list/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { KeyboardEvent } from 'react';
-import { LinkSearchListItemData } from '../../types';
+import { LinkPickerPlugin, LinkSearchListItemData } from '../../types';
 export declare const messages: {
     titleRecentlyViewed: {
         id: string;
@@ -39,6 +39,7 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     role?: string;
     id?: string;
     hasSearchTerm?: boolean;
+    activePlugin?: LinkPickerPlugin;
 }
 declare const LinkSearchList: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
 export default LinkSearchList;

package/dist/types/ui/link-picker/link-search-list/link-search-no-results/styled.d.ts

@@ -1 +1,2 @@
 export declare const emptyStateWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const emptyStateNoResultsWrapper: import("@emotion/react").SerializedStyles;

package/dist/types/ui/link-picker/messages.d.ts

@@ -66,18 +66,13 @@ export declare const linkTextMessages: {
         description: string;
     };
 };
-export declare const messages: {
-    timeUpdated: {
+export declare const timeMessages: {
+    updated: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    timeViewed: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    timeAgo: {
+    viewed: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types/ui/link-picker/transformTimeStamp.d.ts

@@ -1,3 +1,2 @@
 import { IntlShape } from 'react-intl-next';
-import { ListItemTimeStamp } from '../types';
-export declare const transformTimeStamp: (intl: IntlShape, lastViewedDate?: Date, lastUpdatedDate?: Date) => ListItemTimeStamp | undefined;
+export declare const transformTimeStamp: (intl: IntlShape, lastViewedDate?: Date, lastUpdatedDate?: Date) => string | undefined;

package/dist/types/ui/types.d.ts

@@ -28,11 +28,6 @@ export interface LinkSearchListItemData {
         source?: string;
     };
 }
-export type ListItemTimeStamp = {
-    pageAction: string;
-    dateString: string;
-    timeSince?: string | undefined;
-};
 export interface LinkPickerState {
     /** Current query string / URL input field value */
     query: string;
@@ -48,6 +43,8 @@ export interface LinkPickerPlugin {
     tabTitle?: string;
     /** Render function to customise the UI that is displayed when an error occurs resolving results */
     errorFallback?: LinkPickerPluginErrorFallback;
+    /** Render function to customise the UI that is displayed when there are no results, but an empty form (no search term) */
+    emptyStateNoResults?: LinkPickerPluginEmptyStateNoResults;
     /** Metadata about the plugin */
     meta?: {
         /** The data source that provides all results provided by the plugin */
@@ -63,3 +60,4 @@ export interface LinkPickerPluginAction {
     callback: () => void;
 }
 export type LinkPickerPluginErrorFallback = (error: unknown, retry: () => void) => ReactNode;
+export type LinkPickerPluginEmptyStateNoResults = () => ReactNode;

package/dist/types-ts4.5/common/utils/date.d.ts

@@ -0,0 +1 @@
+export declare function isMoreThanOneWeekAgo(date: string | Date): boolean;

package/dist/types-ts4.5/common/utils/dateUtils.d.ts

@@ -0,0 +1,8 @@
+export type Unit = 'second' | 'minute' | 'hour' | 'day' | 'week';
+export declare function selectUnit(from: Date | number, to?: Date | number, thresholds?: Partial<Thresholds>): {
+    value: number;
+    unit: Unit;
+};
+type Thresholds = Record<'second' | 'minute' | 'hour' | 'day', number>;
+export declare const DEFAULT_THRESHOLDS: Thresholds;
+export {};

package/dist/types-ts4.5/i18n/languages.d.ts

@@ -0,0 +1,32 @@
+declare const _default: {
+    zh: string;
+    zh_TW: string;
+    cs: string;
+    nl: string;
+    da: string;
+    en: string;
+    en_GB: string;
+    et: string;
+    fi: string;
+    fr: string;
+    de: string;
+    hu: string;
+    is: string;
+    it: string;
+    ja: string;
+    ko: string;
+    nb: string;
+    pl: string;
+    pt_BR: string;
+    pt_PT: string;
+    ro: string;
+    ru: string;
+    sk: string;
+    es: string;
+    sv: string;
+    th: string;
+    tr: string;
+    uk: string;
+    vi: string;
+};
+export default _default;

package/dist/types-ts4.5/index.d.ts

@@ -1,4 +1,4 @@
 export { ComposedLinkPicker as LinkPicker } from './ui';
 export type { LinkPickerProps } from './ui/link-picker';
-export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, } from './ui/types';
+export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, } from './ui/types';
 export { UnauthenticatedError } from './common/utils/errors';

package/dist/types-ts4.5/ui/link-picker/link-search-list/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { KeyboardEvent } from 'react';
-import { LinkSearchListItemData } from '../../types';
+import { LinkPickerPlugin, LinkSearchListItemData } from '../../types';
 export declare const messages: {
     titleRecentlyViewed: {
         id: string;
@@ -39,6 +39,7 @@ export interface LinkSearchListProps extends Omit<React.HTMLAttributes<LinkSearc
     role?: string;
     id?: string;
     hasSearchTerm?: boolean;
+    activePlugin?: LinkPickerPlugin;
 }
 declare const LinkSearchList: import("react").ForwardRefExoticComponent<LinkSearchListProps & import("react").RefAttributes<HTMLDivElement>>;
 export default LinkSearchList;

package/dist/types-ts4.5/ui/link-picker/link-search-list/link-search-no-results/styled.d.ts

@@ -1 +1,2 @@
 export declare const emptyStateWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare const emptyStateNoResultsWrapper: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/link-picker/messages.d.ts

@@ -66,18 +66,13 @@ export declare const linkTextMessages: {
         description: string;
     };
 };
-export declare const messages: {
-    timeUpdated: {
+export declare const timeMessages: {
+    updated: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    timeViewed: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    timeAgo: {
+    viewed: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types-ts4.5/ui/link-picker/transformTimeStamp.d.ts

@@ -1,3 +1,2 @@
 import { IntlShape } from 'react-intl-next';
-import { ListItemTimeStamp } from '../types';
-export declare const transformTimeStamp: (intl: IntlShape, lastViewedDate?: Date, lastUpdatedDate?: Date) => ListItemTimeStamp | undefined;
+export declare const transformTimeStamp: (intl: IntlShape, lastViewedDate?: Date, lastUpdatedDate?: Date) => string | undefined;