@atlaskit/link-picker 0.11.0 → 1.1.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/link-picker
 
+## 1.1.1
+
+### Patch Changes
+
+- [`780484d9518`](https://bitbucket.org/atlassian/atlassian-frontend/commits/780484d9518) - Fixes missing svg asset for no search results in version 1.1.0.
+
+## 1.1.0
+
+### Minor Changes
+
+- [`ba5d8ed23cc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba5d8ed23cc) - Adds search error message
+
+## 1.0.0
+
+### Major Changes
+
+- [`2e20b02bb2c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e20b02bb2c) - Initial major version release
+
 ## 0.11.0
 
 ### Minor Changes

package/example-helpers/mock-data.ts

@@ -1,5 +1,3 @@
-// import sub from 'date-fns/sub';
-
 export interface MockDataV3 {
   ACTIVITIES_DATA: {
     data: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "0.11.0",
+  "version": "1.1.1",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -25,8 +25,12 @@
   "af:exports": {
     ".": "./src/index.ts"
   },
+  "scripts": {
+    "ak-postbuild": "ls -d dist/* | grep -v dist/types | xargs -n 1 copyfiles -u 1 -V src/**/*.svg"
+  },
   "dependencies": {
     "@atlaskit/button": "^16.2.0",
+    "@atlaskit/empty-state": "^7.3.0",
     "@atlaskit/form": "^8.5.1",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/spinner": "^15.1.0",
@@ -48,14 +52,13 @@
     "@atlaskit/activity-provider": "^2.3.2",
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-test-helpers": "^17.0.0",
-    "@atlaskit/media-test-helpers": "^30.0.0",
+    "@atlaskit/link-test-helpers": "^1.1.0",
     "@atlaskit/popup": "^1.3.5",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
-    "@atlassian/link-picker-atlassian-plugin": "^9.0.0",
+    "@atlassian/link-picker-atlassian-plugin": "^11.0.0",
     "@atlassian/search-provider": "^2.3.0",
     "@testing-library/dom": "^7.7.3",
     "@testing-library/react": "^8.0.1",

package/report.api.md

@@ -0,0 +1,65 @@
+## API Report File for "@atlaskit/link-picker"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+/// <reference types="react" />
+
+import { MessageDescriptor } from 'react-intl-next';
+import { default as React_2 } from 'react';
+import { WithIntlProps } from 'react-intl-next';
+import { WrappedComponentProps } from 'react-intl-next';
+
+// @public (undocumented)
+export type LinkInputType = 'manual' | 'typeAhead';
+
+// @public (undocumented)
+export const LinkPicker: React_2.FC<
+  WithIntlProps<WrappedComponentProps<'intl'> & LinkPickerProps>
+> & {
+  WrappedComponent: React_2.ComponentType<
+    WrappedComponentProps<'intl'> & LinkPickerProps
+  >;
+};
+
+// @public (undocumented)
+export interface LinkPickerPlugin {
+  // (undocumented)
+  resolve: (
+    state: LinkPickerState,
+  ) => Promise<ResolveResult> | AsyncGenerator<ResolveResult, ResolveResult>;
+}
+
+// @public (undocumented)
+export interface LinkPickerProps {
+  displayText?: string | null;
+  onCancel: () => void;
+  onSubmit: (arg: OnSubmitParameter) => void;
+  plugins?: LinkPickerPlugin[];
+  url?: string;
+}
+
+// @public (undocumented)
+export interface LinkPickerState {
+  query: string;
+}
+
+// @public (undocumented)
+export interface LinkSearchListItemData {
+  container?: string;
+  icon:
+    | string
+    | React.ComponentType<{
+        alt: string;
+      }>;
+  iconAlt: string | MessageDescriptor;
+  lastUpdatedDate?: Date;
+  lastViewedDate?: Date;
+  name: string;
+  objectId: string;
+  prefetch?: boolean;
+  url: string;
+}
+
+// (No @packageDocumentation comment for this package)
+```

package/dist/cjs/browser.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.browser = void 0;
-var 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
-};
-exports.browser = result;
-
-if (typeof navigator !== 'undefined') {
-  var ieEdge = /Edge\/(\d+)/.exec(navigator.userAgent);
-  var ieUpTo10 = /MSIE \d/.test(navigator.userAgent);
-  var ie11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
-  result.mac = /Mac/.test(navigator.platform);
-  var 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;
-}

package/dist/cjs/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "LinkPicker", {
-  enumerable: true,
-  get: function get() {
-    return _linkPicker.LinkPickerWithIntl;
-  }
-});
-
-var _linkPicker = require("./ui/link-picker");

package/dist/cjs/messages.js

@@ -1,102 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.messages = void 0;
-
-var _reactIntlNext = require("react-intl-next");
-
-var messages = (0, _reactIntlNext.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.cancel.button',
-    defaultMessage: 'Cancel',
-    description: 'Button to cancel and dismiss the link picker'
-  },
-  insertButton: {
-    id: 'fabric.linkPicker.cancel.insert',
-    defaultMessage: 'Insert',
-    description: 'Button to insert searched or selected link'
-  }
-});
-exports.messages = messages;

package/dist/cjs/transformTimeStamp.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.transformTimeStamp = void 0;
-
-var _formatDistance = _interopRequireDefault(require("date-fns/formatDistance"));
-
-var _differenceInCalendarDays = _interopRequireDefault(require("date-fns/differenceInCalendarDays"));
-
-var _format = _interopRequireDefault(require("date-fns/format"));
-
-var _messages = require("./messages");
-
-var renderAbsoluteOrRelativeDate = function renderAbsoluteOrRelativeDate(timeStamp, pageAction, intl) {
-  var pageActionText = '';
-
-  switch (pageAction) {
-    case 'updated':
-      pageActionText = intl.formatMessage(_messages.messages.timeUpdated);
-      break;
-
-    case 'viewed':
-      pageActionText = intl.formatMessage(_messages.messages.timeViewed);
-      break;
-  }
-
-  if ((0, _differenceInCalendarDays.default)(timeStamp, Date.now()) < -7) {
-    return {
-      pageAction: pageActionText,
-      dateString: (0, _format.default)(timeStamp, 'MMMM dd, yyyy')
-    };
-  }
-
-  return {
-    pageAction: pageActionText,
-    dateString: (0, _formatDistance.default)(timeStamp, Date.now()),
-    timeSince: intl.formatMessage(_messages.messages.timeAgo)
-  };
-};
-
-var transformTimeStamp = function transformTimeStamp(intl, lastViewedDate, lastUpdatedDate) {
-  if (lastViewedDate) {
-    return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
-  }
-
-  if (lastUpdatedDate) {
-    return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
-  }
-};
-
-exports.transformTimeStamp = transformTimeStamp;

package/dist/cjs/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/ui/announcer.js

@@ -1,64 +0,0 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-// Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
-// https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
-var timer;
-var Announcer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _ref$ariaAtomic = _ref.ariaAtomic,
-      ariaAtomic = _ref$ariaAtomic === void 0 ? 'true' : _ref$ariaAtomic,
-      _ref$ariaLive = _ref.ariaLive,
-      ariaLive = _ref$ariaLive === void 0 ? 'polite' : _ref$ariaLive,
-      _ref$ariaRelevant = _ref.ariaRelevant,
-      ariaRelevant = _ref$ariaRelevant === void 0 ? 'all' : _ref$ariaRelevant,
-      _ref$role = _ref.role,
-      role = _ref$role === void 0 ? 'status' : _ref$role,
-      _ref$text = _ref.text,
-      text = _ref$text === void 0 ? '' : _ref$text,
-      _ref$delay = _ref.delay,
-      delay = _ref$delay === void 0 ? 0 : _ref$delay;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      contentRendered = _useState2[0],
-      setContentRendered = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    clearTimeout(timer);
-    setContentRendered(false);
-    timer = setTimeout(function () {
-      setContentRendered(true);
-    }, delay);
-    return function () {
-      return clearTimeout(timer);
-    };
-  }, [text, delay]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "assistive",
-    ref: ref,
-    role: role,
-    "aria-atomic": ariaAtomic,
-    "aria-relevant": ariaRelevant,
-    "aria-live": ariaLive
-  }, contentRendered && /*#__PURE__*/_react.default.createElement("span", null, text));
-});
-
-var _default = /*#__PURE__*/(0, _react.memo)(Announcer);
-
-exports.default = _default;