@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/es2019/plugins/help-dialog/index.js

@@ -21,29 +21,24 @@ export function createPlugin(dispatch, imageEnabled) {
           imageEnabled
         };
       },
-
       apply(tr, _value, state) {
         const isVisible = tr.getMeta(pluginKey);
         const currentState = pluginKey.getState(state);
-
         if (isVisible !== undefined && isVisible !== currentState.isVisible) {
-          const newState = { ...currentState,
+          const newState = {
+            ...currentState,
             isVisible
           };
           dispatch(pluginKey, newState);
           return newState;
         }
-
         return currentState;
       }
-
     }
   });
 }
-
 const helpDialog = (imageUploadProviderExists = false) => ({
   name: 'helpDialog',
-
   pmPlugins() {
     return [{
       name: 'helpDialog',
@@ -55,7 +50,6 @@ const helpDialog = (imageUploadProviderExists = false) => ({
       plugin: () => keymapPlugin()
     }];
   },
-
   pluginsOptions: {
     quickInsert: ({
       formatMessage
@@ -69,7 +63,6 @@ const helpDialog = (imageUploadProviderExists = false) => ({
       icon: () => /*#__PURE__*/React.createElement(QuestionCircleIcon, {
         label: ""
       }),
-
       action(insert, state) {
         const tr = insert('');
         openHelpCommand(tr);
@@ -83,10 +76,8 @@ const helpDialog = (imageUploadProviderExists = false) => ({
           eventType: EVENT_TYPE.UI
         });
       }
-
     }]
   },
-
   contentComponent({
     editorView
   }) {
@@ -106,9 +97,7 @@ const helpDialog = (imageUploadProviderExists = false) => ({
       })
     });
   }
-
 });
-
 const keymapPlugin = () => {
   const list = {};
   keymaps.bindKeymapWithCommand(keymaps.openHelp.common, (state, dispatch) => {
@@ -116,7 +105,6 @@ const keymapPlugin = () => {
       tr
     } = state;
     const isVisible = tr.getMeta(pluginKey);
-
     if (!isVisible) {
       tr = addAnalytics(state, tr, {
         action: ACTION.CLICKED,
@@ -129,10 +117,8 @@ const keymapPlugin = () => {
       });
       openHelpCommand(tr, dispatch);
     }
-
     return true;
   }, list);
   return keymap(list);
 };
-
 export default helpDialog;

package/dist/es2019/plugins/help-dialog/ui/HelpDialogLoader.js

@@ -1,7 +1,6 @@
 import Loadable from 'react-loadable';
 export const HelpDialogLoader = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_editor-core-helpdialog" */
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-core-helpdialog" */
   './index').then(mod => mod.default),
   loading: () => null
 });

package/dist/es2019/plugins/help-dialog/ui/index.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -246,7 +245,6 @@ export const formatting = ({
   type: 'alignment'
 }];
 const shortcutNamesWithoutKeymap = ['emoji', 'mention', 'quickInsert'];
-
 const otherFormatting = ({
   formatMessage
 }) => [{
@@ -270,7 +268,6 @@ const otherFormatting = ({
   type: 'annotation',
   keymap: () => keymaps.addInlineComment
 }];
-
 const imageAutoFormat = {
   name: 'Image',
   type: 'image',
@@ -278,7 +275,6 @@ const imageAutoFormat = {
     css: codeLg
   }, "![", jsx(FormattedMessage, messages.altText), "](http://www.image.com)"))
 };
-
 const quickInsertAutoFormat = ({
   formatMessage
 }) => ({
@@ -288,17 +284,13 @@ const quickInsertAutoFormat = ({
     css: codeLg
   }, "/"))
 });
-
 const getKeyParts = keymap => {
   let shortcut = keymap[browser.mac ? 'mac' : 'windows'];
-
   if (browser.mac) {
     shortcut = shortcut.replace('Alt', 'Opt');
   }
-
   return shortcut.replace(/\-(?=.)/g, ' + ').split(' ');
 };
-
 export const getSupportedFormatting = (schema, intl, imageEnabled, quickInsertEnabled) => {
   const supportedBySchema = formatting(intl).filter(format => schema.nodes[format.type] || schema.marks[format.type]);
   return [...supportedBySchema, ...(imageEnabled ? [imageAutoFormat] : []), ...(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), ...otherFormatting(intl)];
@@ -321,7 +313,6 @@ export const getComponentFromKeymap = keymap => {
         key: `${keyParts}-${index}`
       }, part);
     }
