@atlaskit/link-picker 1.1.1 → 1.1.2

package/dist/cjs/utils.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isUndoEvent = exports.isRedoEvent = void 0;
+
+var _browser = require("./browser");
+
+var KeyZCode = 90;
+var KeyYCode = 89;
+
+var isUndoEvent = function isUndoEvent(e) {
+  return e.keyCode === KeyZCode && ( // cmd + z for mac
+  _browser.browser.mac && e.metaKey && !e.shiftKey || // ctrl + z for non-mac
+  !_browser.browser.mac && e.ctrlKey);
+};
+
+exports.isUndoEvent = isUndoEvent;
+
+var isRedoEvent = function isRedoEvent(e) {
+  return (// ctrl + y for non-mac
+    !_browser.browser.mac && e.ctrlKey && e.keyCode === KeyYCode || _browser.browser.mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
+  );
+};
+
+exports.isRedoEvent = isRedoEvent;

package/dist/cjs/version.json

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

package/dist/es2019/browser.js

@@ -0,0 +1,34 @@
+const result = {
+  mac: false,
+  ie: false,
+  ie_version: 0,
+  gecko: false,
+  chrome: false,
+  chrome_version: 0,
+  android: false,
+  ios: false,
+  webkit: false,
+  safari: false,
+  supportsIntersectionObserver: false,
+  supportsResizeObserver: false
+};
+
+if (typeof navigator !== 'undefined') {
+  const ieEdge = /Edge\/(\d+)/.exec(navigator.userAgent);
+  const ieUpTo10 = /MSIE \d/.test(navigator.userAgent);
+  const ie11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
+  result.mac = /Mac/.test(navigator.platform);
+  let ie = result.ie = !!(ieUpTo10 || ie11up || ieEdge);
+  result.ie_version = ieUpTo10 ? document.documentMode || 6 : ie11up ? +ie11up[1] : ieEdge ? +ieEdge[1] : null;
+  result.gecko = !ie && /gecko\/\d/i.test(navigator.userAgent);
+  result.chrome = !ie && /Chrome\//.test(navigator.userAgent);
+  result.chrome_version = parseInt((navigator.userAgent.match(/Chrome\/(\d+)/) || [])[1], 10);
+  result.android = /Android \d/.test(navigator.userAgent);
+  result.ios = !ie && /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
+  result.webkit = !ie && !!document.documentElement && 'WebkitAppearance' in document.documentElement.style;
+  result.safari = Boolean(navigator.vendor && navigator.vendor.indexOf('Apple') > -1 && navigator.userAgent && navigator.userAgent.indexOf('CriOS') === -1 && navigator.userAgent.indexOf('FxiOS') === -1);
+  result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
+  result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
+}
+
+export { result as browser };

package/dist/es2019/index.js

@@ -0,0 +1 @@
+export { LinkPickerWithIntl as LinkPicker } from './ui/link-picker';

package/dist/es2019/messages.js

