@atlaskit/editor-core 178.1.1 → 178.1.2

package/dist/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -82,7 +81,6 @@ export const messages = defineMessages({
 const defaultIcon = jsx(Page16Icon, {
   label: 'page'
 });
-
 const mapActivityProviderResultToLinkSearchItemData = ({
   name,
   container,
@@ -99,7 +97,6 @@ const mapActivityProviderResultToLinkSearchItemData = ({
   lastViewedDate: viewedTimestamp ? new Date(viewedTimestamp) : undefined,
   prefetch: true
 });
-
 const mapSearchProviderResultToLinkSearchItemData = ({
   objectId,
   container,
@@ -116,27 +113,19 @@ const mapSearchProviderResultToLinkSearchItemData = ({
   icon: contentType && mapContentTypeToIcon[contentType] || defaultIcon,
   prefetch: false
 });
-
 export class HyperlinkLinkAddToolbar extends PureComponent {
   /* To prevent double submit */
+
   constructor(props) {
     super(props);
-
     _defineProperty(this, "submitted", false);
-
     _defineProperty(this, "urlInputContainer", null);
-
     _defineProperty(this, "displayTextInputContainer", null);
-
     _defineProperty(this, "wrapperRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(this, "quickSearchQueryVersion", 0);
-
     _defineProperty(this, "analyticSource", 'createLinkInlineDialog');
-
     _defineProperty(this, "quickSearch", async (input, items, quickSearchLimit) => {
       var _pluginState$searchSe;
-
       const {
         searchProvider,
         displayUrl
@@ -144,11 +133,9 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       const {
         pluginState
       } = this.props;
-
       if (!searchProvider) {
         return;
       }
-
       const queryVersion = ++this.quickSearchQueryVersion;
       this.fireAnalytics({
         action: ACTION.ENTERED,
@@ -168,20 +155,16 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         eventType: EVENT_TYPE.UI
       });
       const perfStart = performance.now();
-
       try {
         var _pluginState$searchSe2;
-
         const searchProviderResultItems = await searchProvider.quickSearch(input, quickSearchLimit);
         const searchItems = limit(filterUniqueItems([...items, ...searchProviderResultItems.map(mapSearchProviderResultToLinkSearchItemData)], (firstItem, secondItem) => firstItem.objectId === secondItem.objectId));
-
         if (displayUrl === input && queryVersion === this.quickSearchQueryVersion) {
           this.setState({
             items: searchItems,
             isLoading: false
           });
         }
-
         const perfStop = performance.now();
         const duration = perfStop - perfStart;
         this.fireAnalytics({
@@ -229,7 +212,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         });
       }
     });
-
     _defineProperty(this, "updateInput", async input => {
       const {
         activityProvider,
@@ -238,7 +220,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       this.setState({
         displayUrl: input
       });
-
       if (activityProvider) {
         if (input.length === 0) {
           this.setState({
@@ -258,20 +239,17 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
             items,
             isLoading: shouldQuerySearchProvider
           });
-
           if (shouldQuerySearchProvider) {
             this.debouncedQuickSearch(input, items, RECENT_SEARCH_LIST_SIZE);
           }
         }
       }
     });
-
     _defineProperty(this, "createClearHandler", field => {
       return async () => {
         const {
           activityProvider
         } = this.state;
-
         switch (field) {
           case 'displayUrl':
             {
@@ -279,20 +257,16 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
                 [field]: '',
                 items: !!activityProvider ? limit(await activityProvider.getRecentItems()) : []
               });
-
               if (this.urlInputContainer) {
                 this.urlInputContainer.focus();
               }
-
               break;
             }
-
           case 'displayText':
             {
               this.setState({
                 [field]: ''
               });
-
               if (this.displayTextInputContainer) {
                 this.displayTextInputContainer.focus();
               }
@@ -300,7 +274,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         }
       };
     });
-
     _defineProperty(this, "handleClickOutside", event => {
       if (event.target instanceof Element && this.wrapperRef.current && !this.wrapperRef.current.contains(event.target)) {
         const {
@@ -309,7 +282,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         hideLinkToolbar()(view.state, view.dispatch);
       }
     });
-
     _defineProperty(this, "getScreenReaderText", () => {
       const {
         intl
@@ -318,7 +290,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         items,
         selectedIndex
       } = this.state;
-
       if (items.length && selectedIndex > -1) {
         const {
           name,
@@ -330,7 +301,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         return `${name}, ${container}, ${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) || ''}`;
       }
     });
-
     _defineProperty(this, "isUrlPopulatedWithSelectedItem", () => {
       /**
        * When we use ArrowKey to navigate through result items,
@@ -347,18 +317,14 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         displayUrl
       } = this.state;
       const selectedItem = items[selectedIndex];
-
       if (selectedItem && selectedItem.url === displayUrl) {
         return true;
       }
-
       return false;
     });
-
     _defineProperty(this, "handleSelected", (href, text) => {
       this.handleInsert(href, text, INPUT_METHOD.TYPEAHEAD, 'click');
     });
-
     _defineProperty(this, "handleInsert", (href, title, inputType, interaction) => {
       const {
         pluginState,
@@ -369,15 +335,12 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         selectedIndex,
         displayText
       } = this.state;
-
       if (onSubmit) {
         this.submitted = true;
         onSubmit(href, title, displayText, inputType);
       }
-
       if (interaction === 'click' || this.isUrlPopulatedWithSelectedItem()) {
         var _pluginState$searchSe3, _selectedItem$prefetc;
-
         /**
          * When it's a mouse click even or the selectedItem.url matches displayUrl, we think
          * it's selected from the result list and fire the
@@ -400,7 +363,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         });
       }
     });
-
     _defineProperty(this, "handleMouseEnterResultItem", objectId => {
       const {
         items
@@ -410,21 +372,19 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         selectedIndex: index
       });
     });
-
     _defineProperty(this, "handleMouseLeaveResultItem", objectId => {
       const {
         items,
         selectedIndex
       } = this.state;
-      const index = findIndex(items, item => item.objectId === objectId); // This is to avoid updating index that was set by other mouseenter event
-
+      const index = findIndex(items, item => item.objectId === objectId);
+      // This is to avoid updating index that was set by other mouseenter event
       if (selectedIndex === index) {
         this.setState({
           selectedIndex: -1
         });
       }
     });
-
     _defineProperty(this, "handleSubmit", () => {
       const {
         displayUrl,
@@ -432,24 +392,20 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         items
       } = this.state;
       const selectedItem = items[selectedIndex];
-
       if (this.isUrlPopulatedWithSelectedItem()) {
         this.handleInsert(normalizeUrl(selectedItem.url), selectedItem.name, INPUT_METHOD.TYPEAHEAD, 'keyboard');
       } else if (displayUrl && displayUrl.length > 0) {
         const url = normalizeUrl(displayUrl);
-
         if (url) {
           this.handleInsert(url, displayUrl, INPUT_METHOD.MANUAL, 'notselected');
         }
       }
     });
-
     _defineProperty(this, "handleClearTextKeyDown", event => {
       const KEY_CODE_TAB = 9;
       const {
         keyCode
       } = event;
-
       if (keyCode === KEY_CODE_TAB) {
         if (!this.submitted) {
           const {
@@ -459,12 +415,10 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
           const url = normalizeUrl(displayUrl);
           this.handleInsert(url, displayText || displayUrl, INPUT_METHOD.MANUAL, 'notselected');
         }
-
         event.preventDefault();
         return;
       }
     });
-
     _defineProperty(this, "handleKeyDown", event => {
       const {
         items,
@@ -480,7 +434,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       const KEY_CODE_ESCAPE = 27;
       const KEY_CODE_ARROW_DOWN = 40;
       const KEY_CODE_ARROW_UP = 38;
-
       if (keyCode === KEY_CODE_ESCAPE) {
         // escape
         event.preventDefault();
@@ -488,13 +441,10 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         view.dispatch(cardHideLinkToolbar(view.state.tr));
         return;
       }
-
       if (!items || !items.length) {
         return;
       }
-
       let updatedIndex = selectedIndex;
-
       if (keyCode === KEY_CODE_ARROW_DOWN) {
         // down
         event.preventDefault();
@@ -504,10 +454,8 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         event.preventDefault();
         updatedIndex = selectedIndex > 0 ? selectedIndex - 1 : items.length - 1;
       }
-
       if ([KEY_CODE_ARROW_DOWN, KEY_CODE_ARROW_UP].includes(keyCode) && items[updatedIndex]) {
         var _pluginState$searchSe4;
-
         this.setState({
           selectedIndex: updatedIndex,
           displayUrl: items[updatedIndex].url
@@ -525,13 +473,11 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         });
       }
     });
-
     _defineProperty(this, "updateTextInput", displayText => {
       this.setState({
         displayText
       });
     });
-
     _defineProperty(this, "handleCancel", e => {
       const {
         view
@@ -539,7 +485,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       e.preventDefault();
       hideLinkToolbar()(view.state, view.dispatch);
     });
-
     this.state = {
       selectedIndex: -1,
       isLoading: false,
@@ -547,17 +492,15 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       displayText: props.displayText,
       items: []
     };
-    /* Cache functions */
 
+    /* Cache functions */
     this.handleClearText = this.createClearHandler('displayUrl');
     this.handleClearDisplayText = this.createClearHandler('displayText');
     this.debouncedQuickSearch = debounce(this.quickSearch, 400);
     this.fireCustomAnalytics = fireAnalyticsEvent(props.createAnalyticsEvent);
   }
-
   async componentDidMount() {
     var _pluginState$searchSe5, _pluginState$inputMet;
-
     const {
       pluginState
     } = this.props;
@@ -579,16 +522,13 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
     });
     await this.loadInitialLinkSearchResult();
   }
-
   componentWillUnmount() {
     const {
       pluginState
     } = this.props;
     document.removeEventListener('mousedown', this.handleClickOutside);
-
     if (!this.submitted) {
       var _pluginState$searchSe6;
-
       this.fireAnalytics({
         action: ACTION.DISMISSED,
         actionSubject: ACTION_SUBJECT.CREATE_LINK_INLINE_DIALOG,
@@ -601,16 +541,13 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       });
     }
   }
-
   async getRecentItems(activityProvider, query) {
     const {
       pluginState
     } = this.props;
     const perfStart = performance.now();
-
     try {
       var _pluginState$searchSe7;
-
       const activityRecentItems = limit(query ? await activityProvider.searchRecent(query) : await activityProvider.getRecentItems());
       const items = activityRecentItems.map(mapActivityProviderResultToLinkSearchItemData);
       const perfStop = performance.now();
@@ -636,7 +573,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
           resultCount: items.length,
           results: activityRecentItems.map(item => {
             var _item$type;
-
             return {
               resultContentId: item.objectId,
               resultType: (_item$type = item.type) !== null && _item$type !== void 0 ? _item$type : ''
@@ -666,7 +602,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       return [];
     }
   }
-
   fireAnalytics(payload) {
     if (this.props.createAnalyticsEvent && this.fireCustomAnalytics) {
       this.fireCustomAnalytics({
@@ -674,13 +609,11 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       });
     }
   }
-
   async loadInitialLinkSearchResult() {
     const {
       displayUrl,
       activityProvider
     } = this.state;
-
     try {
       if (!displayUrl && activityProvider) {
         this.setState({
@@ -697,7 +630,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       });
     }
   }
-
   render() {
     const {
       items,
@@ -718,10 +650,11 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
     const formatDisplayText = formatMessage(messages.displayText);
     const screenReaderDescriptionId = 'search-recent-links-field-description';
     const linkSearchListId = 'hyperlink-search-list';
-    const ariaActiveDescendant = selectedIndex > -1 ? `link-search-list-item-${selectedIndex}` : ''; // Added workaround with a screen reader Announcer specifically for VoiceOver + Safari
+    const ariaActiveDescendant = selectedIndex > -1 ? `link-search-list-item-${selectedIndex}` : '';
+
+    // Added workaround with a screen reader Announcer specifically for VoiceOver + Safari
     // as the Aria design pattern for combobox does not work in this case
     // for details: https://a11y-internal.atlassian.net/browse/AK-740
-
     const screenReaderText = browser.safari && this.getScreenReaderText();
     return jsx("div", {
       className: "recent-list"
@@ -817,9 +750,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       onMouseLeave: this.handleMouseLeaveResultItem
     })));
   }
-
 }
-
 function findIndex(array, predicate) {
   let index = -1;
   array.some((item, i) => {
@@ -827,15 +758,12 @@ function findIndex(array, predicate) {
       index = i;
       return true;
     }
-
     return false;
   });
   return index;
 }
-
 function limit(items) {
   return items.slice(0, RECENT_SEARCH_LIST_SIZE);
 }
-
 export const HyperlinkLinkAddToolbarWithIntl = injectIntl(HyperlinkLinkAddToolbar);
 export default withAnalyticsEvents()(HyperlinkLinkAddToolbarWithIntl);

package/dist/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/index.js

@@ -7,7 +7,6 @@ import { stateKey as pluginKey } from '../../pm-plugins/main';
 import WithPluginState from '../../../../ui/WithPluginState';
 import { getFeatureFlags } from '../../../feature-flags-context';
 import { EditorLinkPicker } from '../EditorLinkPicker';
-
 /**
  * Wraps around the editor's onSubmit handler so that the plugin can interface with the link picker
  */
@@ -20,7 +19,6 @@ const onSubmitInterface = onSubmit => ({
 }) => {
   onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? INPUT_METHOD.MANUAL : INPUT_METHOD.TYPEAHEAD);
 };
-
 export default class HyperlinkAddToolbar extends React.PureComponent {
   render() {
     const {
@@ -50,7 +48,6 @@ export default class HyperlinkAddToolbar extends React.PureComponent {
           const {
             lpLinkPicker
           } = getFeatureFlags(view.state);
-
           if (lpLinkPicker) {
             return /*#__PURE__*/React.createElement(EditorLinkPicker, _extends({
               view: view,
@@ -64,7 +61,6 @@ export default class HyperlinkAddToolbar extends React.PureComponent {
               onCancel: onCancel
             }));
           }
-
           return /*#__PURE__*/React.createElement(HyperlinkAddToolbarComp, {
             activityProvider: activityProvider,
             searchProvider: searchProvider,
@@ -78,5 +74,4 @@ export default class HyperlinkAddToolbar extends React.PureComponent {
       })
     });
   }
-
 }

package/dist/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/utils.js

@@ -8,7 +8,6 @@ import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import Blog16Icon from '@atlaskit/icon-object/glyph/blog/16';
 import { injectIntl } from 'react-intl-next';
 import { utilMessages } from './messages';
-
 const Issue16 = props => {
   const {
     intl
@@ -17,7 +16,6 @@ const Issue16 = props => {
     label: intl.formatMessage(utilMessages.hyperlinkIconIssueLabel)
   });
 };
-
 const Bug16 = props => {
   const {
     intl
@@ -26,7 +24,6 @@ const Bug16 = props => {
     label: intl.formatMessage(utilMessages.hyperlinkIconBugLabel)
   });
 };
-
 const Story16 = props => {
   const {
     intl
@@ -35,7 +32,6 @@ const Story16 = props => {
     label: intl.formatMessage(utilMessages.hyperlinkIconStoryLabel)
   });
 };
-
 const Task16 = props => {
   const {
     intl
@@ -44,7 +40,6 @@ const Task16 = props => {
     label: intl.formatMessage(utilMessages.hyperlinkIconTaskLabel)
   });
 };
-
 const Page16 = props => {
   const {
     intl
@@ -53,7 +48,6 @@ const Page16 = props => {
     label: intl.formatMessage(utilMessages.hyperlinkIconPageLabel)
   });
 };
-
 const Blog16 = props => {
   const {
     intl
@@ -62,7 +56,6 @@ const Blog16 = props => {
     label: intl.formatMessage(utilMessages.hyperlinkIconBlogLabel)
   });
 };
-
 const IntlIssue16Icon = injectIntl(Issue16);
 const IntlBug16Icon = injectIntl(Bug16);
 const IntlStory16Icon = injectIntl(Story16);