-
     return jsx("span", {
       css: codeSm,
       key: `${keyParts}-${index}`
@@ -340,7 +331,8 @@ const ModalHeader = injectIntl(({
     css: header
   }, jsx("h1", {
     css: dialogHeader
-  }, jsx(FormattedMessage, messages.editorHelp)), jsx("div", null, jsx(ToolbarButton // @ts-ignore
+  }, jsx(FormattedMessage, messages.editorHelp)), jsx("div", null, jsx(ToolbarButton
+  // @ts-ignore
   , {
     onClick: onClose,
     title: formatMessage(messages.closeHelpDialog),
@@ -351,7 +343,6 @@ const ModalHeader = injectIntl(({
     })
   })));
 });
-
 const ModalFooter = () => jsx("div", {
   css: footer
 }, jsx(FormattedMessage, _extends({}, messages.helpDialogTips, {
@@ -359,13 +350,10 @@ const ModalFooter = () => jsx("div", {
     keyMap: getComponentFromKeymap(keymaps.openHelp)
   }
 })));
-
 class HelpDialog extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "formatting", []);
-
     _defineProperty(this, "closeDialog", () => {
       const {
         state: {
@@ -375,22 +363,18 @@ class HelpDialog extends React.Component {
       } = this.props.editorView;
       closeHelpCommand(tr, dispatch);
     });
-
     _defineProperty(this, "handleEsc", e => {
       if (e.key === 'Escape' && this.props.isVisible) {
         this.closeDialog();
       }
     });
   }
-
   componentDidMount() {
     document.addEventListener('keydown', this.handleEsc);
   }
-
   componentWillUnmount() {
     document.removeEventListener('keydown', this.handleEsc);
   }
-
   render() {
     const {
       editorView,
@@ -433,9 +417,6 @@ class HelpDialog extends React.Component {
       css: row
     }, jsx("span", null, form.name), form.autoFormatting())))))), jsx(ModalFooter, null)) : null);
   }
-
 }
-
 _defineProperty(HelpDialog, "displayName", 'HelpDialog');
-
 export default injectIntl(HelpDialog);

package/dist/es2019/plugins/history/actions.js

@@ -1,5 +1,4 @@
 export let HistoryActionTypes;
-
 (function (HistoryActionTypes) {
   HistoryActionTypes["UPDATE"] = "UPDATE";
 })(HistoryActionTypes || (HistoryActionTypes = {}));

package/dist/es2019/plugins/history/index.js

@@ -4,7 +4,6 @@ import { PluginKey } from 'prosemirror-state';
 import reducer from './reducer';
 import { HistoryActionTypes } from './actions';
 import { getPmHistoryPluginState } from './utils';
-
 /**
  * Plugin that keeps track of whether undo and redo are currently available
  * This is needed so we can enable/disable controls appropriately
@@ -12,36 +11,31 @@ import { getPmHistoryPluginState } from './utils';
  * Actual undo/redo functionality is handled by prosemirror-history:
  * https://github.com/ProseMirror/prosemirror-history
  */
-export const historyPluginKey = new PluginKey('historyPlugin');
 
+export const historyPluginKey = new PluginKey('historyPlugin');
 const getInitialState = () => ({
   canUndo: false,
   canRedo: false
 });
-
 const {
   createPluginState,
   getPluginState
 } = pluginFactory(historyPluginKey, reducer);