@@ -0,0 +1,103 @@
+import { defineMessages } from 'react-intl-next';
+export const messages = defineMessages({
+  placeholder: {
+    id: 'fabric.linkPicker.hyperlinkToolbarPlaceholder',
+    defaultMessage: 'Search or paste a link',
+    description: 'Search or paste a link'
+  },
+  linkPlaceholder: {
+    id: 'fabric.linkPicker.linkPlaceholder',
+    defaultMessage: 'Paste link',
+    description: 'Create a new link by pasting a URL.'
+  },
+  linkTextPlaceholder: {
+    id: 'fabric.linkPicker.linkTextPlaceholder',
+    defaultMessage: 'Add a description',
+    description: 'Text to display'
+  },
+  linkLabel: {
+    id: 'fabric.linkPicker.linkAddress',
+    defaultMessage: 'Link',
+    description: 'Link Label'
+  },
+  linkInvalid: {
+    id: 'fabric.linkPicker.linkInvalid',
+    defaultMessage: 'Enter a valid URL.',
+    description: 'Input Error the URL is invalid'
+  },
+  linkTextLabel: {
+    id: 'fabric.linkPicker.displayText',
+    defaultMessage: 'Link text',
+    description: 'Link text label'
+  },
+  clearText: {
+    id: 'fabric.linkPicker.clearLinkText',
+    defaultMessage: 'Clear text',
+    description: 'Clears text on the link toolbar'
+  },
+  clearLink: {
+    id: 'fabric.linkPicker.clearLink',
+    defaultMessage: 'Clear link',
+    description: 'Clears link in the link toolbar'
+  },
+  searchLinkAriaDescription: {
+    id: 'fabric.linkPicker.hyperlink.searchLinkAriaDescription',
+    defaultMessage: 'Suggestions will appear below as you type into the field',
+    description: 'Describes what the search field does for screen reader users.'
+  },
+  searchLinkResults: {
+    id: 'fabric.linkPicker.hyperlink.searchLinkResults',
+    defaultMessage: '{count, plural, =0 {no results} one {# result} other {# results}} found',
+    description: 'Announce search results for screen-reader users.'
+  },
+  linkAriaLabel: {
+    id: 'fabric.linkPicker.hyperlink.linkAriaLabel',
+    defaultMessage: 'Link label',
+    description: 'aria label for a link'
+  },
+  timeUpdated: {
+    id: 'fabric.linkPicker.time.updated',
+    defaultMessage: 'Updated',
+    description: 'Time last updated'
+  },
+  timeViewed: {
+    id: 'fabric.linkPicker.time.viewed',
+    defaultMessage: 'Viewed',
+    description: 'Time last viewed'
+  },
+  timeAgo: {
+    id: 'fabric.linkPicker.time.ago',
+    defaultMessage: 'ago',
+    description: 'Some time ago'
+  },
+  titleRecentlyViewed: {
+    id: 'fabric.linkPicker.listTitle.recentlyViewed',
+    defaultMessage: 'Recently Viewed',
+    description: 'Describes type of items shown in the list for screen-reader users'
+  },
+  titleResults: {
+    id: 'fabric.linkPicker.listTitle.results',
+    defaultMessage: 'Results',
+    description: 'Describes type of items shown in the list for screen-reader users'
+  },
+  cancelButton: {
+    id: 'fabric.linkPicker.button.cancel',
+    defaultMessage: 'Cancel',
+    description: 'Button to cancel and dismiss the link picker'
+  },
+  insertButton: {
+    id: 'fabric.linkPicker.button.insert',
+    defaultMessage: 'Insert',
+    description: 'Button to insert searched or selected link'
+  },
+  noResults: {
+    id: 'fabric.linkPicker.search.noResults.heading',
+    defaultMessage: 'We couldn’t find anything matching your search.',
+    description: 'Heading message shown when a search has no results'
+  },
+  noResultsDescription: {
+    id: 'fabric.linkPicker.search.noResults.description',
+    defaultMessage: 'Try again with a different term.',
+    description: 'Describes possible action when a search returns no results'
+  }
+});

package/dist/es2019/transformTimeStamp.js

@@ -0,0 +1,41 @@
+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;
+  }
+
+  if (differenceInCalendarDays(timeStamp, Date.now()) < -7) {
+    return {
+      pageAction: pageActionText,
+      dateString: format(timeStamp, 'MMMM dd, yyyy')
+    };
+  }
+
+  return {
+    pageAction: pageActionText,
+    dateString: formatDistance(timeStamp, Date.now()),
+    timeSince: intl.formatMessage(messages.timeAgo)
+  };
+};
+
+export const transformTimeStamp = (intl, lastViewedDate, lastUpdatedDate) => {
+  if (lastViewedDate) {
+    return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
+  }
+
+  if (lastUpdatedDate) {
+    return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
+  }
+};

package/dist/es2019/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/ui/announcer.js

@@ -0,0 +1,38 @@
+import React, { forwardRef, memo, useState, useEffect } from 'react'; // How to use:
+// https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#Preferring_specialized_live_region_roles
+// Demo: https://dequeuniversity.com/library/aria/liveregion-playground
+// Important: Strongly recommend test your solution in all supported screen readers
+// if you use non default value of properties: ariaAtomic, ariaLive, ariaRelevant, role
+// Note: Text won't be announced if the text message doesn't change after the render.
+// For using a forced announcement in this case, set the 'key' attribute - key={Date.now()}
+
+// Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
+// https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
+let timer;
+const Announcer = /*#__PURE__*/forwardRef(({
+  ariaAtomic = 'true',
+  ariaLive = 'polite',
+  ariaRelevant = 'all',
+  role = 'status',
+  text = '',
+  delay = 0
+}, ref) => {
+  const [contentRendered, setContentRendered] = useState(false);
+  useEffect(() => {
+    clearTimeout(timer);
+    setContentRendered(false);
+    timer = setTimeout(() => {
+      setContentRendered(true);
+    }, delay);
+    return () => clearTimeout(timer);
+  }, [text, delay]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "assistive",
+    ref: ref,
+    role: role,
+    "aria-atomic": ariaAtomic,
+    "aria-relevant": ariaRelevant,
+    "aria-live": ariaLive
+  }, contentRendered && /*#__PURE__*/React.createElement("span", null, text));
+});
+export default /*#__PURE__*/memo(Announcer);