@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/es2019/ui/Toolbar/toolbar-size.js

@@ -1,6 +1,7 @@
 import { isFullPage } from '../../utils/is-full-page';
-import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './types'; // Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
+import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './types';
 
+// Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 const toolbarSizesFullPage = [{
   width: ToolbarWidthsFullPage.XXL,
   size: ToolbarSize.XXL
@@ -33,9 +34,7 @@ const toolbarSizes = [{
   width: ToolbarWidths.S,
   size: ToolbarSize.S
 }];
-
 const toolbarSizesForAppearance = appearance => isFullPage(appearance) ? toolbarSizesFullPage : toolbarSizes;
-
 export const toolbarSizeToWidth = (toolbarSize, appearance) => {
   return (toolbarSizesForAppearance(appearance).find(({
     size

package/dist/es2019/ui/ToolbarArrowKeyNavigationProvider/index.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
-import React, { useCallback, useLayoutEffect, useRef } from 'react';
 
+import React, { useCallback, useLayoutEffect, useRef } from 'react';
 /*
  **  The context is used to handle the keydown events of submenus.
  **  Because the keyboard navigation is explicitly managed for main toolbar items
@@ -11,13 +11,13 @@ export const KeyDownHandlerContext = /*#__PURE__*/React.createContext({
   handleArrowRight: () => {},
   handleTab: () => {}
 });
+
 /**
  * This component is a wrapper of main toolbar which listens to keydown events of children
  * and handles left/right arrow key navigation for all focusable elements
  * @param
  * @returns
  */
-
 export const ToolbarArrowKeyNavigationProvider = ({
   children,
   editorView,
@@ -30,48 +30,37 @@ export const ToolbarArrowKeyNavigationProvider = ({
   const selectedItemIndex = useRef(0);
   const incrementIndex = useCallback(list => {
     let index = 0;
-
     if (document.activeElement) {
       index = list.indexOf(document.activeElement);
       index = (index + 1) % list.length;
     }
-
     selectedItemIndex.current = index;
   }, []);
   const decrementIndex = useCallback(list => {
     let index = 0;
-
     if (document.activeElement) {
       index = list.indexOf(document.activeElement);
       index = (list.length + index - 1) % list.length;
     }
-
     selectedItemIndex.current = index;
   }, []);
-
   const handleArrowRight = () => {
     var _filteredFocusableEle;
-
     const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     incrementIndex(filteredFocusableElements);
     (_filteredFocusableEle = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle === void 0 ? void 0 : _filteredFocusableEle.focus();
   };
-
   const handleArrowLeft = () => {
     var _filteredFocusableEle2;
-
     const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     decrementIndex(filteredFocusableElements);
     (_filteredFocusableEle2 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle2 === void 0 ? void 0 : _filteredFocusableEle2.focus();
   };
-
   const handleTab = () => {
     var _filteredFocusableEle3;
-
     const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     (_filteredFocusableEle3 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 ? void 0 : _filteredFocusableEle3.focus();
   };
-
   const focusAndScrollToElement = element => {
     element === null || element === void 0 ? void 0 : element.scrollIntoView({
       behavior: 'smooth',
@@ -80,7 +69,6 @@ export const ToolbarArrowKeyNavigationProvider = ({
     });
     element.focus();
   };
-
   const submenuKeydownHandleContext = {
     handleArrowLeft,
     handleArrowRight,
@@ -90,77 +78,66 @@ export const ToolbarArrowKeyNavigationProvider = ({
     if (!wrapperRef.current || disableArrowKeyNavigation) {
       return;
     }
-
     const {
       current: element
     } = wrapperRef;
+
     /**
      * To handle the key events on the list
      * @param event
      */
-
     const handleKeyDown = event => {
       var _document$querySelect, _document$querySelect2, _wrapperRef$current;
-
       //To trap the focus inside the horizontal toolbar for left and right arrow keys
-      const targetElement = event.target; //To filter out the events outside the child component
+      const targetElement = event.target;
 
+      //To filter out the events outside the child component
       if (!targetElement.closest(`${childComponentSelector}`)) {
         return;
-      } //The key events are from child components such as dropdown menus / popups are ignored
-
+      }
 
+      //The key events are from child components such as dropdown menus / popups are ignored
       if ((_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || (_document$querySelect2 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect2 !== void 0 && _document$querySelect2.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
         return;
       }
-
       const menuWrapper = document.querySelector('.menu-key-handler-wrapper');
-
       if (menuWrapper) {
         // if menu wrapper exists, then a menu is open and arrow keys will be handled by MenuArrowKeyNavigationProvider
         return;
       }
-
       const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-
       if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {
         return;
-      } //This is kind of hack to reset the current focused toolbar item
-      //to handle some use cases such as Tab in/out of main toolbar
-
+      }
 
+      //This is kind of hack to reset the current focused toolbar item
+      //to handle some use cases such as Tab in/out of main toolbar
       if (!((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
         selectedItemIndex.current = -1;
       } else {
         selectedItemIndex.current = filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;
       }
-
       switch (event.key) {
         case 'ArrowRight':
           incrementIndex(filteredFocusableElements);
           focusAndScrollToElement(filteredFocusableElements[selectedItemIndex.current]);
           event.preventDefault();
           break;
-
         case 'ArrowLeft':
           decrementIndex(filteredFocusableElements);
           focusAndScrollToElement(filteredFocusableElements[selectedItemIndex.current]);
           event.preventDefault();
           break;
-
         case 'Escape':
           handleEscape(event);
           break;
-
         default:
       }
     };
-
     const globalKeyDownHandler = event => {
       //To focus the first element in the toolbar
       if (isShortcutToFocusToolbar(event)) {
         var _filteredFocusableEle4, _filteredFocusableEle5;
-
         const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
         (_filteredFocusableEle4 = filteredFocusableElements[0]) === null || _filteredFocusableEle4 === void 0 ? void 0 : _filteredFocusableEle4.focus();
         (_filteredFocusableEle5 = filteredFocusableElements[0]) === null || _filteredFocusableEle5 === void 0 ? void 0 : _filteredFocusableEle5.scrollIntoView({
@@ -170,16 +147,12 @@ export const ToolbarArrowKeyNavigationProvider = ({
         });
       }
     };
-
     element === null || element === void 0 ? void 0 : element.addEventListener('keydown', handleKeyDown);
-
     if (isShortcutToFocusToolbar) {
       document.addEventListener('keydown', globalKeyDownHandler);
     }
-
     return () => {
       element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', handleKeyDown);
-
       if (isShortcutToFocusToolbar) {
         document.removeEventListener('keydown', globalKeyDownHandler);
       }
@@ -192,16 +165,13 @@ export const ToolbarArrowKeyNavigationProvider = ({
     value: submenuKeydownHandleContext
   }, children));
 };
-
 function getFocusableElements(rootNode) {
   if (!rootNode) {
     return [];
   }
-
   const focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select, div[tabindex="-1"], div[tabindex="0"]') || [];
   return Array.from(focusableModalElements);
 }
-
 function getFilteredFocusableElements(rootNode) {
   //The focusable elements from child components such as dropdown menus / popups are ignored
   return getFocusableElements(rootNode).filter(elm => !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons'));

package/dist/es2019/ui/ToolbarFeedback/index.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import ReactDOM from 'react-dom';
@@ -36,18 +35,14 @@ const deprecations = [{
   description: 'To pass feedback labels use feedbackInfo property – <Editor feedbackInfo={{ labels }} />',
   type: 'removed'
 }];
-
 const isNullOrUndefined = attr => attr === null || attr === undefined;
-
 export default class ToolbarFeedback extends PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       jiraIssueCollectorScriptLoading: false,
       showOptOutOption: false
     });
-
     _defineProperty(this, "handleRef", ref => {
       if (ref) {
         this.setState({
@@ -55,13 +50,10 @@ export default class ToolbarFeedback extends PureComponent {
         });
       }
     });
-
     _defineProperty(this, "getFeedbackInfo", () => {
       const isFeedbackInfoAttr = attr => ['product', 'packageVersion', 'packageName', 'labels'].indexOf(attr) >= 0;
-
       return pickBy((key, value) => isFeedbackInfoAttr(key) && !isNullOrUndefined(value), this.props);
     });
-
     _defineProperty(this, "collectFeedback", () => {
       if (this.props.product === 'bitbucket') {
         this.setState({
@@ -71,16 +63,13 @@ export default class ToolbarFeedback extends PureComponent {
         this.openFeedbackPopup();
       }
     });
-
     _defineProperty(this, "toggleShowOptOutOption", () => {
       this.setState({
         showOptOutOption: !this.state.showOptOutOption
       });
     });
-
     _defineProperty(this, "openJiraIssueCollector", async () => {
       var _window$localStorage$, _getContextIdentifier;
-
       this.setState({
         jiraIssueCollectorScriptLoading: true,
         showOptOutOption: false
@@ -91,7 +80,8 @@ export default class ToolbarFeedback extends PureComponent {
       const sessionId = (_window$localStorage$ = window.localStorage.getItem('awc.session.id')) === null || _window$localStorage$ === void 0 ? void 0 : _window$localStorage$.toString();
       const contentId = (_getContextIdentifier = getContextIdentifier(editorView === null || editorView === void 0 ? void 0 : editorView.state)) === null || _getContextIdentifier === void 0 ? void 0 : _getContextIdentifier.objectId;
       const tabId = window.sessionStorage['awc.tab.id'];
-      await openFeedbackDialog({ ...this.getFeedbackInfo(),
+      await openFeedbackDialog({
+        ...this.getFeedbackInfo(),
         sessionId,
         contentId,
         tabId
@@ -100,7 +90,6 @@ export default class ToolbarFeedback extends PureComponent {
         jiraIssueCollectorScriptLoading: false
       });
     });
-
     _defineProperty(this, "openFeedbackPopup", () => {
       const dispatch = createDispatch(this.context.editorActions.eventDispatcher);
       dispatch(analyticsEventKey, {
@@ -114,27 +103,24 @@ export default class ToolbarFeedback extends PureComponent {
       this.openJiraIssueCollector();
       return true;
     });
-
     _defineProperty(this, "openLearnMorePage", () => {
       window.open('https://confluence.atlassian.com/x/NU1VO', '_blank');
       this.toggleShowOptOutOption();
     });
-
     _defineProperty(this, "hasJquery", () => {
       return typeof window.jQuery !== 'undefined';
     });
-
     deprecationWarnings(ToolbarFeedback.name, props, deprecations);
   }
-
   render() {
     const {
       popupsMountPoint,
       popupsBoundariesElement,
       popupsScrollableElement
     } = this.props;
-    const iconBefore = this.state.jiraIssueCollectorScriptLoading ? jsx(Spinner, null) : undefined; // JIRA issue collector script is using jQuery internally
+    const iconBefore = this.state.jiraIssueCollectorScriptLoading ? jsx(Spinner, null) : undefined;
 
+    // JIRA issue collector script is using jQuery internally
     return this.hasJquery() ? jsx("div", {
       css: wrapper
     }, jsx(ToolbarButton, {
@@ -171,9 +157,7 @@ export default class ToolbarFeedback extends PureComponent {
       onClick: this.openLearnMorePage
     }, "Learn more")))))) : null;
   }
-
 }
-
 _defineProperty(ToolbarFeedback, "contextTypes", {
   editorActions: PropTypes.object.isRequired
 });

package/dist/es2019/ui/ToolbarHelp/index.js

@@ -4,7 +4,6 @@ import ToolbarButton from '../ToolbarButton';
 import WithHelpTrigger from '../WithHelpTrigger';
 import { injectIntl } from 'react-intl-next';
 import { messages } from './messages';
-
 const tooltipHelpTrigger = ({
   title = 'Open help dialog',
   titlePosition = 'left',
@@ -12,11 +11,9 @@ const tooltipHelpTrigger = ({
 }) => {
   // to have translation for the default tooltip helper
   let displayTitle = title;
-
   if (title === 'Open help dialog') {
     displayTitle = intl.formatMessage(messages.toolbarHelpTitle);
   }
-
   return /*#__PURE__*/React.createElement(WithHelpTrigger, {
     render: showHelp => /*#__PURE__*/React.createElement(ToolbarButton, {
       onClick: showHelp,
@@ -28,5 +25,4 @@ const tooltipHelpTrigger = ({
     })
   });
 };
-
 export default injectIntl(tooltipHelpTrigger);

package/dist/es2019/ui/WidthEmitter/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { pluginKey as widthPluginKey } from '../../plugins/width';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { ContextPanelConsumer } from '../ContextPanel/context';
-
 function useCreateWidthCallbacks({
   setContextPanelWidth,
   setContainerWidth
@@ -21,7 +20,6 @@ function useCreateWidthCallbacks({
   }, [setContainerWidth]);
   return [contextPanelWidthCallback, containerWidthCallback];
 }
-
 const WidthEmitter = ({
   editorView
 }) => {
@@ -33,11 +31,9 @@ const WidthEmitter = ({
   });
   React.useEffect(() => {
     const width = containerWidth - contextPanelWidth;
-
     if (width <= 0 || isNaN(width) || !editorView) {
       return;
     }
-
     const {
       dom,
       state: {
@@ -55,5 +51,4 @@ const WidthEmitter = ({
   }, [editorView, contextPanelWidth, containerWidth]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContextPanelConsumer, null, contextPanelWidthCallback), /*#__PURE__*/React.createElement(WidthConsumer, null, containerWidthCallback));
 };
-
 export default WidthEmitter;

package/dist/es2019/ui/WithEditorActions/index.js

@@ -4,27 +4,21 @@ import PropTypes from 'prop-types';
 export default class WithEditorActions extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "onContextUpdate", () => {
       // Re-render actions when editorActions changes...
       this.forceUpdate();
     });
   }
-
   componentDidMount() {
     this.context.editorActions._privateSubscribe(this.onContextUpdate);
   }
-
   componentWillUnmount() {
     this.context.editorActions._privateUnsubscribe(this.onContextUpdate);
   }
-
   render() {
     return this.props.render(this.context.editorActions);
   }
-
 }
-
 _defineProperty(WithEditorActions, "contextTypes", {
   editorActions: PropTypes.object.isRequired
 });

package/dist/es2019/ui/WithFlash/index.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx, keyframes } from '@emotion/react';
@@ -39,10 +38,8 @@ const flashWrapperAnimated = css`
 export default class WithFlash extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "toggle", false);
   }
-
   render() {
     const {
       animate,
@@ -54,5 +51,4 @@ export default class WithFlash extends React.Component {
       className: this.toggle ? '-flash' : ''
     }, children);
   }
-
 }

package/dist/es2019/ui/WithHelpTrigger/index.js

@@ -8,7 +8,6 @@ import { analyticsEventKey } from '../../plugins/analytics/consts';
 export default class WithHelpTrigger extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "openHelp", () => {
       const {
         editorActions
@@ -25,21 +24,16 @@ export default class WithHelpTrigger extends React.Component {
           eventType: EVENT_TYPE.UI
         }
       });
-
       const editorView = editorActions._privateGetEditorView();
-
       if (editorView) {
         openHelpCommand(editorView.state.tr, editorView.dispatch);
       }
     });
   }
-
   render() {
     return this.props.render(this.openHelp);
   }
-
 }
-
 _defineProperty(WithHelpTrigger, "contextTypes", {
   editorActions: PropTypes.object.isRequired
 });

package/dist/es2019/ui/styles.js

@@ -54,8 +54,9 @@ export const buttonContentStyle = css`
 `;
 export const buttonContentReducedSpacingStyle = css`
   padding: 8px;
-`; // Taken from the style of inline dialog components
+`;
 
+// Taken from the style of inline dialog components
 export const dropShadow = css`
   box-shadow: ${`var(--ds-shadow-overlay, ${`0 0 1px rgba(9, 30, 66, 0.31),
     0 4px 8px -2px rgba(9, 30, 66, 0.25)`})`};

package/dist/es2019/utils/action.js

@@ -4,7 +4,6 @@ import { forceAutoSave } from '../plugins/extension/commands';
 import { stateKey as mediaPluginKey } from '../plugins/media/pm-plugins/plugin-key';
 export async function __temporaryFixForConfigPanel(editorView) {
   const extensionPluginState = editorView.state && extensionPluginKey.getState(editorView.state);
-
   if (extensionPluginState && extensionPluginState.showContextPanel) {
     await new Promise(resolve => {
       forceAutoSave(resolve)(editorView.state, editorView.dispatch);
@@ -13,25 +12,22 @@ export async function __temporaryFixForConfigPanel(editorView) {
 }
 export async function getEditorValueWithMedia(editorView) {
   const mediaPluginState = editorView.state && mediaPluginKey.getState(editorView.state);
-
   if (mediaPluginState && mediaPluginState.waitForMediaUpload) {
     await mediaPluginState.waitForPendingTasks();
   }
-
   return editorView.state.doc;
 }
+
 /**
  * Iterates over the commands one after the other,
  * passes the tr through and dispatches the cumulated transaction
  */
-
 export function cascadeCommands(cmds) {
   return (state, dispatch) => {
     let {
       tr: baseTr
     } = state;
     let shouldDispatch = false;
-
     const onDispatchAction = tr => {
       const selectionJSON = tr.selection.toJSON();
       baseTr.setSelection(Selection.fromJSON(baseTr.doc, selectionJSON));
@@ -40,14 +36,11 @@ export function cascadeCommands(cmds) {
       });
       shouldDispatch = true;
     };
-
     cmds.forEach(cmd => cmd(state, onDispatchAction));
-
     if (dispatch && shouldDispatch) {
       dispatch(baseTr);
       return true;
     }
-
     return false;
   };
 }

package/dist/es2019/utils/announcer/announcer.js

@@ -1,13 +1,18 @@
-import React, { forwardRef, memo, useState, useEffect } from 'react'; // How to use:
+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',

package/dist/es2019/utils/clipboard.js

@@ -1,25 +1,19 @@
 import * as clipboard from 'clipboard-polyfill';
 export function checkClipboardTypes(type, item) {
   const isDOMStringList = t => !t.indexOf && !!t.contains;
-
   return isDOMStringList(type) ? type.contains(item) : type.indexOf(item) > -1;
 }
 export function isPastedFile(rawEvent) {
   const {
     clipboardData
   } = rawEvent;
-
   if (!clipboardData) {
     return false;
   }
-
   return checkClipboardTypes(clipboardData.types, 'Files');
 }
-
 const isClipboardApiSupported = () => !!navigator.clipboard && typeof navigator.clipboard.writeText === 'function';
-
 const isIEClipboardApiSupported = () => window.clipboardData && typeof window.clipboardData.setData === 'function';
-
 export const copyToClipboard = async textToCopy => {
   if (isClipboardApiSupported()) {
     try {
@@ -48,8 +42,9 @@ export const copyHTMLToClipboard = async (elementToCopy, plainTextToCopy) => {
         'text/html': new Blob([elementToCopy.innerHTML], {
           type: 'text/html'
         })
-      }); // @ts-ignore
+      });
 
+      // @ts-ignore
       await navigator.clipboard.write([data]);
     } catch (error) {
       throw new Error('Clipboard api is not supported');