-
 const createPlugin = dispatch => new SafePlugin({
   state: createPluginState(dispatch, getInitialState),
   key: historyPluginKey,
   appendTransaction: (transactions, oldState, newState) => {
     if (transactions.find(tr => tr.docChanged && tr.getMeta('addToHistory') !== false)) {
       const pmHistoryPluginState = getPmHistoryPluginState(newState);
-
       if (!pmHistoryPluginState) {
         return;
       }
-
       const canUndo = pmHistoryPluginState.done.eventCount > 0;
       const canRedo = pmHistoryPluginState.undone.eventCount > 0;
       const {
         canUndo: prevCanUndo,
         canRedo: prevCanRedo
       } = getPluginState(newState);
-
       if (canUndo !== prevCanUndo || canRedo !== prevCanRedo) {
         const action = {
           type: HistoryActionTypes.UPDATE,
@@ -53,10 +47,8 @@ const createPlugin = dispatch => new SafePlugin({
     }
   }
 });
-
 const historyPlugin = () => ({
   name: 'history',
-
   pmPlugins() {
     return [{
       name: 'history',
@@ -65,7 +57,5 @@ const historyPlugin = () => ({
       }) => createPlugin(dispatch)
     }];
   }
-
 });
-
 export default historyPlugin;

package/dist/es2019/plugins/history/reducer.js

@@ -1,5 +1,4 @@
 import { HistoryActionTypes } from './actions';
-
 const reducer = (state, action) => {
   switch (action.type) {
     case HistoryActionTypes.UPDATE:
@@ -8,8 +7,6 @@ const reducer = (state, action) => {
         canRedo: action.canRedo
       };
   }
-
   return state;
 };
-
 export default reducer;

package/dist/es2019/plugins/history/utils.js

@@ -4,10 +4,8 @@ export const getPmHistoryPlugin = state => {
 };
 export const getPmHistoryPluginState = state => {
   const pmHistoryPlugin = getPmHistoryPlugin(state);
-
   if (!pmHistoryPlugin) {
     return;
   }
-
   return pmHistoryPlugin.getState(state);
 };

package/dist/es2019/plugins/hyperlink/HyperlinkToolbarAppearance.js

@@ -5,16 +5,13 @@ import { LinkToolbarAppearance } from '../card/ui/LinkToolbarAppearance';
 export class HyperlinkToolbarAppearance extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       supportedUrlsMap: new Map()
     });
-
     _defineProperty(this, "getProvider", async () => {
       if (this.cardProvider) {
         return this.cardProvider;
       }
-
       return new Promise(resolve => {
         const {
           providerFactory
@@ -23,40 +20,32 @@ export class HyperlinkToolbarAppearance extends Component {
           if (!cardProvider) {
             return;
           }
-
           this.cardProvider = await cardProvider;
           resolve(this.cardProvider);
         });
       });
     });
-
     _defineProperty(this, "resolveUrl", async url => {
       const {
         supportedUrlsMap
       } = this.state;
-
       if (supportedUrlsMap.has(url)) {
         return;
       }
-
       let isUrlSupported = false;
-
       try {
         const provider = await this.getProvider();
         isUrlSupported = await provider.findPattern(url);
       } catch (error) {
         isUrlSupported = false;
       }
-
       supportedUrlsMap.set(url, isUrlSupported);
       this.setState({
         supportedUrlsMap
       });
     });
-
     _defineProperty(this, "componentDidMount", () => this.resolveUrl(this.props.url));
   }
-
   // needed so we display the right state on the Toolbar while the same Toolbar
   // instance is visible and we click other link
   UNSAFE_componentWillReceiveProps(nextProps) {
@@ -64,7 +53,6 @@ export class HyperlinkToolbarAppearance extends Component {
       this.resolveUrl(nextProps.url);
     }
   }
-
   render() {
     const {
       url,
@@ -77,11 +65,9 @@ export class HyperlinkToolbarAppearance extends Component {
     const {
       supportedUrlsMap
     } = this.state;
-
     if (!supportedUrlsMap.get(url)) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement(LinkToolbarAppearance, {
       key: "link-appearance",
       url: url,
@@ -93,5 +79,4 @@ export class HyperlinkToolbarAppearance extends Component {
       platform: platform
     });
   }
-
 }

package/dist/es2019/plugins/hyperlink/Toolbar.js

@@ -13,44 +13,36 @@ import { HyperlinkToolbarAppearance } from './HyperlinkToolbarAppearance';
 import { addAnalytics, ACTION_SUBJECT_ID } from '../analytics';
 import { buildVisitedLinkPayload, buildOpenedSettingsPayload } from '../../utils/linking-utils';
 import { getFeatureFlags } from '../feature-flags-context';
-/* type guard for edit links */
 
+/* type guard for edit links */
 function isEditLink(linkMark) {
   return linkMark.pos !== undefined;
 }
-
 const dispatchAnalytics = (dispatch, state, analyticsBuilder) => {
   if (dispatch) {
     dispatch(addAnalytics(state, state.tr, analyticsBuilder(ACTION_SUBJECT_ID.HYPERLINK)));
   }
 };
-
 const visitHyperlink = () => (state, dispatch) => {
   dispatchAnalytics(dispatch, state, buildVisitedLinkPayload);
   return true;
 };
-
 const openLinkSettings = () => (state, dispatch) => {
   dispatchAnalytics(dispatch, state, buildOpenedSettingsPayload);
   return true;
 };
-
 function getLinkText(activeLinkMark, state) {
   if (!activeLinkMark.node) {
     return undefined;
   }
-
   const textToUrl = normalizeUrl(activeLinkMark.node.text);
   const linkMark = activeLinkMark.node.marks.find(mark => mark.type === state.schema.marks.link);
   const linkHref = linkMark && linkMark.attrs.href;
-
   if (textToUrl === linkHref) {
     return undefined;
   }
-
   return activeLinkMark.node.text;
 }
-
 const getSettingsButtonGroup = (state, intl) => {
   const {
     floatingToolbarLinkSettingsButton
@@ -67,23 +59,21 @@ const getSettingsButtonGroup = (state, intl) => {
     target: '_blank'
   }] : [];
 };
-
 export const getToolbarConfig = options => (state, intl, providerFactory) => {
   const {
     formatMessage
   } = intl;
   const linkState = stateKey.getState(state);
+
   /**
    * Enable focus trap only if feature flag is enabled AND for the new version of the picker
    */
-
   const {
     lpLinkPicker,
     lpLinkPickerFocusTrap,
     preventPopupOverflow
   } = getFeatureFlags(state);
   const shouldEnableFocusTrap = lpLinkPicker && lpLinkPickerFocusTrap;
-
   if (linkState && linkState.activeLinkMark) {
     const {
       activeLinkMark
@@ -95,7 +85,6 @@ export const getToolbarConfig = options => (state, intl, providerFactory) => {
       align: 'left',
       className: activeLinkMark.type.match('INSERT|EDIT_INSERTED') ? 'hyperlink-floating-toolbar' : ''
     };
-
     switch (activeLinkMark.type) {
       case 'EDIT':
         {
@@ -106,20 +95,19 @@ export const getToolbarConfig = options => (state, intl, providerFactory) => {
           const linkMark = node.marks.filter(mark => mark.type === state.schema.marks.link);
           const link = linkMark[0] && linkMark[0].attrs.href;
           const isValidUrl = isSafeUrl(link);
-          const labelOpenLink = formatMessage(isValidUrl ? linkMessages.openLink : linkToolbarCommonMessages.unableToOpenLink); // TODO: ED-14403 investigate why these are not translating?
-
+          const labelOpenLink = formatMessage(isValidUrl ? linkMessages.openLink : linkToolbarCommonMessages.unableToOpenLink);
+          // TODO: ED-14403 investigate why these are not translating?
           const labelUnlink = formatMessage(linkToolbarCommonMessages.unlink);
           const editLink = formatMessage(linkToolbarCommonMessages.editLink);
           let metadata = {
             url: link,
             title: ''
           };
-
           if (activeLinkMark.node.text) {
             metadata.title = activeLinkMark.node.text;
           }
-
-          return { ...hyperLinkToolbar,
+          return {
+            ...hyperLinkToolbar,
             height: 32,
             width: 250,
             items: [{
@@ -183,22 +171,19 @@ export const getToolbarConfig = options => (state, intl, providerFactory) => {
             scrollable: true
           };
         }
-
       case 'EDIT_INSERTED':
       case 'INSERT':
         {
           var _options$linkPicker, _options$linkPicker$p;
-
           let link;
-
           if (isEditLink(activeLinkMark) && activeLinkMark.node) {
             const linkMark = activeLinkMark.node.marks.filter(mark => mark.type === state.schema.marks.link);
             link = linkMark[0] && linkMark[0].attrs.href;
           }
-
           const displayText = isEditLink(activeLinkMark) ? getLinkText(activeLinkMark, state) : linkState.activeText;
           const popupHeight = lpLinkPicker && Boolean(options === null || options === void 0 ? void 0 : (_options$linkPicker = options.linkPicker) === null || _options$linkPicker === void 0 ? void 0 : (_options$linkPicker$p = _options$linkPicker.plugins) === null || _options$linkPicker$p === void 0 ? void 0 : _options$linkPicker$p.length) ? LINKPICKER_HEIGHT_IN_PX : RECENT_SEARCH_HEIGHT_IN_PX;
-          return { ...hyperLinkToolbar,
+          return {
+            ...hyperLinkToolbar,
             preventPopupOverflow,
             height: popupHeight,
             width: RECENT_SEARCH_WIDTH_IN_PX,
@@ -211,7 +196,6 @@ export const getToolbarConfig = options => (state, intl, providerFactory) => {
                 if (!view) {
                   return null;
                 }
-
                 return /*#__PURE__*/React.createElement(HyperlinkAddToolbar, {
                   view: view,
                   key: idx,
@@ -222,7 +206,6 @@ export const getToolbarConfig = options => (state, intl, providerFactory) => {
                   onCancel: () => view.focus(),
                   onSubmit: (href, title = '', displayText, inputMethod) => {
                     var _options$cardOptions;
-
                     isEditLink(activeLinkMark) ? updateLink(href, displayText || title, activeLinkMark.pos)(view.state, view.dispatch) : insertLinkWithAnalytics(inputMethod, activeLinkMark.from, activeLinkMark.to, href, title, displayText, !!(options !== null && options !== void 0 && (_options$cardOptions = options.cardOptions) !== null && _options$cardOptions !== void 0 && _options$cardOptions.provider))(view.state, view.dispatch);
                     view.focus();
                   }
@@ -233,6 +216,5 @@ export const getToolbarConfig = options => (state, intl, providerFactory) => {
         }
     }
   }
-
   return;
 };