@atlaskit/editor-core 178.1.1 → 178.1.2

package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.js

@@ -1,15 +1,15 @@
 export const reducer = (pluginState, action) => {
   switch (action.type) {
     case 'SHOW_CONFIRM_DIALOG':
-      return { ...pluginState,
+      return {
+        ...pluginState,
         confirmDialogForItem: action.data.buttonIndex
       };
-
     case 'HIDE_CONFIRM_DIALOG':
-      return { ...pluginState,
+      return {
+        ...pluginState,
         confirmDialogForItem: undefined
       };
-
     default:
       return pluginState;
   }

package/dist/es2019/plugins/floating-toolbar/ui/Button.js

@@ -42,7 +42,8 @@ export default (({
         ...rest
       } = adgTheme(themeProps);
       return {
-        buttonStyles: { ...buttonStyles,
+        buttonStyles: {
+          ...buttonStyles,
           ...customSpacing,
           ...(appearance === 'danger' && getButtonStyles({
             appearance,
@@ -67,7 +68,8 @@ export default (({
     isDisabled: disabled,
     testId: testId,
     onFocus: onFocus,
-    onBlur: onBlur // @ts-ignore
+    onBlur: onBlur
+    // @ts-ignore
     // tabIndex set as 0 by default in the design system  ButtonBase component
     // this is not expected for all buttons, we have to use tabIndex={null} for some cases
     // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287

package/dist/es2019/plugins/floating-toolbar/ui/CheckboxModal.js

@@ -19,19 +19,16 @@ export const CheckboxModal = props => {
   const okButtonLabel = (options === null || options === void 0 ? void 0 : options.okButtonLabel) || formatMessage(messages.confirmModalOK);
   const cancelButtonLabel = (options === null || options === void 0 ? void 0 : options.cancelButtonLabel) || formatMessage(messages.confirmModalCancel);
   const checkboxlabel = options === null || options === void 0 ? void 0 : options.checkboxLabel;
-
   const ListComponent = ({
     nodes
   }) => {
     if (!nodes) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement("ul", null, nodes.map(node => /*#__PURE__*/React.createElement(ListItem, _extends({}, node, {
       key: node.id
     }))));
   };
-
   const ListItem = props => {
     const {
       id,
@@ -45,7 +42,6 @@ export const CheckboxModal = props => {
       amount
     }));
   };
-
   return /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     testId: testId

package/dist/es2019/plugins/floating-toolbar/ui/ConfirmationModal.js

@@ -3,15 +3,11 @@ import { injectIntl } from 'react-intl-next';
 import { SimpleModal } from './SimpleModal';
 import { CheckboxModal } from './CheckboxModal';
 import { ModalTransition } from '@atlaskit/modal-dialog';
-
 const ConfirmationModalImpl = props => {
   const {
     options
   } = props;
-
   const renderModel = (isReferentialityDialog = false) => isReferentialityDialog ? /*#__PURE__*/React.createElement(CheckboxModal, props) : /*#__PURE__*/React.createElement(SimpleModal, props);
-
   return options ? /*#__PURE__*/React.createElement(ModalTransition, null, renderModel(options === null || options === void 0 ? void 0 : options.isReferentialityDialog)) : null;
 };
-
 export const ConfirmationModal = injectIntl(ConfirmationModalImpl);

package/dist/es2019/plugins/floating-toolbar/ui/Dropdown.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React, { Component } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -13,7 +12,6 @@ const dropdownExpandContainer = css`
 const iconGroup = css`
   display: flex;
 `;
-
 const CompositeIcon = ({
   icon
 }) => jsx("div", {
@@ -23,15 +21,12 @@ const CompositeIcon = ({
 }, jsx(ExpandIcon, {
   label: "Expand dropdown menu"
 })));
-
 export default class Dropdown extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       isOpen: false
     });
-
     _defineProperty(this, "renderArrayOptions", options => {
       const {
         showSelected,
@@ -46,36 +41,29 @@ export default class Dropdown extends Component {
         editorView: editorView
       });
     });
-
     _defineProperty(this, "toggleOpen", () => {
       this.setState({
         isOpen: !this.state.isOpen
       });
     });
-
     _defineProperty(this, "hide", () => {
       this.setState({
         isOpen: false
       });
     });
-
     _defineProperty(this, "hideonEsc", () => {
       var _document$querySelect;
-
-      this.hide(); //Focus the trigger button only on Escape
-
+      this.hide();
+      //Focus the trigger button only on Escape
       (_document$querySelect = document.querySelector(`[data-testid=${this.props.buttonTestId}]`)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.focus();
     });
-
     _defineProperty(this, "onOpenChanged", openChangedEvent => {
       if (!openChangedEvent.isOpen && openChangedEvent.event instanceof KeyboardEvent) {
         var _openChangedEvent$eve;
-
         ((_openChangedEvent$eve = openChangedEvent.event) === null || _openChangedEvent$eve === void 0 ? void 0 : _openChangedEvent$eve.key) === 'Escape' ? this.hideonEsc() : this.hide();
       }
     });
   }
-
   render() {
     const {
       isOpen
@@ -96,7 +84,6 @@ export default class Dropdown extends Component {
       editorView
     } = this.props;
     let trigger;
-
     if (icon) {
       const TriggerIcon = hideExpandIcon ? icon : jsx(CompositeIcon, {
         icon: icon
@@ -124,12 +111,11 @@ export default class Dropdown extends Component {
         tooltipContent: tooltip
       }, title);
     }
+
     /**
      * We want to change direction of our dropdowns a bit early,
      * not exactly when it hits the boundary.
      */
-
-
     const fitTolerance = 10;
     const fitWidth = Array.isArray(options) ? dropdownWidth || menuItemDimensions.width : options.width;
     const fitHeight = Array.isArray(options) ? options.length * menuItemDimensions.height + itemSpacing * 2 : options.height;
@@ -150,11 +136,9 @@ export default class Dropdown extends Component {
       dispatchCommand
     }));
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (this.props.setDisableParentScroll && prevState.isOpen !== this.state.isOpen) {
       this.props.setDisableParentScroll(this.state.isOpen);
     }
   }
-
 }

package/dist/es2019/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -37,7 +37,6 @@ const label = css`
 `;
 export const itemSpacing = gridSize() / 2;
 const DropdownButtonItem = ButtonItem;
-
 const DropdownMenuItem = ({
   item,
   hide,
@@ -48,21 +47,18 @@ const DropdownMenuItem = ({
   const [tooltipContent, setTooltipContent] = useState(item.tooltip || '');
   const handleItemMouseOut = useCallback(() => {
     setTooltipContent('');
-
     if (item.onMouseOut) {
       dispatchCommand(item.onMouseOut);
     }
   }, [item.onMouseOut, dispatchCommand]);
   const handleItemMouseDown = useCallback(e => {
     e.preventDefault(); // ED-16204 - This is needed for safari to get handleItemClick() to work
-
     if (item.onMouseDown) {
       dispatchCommand(item.onMouseDown);
     }
   }, [item.onMouseDown, dispatchCommand]);
   const handleItemMouseOver = useCallback(() => {
     setTooltipContent(item.tooltip || '');
-
     if (item.onMouseOver) {
       dispatchCommand(item.onMouseOver);
     }
@@ -100,13 +96,12 @@ const DropdownMenuItem = ({
      */
     dispatchCommand(item.onClick);
     hide();
-
     if (!(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
       editorView === null || editorView === void 0 ? void 0 : editorView.focus();
     }
   }, [dispatchCommand, item.onClick, hide, editorView]);
-  /* ED-16704 - Native mouse event handler to overcome firefox issue on disabled <button> - https://github.com/whatwg/html/issues/5886 */
 
+  /* ED-16704 - Native mouse event handler to overcome firefox issue on disabled <button> - https://github.com/whatwg/html/issues/5886 */
   const labelRef = /*#__PURE__*/createRef();
   const handleTitleWrapperMouseEvent = useCallback(e => {
     if (item.disabled) {
@@ -140,16 +135,13 @@ const DropdownMenuItem = ({
     ref: labelRef,
     css: label
   }, item.title));
-
   if (tooltipContent) {
     return jsx(Tooltip, {
       content: tooltipContent
     }, itemContent);
   }
-
   return itemContent;
 };
-
 class Dropdown extends Component {
   render() {
     const {
@@ -170,7 +162,6 @@ class Dropdown extends Component {
       iconBefore: this.renderSelected(item, intl)
     })));
   }
-
   renderSelected(item, intl) {
     const {
       showSelected = true
@@ -178,7 +169,6 @@ class Dropdown extends Component {
     const {
       selected
     } = item;
-
     if (showSelected && selected) {
       return jsx(EditorDoneIcon, {
         primaryColor: `var(--ds-icon-selected, ${B400})`,
@@ -186,12 +176,9 @@ class Dropdown extends Component {
         label: intl.formatMessage(messages.confirmModalOK)
       });
     }
-
     return jsx("span", {
       css: spacer
     });
   }
-
 }
-
 export default injectIntl(Dropdown);

package/dist/es2019/plugins/floating-toolbar/ui/EmojiPickerButton.js

@@ -7,14 +7,16 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { EmojiPicker } from '@atlaskit/emoji';
 import Tooltip from '@atlaskit/tooltip';
 import EditorEmojiAddIcon from './EditorEmojiAddIcon';
-import withOuterListeners from '../../../ui/with-outer-listeners'; // helps adjusts position of popup
+import withOuterListeners from '../../../ui/with-outer-listeners';
 
+// helps adjusts position of popup
 const emojiPickerButtonWrapper = css`
   position: relative;
-`; // helps to vertically align emoji picker
+`;
+
+// helps to vertically align emoji picker
 // both top and bottom margin should be 2px
 // https://product-fabric.atlassian.net/browse/CETI-148
-
 const emojiPickerWrapper = css`
   margin-bottom: -12px;
   margin-top: -4px;
@@ -26,22 +28,18 @@ export const EmojiPickerButton = props => {
   React.useEffect(() => {
     if (props.setDisableParentScroll) {
       props.setDisableParentScroll(isPopupOpen);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isPopupOpen]);
-
   const togglePopup = () => {
     setIsPopupOpen(!isPopupOpen);
   };
-
   const updateEmoji = emoji => {
     setIsPopupOpen(false);
     props.editorView && props.editorView.focus();
     props.onChange && props.onChange(emoji);
   };
-
   const isDetachedElement = el => !document.body.contains(el);
-
   const handleEmojiClickOutside = e => {
     // Ignore click events for detached elements.
     // Workaround for CETI-240 - where two onClicks fire - one when the upload button is
@@ -51,12 +49,10 @@ export const EmojiPickerButton = props => {
       togglePopup();
     }
   };
-
   const renderPicker = providers => {
     if (!providers.emojiProvider) {
       return null;
     }
-
     return jsx(EmojiPickerWithListener, {
       emojiProvider: providers.emojiProvider,
       onSelection: updateEmoji,
@@ -64,18 +60,17 @@ export const EmojiPickerButton = props => {
       handleClickOutside: handleEmojiClickOutside
     });
   };
-
   const renderPopup = () => {
     if (!buttonRef.current || !isPopupOpen) {
       return;
     }
-
     return jsx(Popup, {
       target: buttonRef.current,
       mountTo: props.setDisableParentScroll ? props.mountPoint : buttonRef.current.parentElement,
       fitHeight: 350,
       fitWidth: 350,
-      offset: [0, 10] // Confluence inline comment editor has z-index: 500
+      offset: [0, 10]
+      // Confluence inline comment editor has z-index: 500
       // if the toolbar is scrollable, this will be mounted in the root editor
       // we need an index of > 500 to display over it
       ,
@@ -88,7 +83,6 @@ export const EmojiPickerButton = props => {
       renderNode: renderPicker
     })));
   };
-
   const title = props.title || '';
   return jsx("div", {
     css: emojiPickerButtonWrapper

package/dist/es2019/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js

@@ -6,22 +6,17 @@ import { nodeToJSON } from '../../../utils';
 import { createExtensionAPI } from '../../extension/extension-api';
 import Button from './Button';
 import Separator from './Separator';
-
 const noop = () => null;
-
 const isDefaultExport = mod => {
   return mod.hasOwnProperty('default');
 };
-
 const resolveExtensionIcon = async getIcon => {
   if (!getIcon) {
     return noop;
   }
-
   const maybeIcon = await getIcon();
   return isDefaultExport(maybeIcon) ? maybeIcon.default : maybeIcon;
 };
-
 const ExtensionButton = props => {
   const {
     item,
@@ -32,19 +27,16 @@ const ExtensionButton = props => {
     loader: async () => resolveExtensionIcon(item.icon),
     loading: noop
   }) : undefined;
-
   const onClick = () => {
     if (typeof item.action !== 'function') {
       throw new Error(`'action' of context toolbar item '${item.key}' is not a function`);
     }
-
     const targetNodeAdf = nodeToJSON(node);
     const api = createExtensionAPI({
       editorView
     });
     item.action(targetNodeAdf, api);
   };
-
   return /*#__PURE__*/React.createElement(Button, {
     title: item.label,
     icon: ButtonIcon ? /*#__PURE__*/React.createElement(ButtonIcon, {
@@ -55,7 +47,6 @@ const ExtensionButton = props => {
     disabled: item.disabled
   }, item.label);
 };
-
 export const ExtensionsPlaceholder = props => {
   const {
     node,
@@ -68,12 +59,11 @@ export const ExtensionsPlaceholder = props => {
     if (extensionProvider) {
       getExtensions();
     }
-
     async function getExtensions() {
       setExtensions(await extensionProvider.getExtensions());
-    } // leaving dependencies array empty so that this effect runs just once on component mount
+    }
+    // leaving dependencies array empty so that this effect runs just once on component mount
     // eslint-disable-next-line react-hooks/exhaustive-deps
-
   }, []);
   const nodeAdf = React.useMemo(() => nodeToJSON(node), [node]);
   const extensionItems = React.useMemo(() => {
@@ -81,35 +71,29 @@ export const ExtensionsPlaceholder = props => {
       editorView
     }));
   }, [extensions, nodeAdf, editorView]);
-
   if (!extensionItems.length) {
     return null;
-  } // ButtonGroup wraps each child with another layer
-  // but count fragment as 1 child, so here we create the children manually.
-
+  }
 
+  // ButtonGroup wraps each child with another layer
+  // but count fragment as 1 child, so here we create the children manually.
   const children = [];
-
   if (separator && ['start', 'both'].includes(separator)) {
     children.push( /*#__PURE__*/React.createElement(Separator, null));
   }
-
   extensionItems.forEach((item, index) => {
     children.push( /*#__PURE__*/React.createElement(ExtensionButton, {
       node: node,
       item: item,
       editorView: editorView
     }));
-
     if (index < extensionItems.length - 1) {
       children.push( /*#__PURE__*/React.createElement(Separator, null));
     }
   });
-
   if (separator && ['end', 'both'].includes(separator)) {
     children.push( /*#__PURE__*/React.createElement(Separator, null));
   }
-
   return /*#__PURE__*/React.createElement(ButtonGroup, {
     children: children
   });

package/dist/es2019/plugins/floating-toolbar/ui/Input.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -8,34 +7,27 @@ import { panelTextInput } from '../../../ui/PanelTextInput/styles';
 export default class TextField extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "handleChange", e => {
       this.setState({
         text: e.target.value
       });
     });
-
     _defineProperty(this, "handleSubmit", e => {
       e.preventDefault();
-
       if (this.props.onSubmit) {
         this.props.onSubmit(this.state.text);
       }
     });
-
     _defineProperty(this, "handleBlur", e => {
       e.preventDefault();
-
       if (this.props.onBlur) {
         this.props.onBlur(this.state.text);
       }
     });
-
     this.state = {
       text: props.defaultValue || ''
     };
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.state.text !== nextProps.defaultValue) {
       this.setState({
@@ -43,7 +35,6 @@ export default class TextField extends Component {
       });
     }
   }
-
   render() {
     const {
       placeholder
@@ -58,5 +49,4 @@ export default class TextField extends Component {
       onBlur: this.handleBlur
     }));
   }
-
 }

package/dist/es2019/plugins/floating-toolbar/ui/ScrollButtons.js

@@ -41,15 +41,14 @@ export default (({
   });
 
   const onScroll = () => scheduledSetCanScroll();
-
   const scrollLeft = () => {
     var _scrollContainerRef$c, _scrollContainerRef$c2, _scrollContainerRef$c3;
-
     const {
       width: scrollContainerWidth = 0
     } = ((_scrollContainerRef$c = scrollContainerRef.current) === null || _scrollContainerRef$c === void 0 ? void 0 : _scrollContainerRef$c.getBoundingClientRect()) || {};
-    const scrollLeft = ((_scrollContainerRef$c2 = scrollContainerRef.current) === null || _scrollContainerRef$c2 === void 0 ? void 0 : _scrollContainerRef$c2.scrollLeft) || 0; // scroll to current position - scroll container width
+    const scrollLeft = ((_scrollContainerRef$c2 = scrollContainerRef.current) === null || _scrollContainerRef$c2 === void 0 ? void 0 : _scrollContainerRef$c2.scrollLeft) || 0;
 
+    // scroll to current position - scroll container width
     let scrollTo = scrollLeft - scrollContainerWidth;
     (_scrollContainerRef$c3 = scrollContainerRef.current) === null || _scrollContainerRef$c3 === void 0 ? void 0 : _scrollContainerRef$c3.scrollTo({
       top: 0,
@@ -57,15 +56,14 @@ export default (({
       behavior: 'smooth'
     });
   };
-
   const scrollRight = () => {
     var _scrollContainerRef$c4, _scrollContainerRef$c5, _scrollContainerRef$c6;
-
     const {
       width: scrollContainerWidth = 0
     } = ((_scrollContainerRef$c4 = scrollContainerRef.current) === null || _scrollContainerRef$c4 === void 0 ? void 0 : _scrollContainerRef$c4.getBoundingClientRect()) || {};
-    const scrollLeft = ((_scrollContainerRef$c5 = scrollContainerRef.current) === null || _scrollContainerRef$c5 === void 0 ? void 0 : _scrollContainerRef$c5.scrollLeft) || 0; // scroll to current position + scroll container width
+    const scrollLeft = ((_scrollContainerRef$c5 = scrollContainerRef.current) === null || _scrollContainerRef$c5 === void 0 ? void 0 : _scrollContainerRef$c5.scrollLeft) || 0;
 
+    // scroll to current position + scroll container width
     let scrollTo = scrollLeft + scrollContainerWidth;
     (_scrollContainerRef$c6 = scrollContainerRef.current) === null || _scrollContainerRef$c6 === void 0 ? void 0 : _scrollContainerRef$c6.scrollTo({
       top: 0,
@@ -73,13 +71,10 @@ export default (({
       behavior: 'smooth'
     });
   };
-
   const resizeObserver = new ResizeObserver(t => {
     var _scrollContainerRef$c7, _scrollContainerRef$c8, _scrollContainerRef$c9;
-
     const widthNeededToShowAllItems = ((_scrollContainerRef$c7 = scrollContainerRef.current) === null || _scrollContainerRef$c7 === void 0 ? void 0 : _scrollContainerRef$c7.scrollWidth) || 0;
     const availableSpace = (_scrollContainerRef$c8 = scrollContainerRef.current) === null || _scrollContainerRef$c8 === void 0 ? void 0 : (_scrollContainerRef$c9 = _scrollContainerRef$c8.parentNode) === null || _scrollContainerRef$c9 === void 0 ? void 0 : _scrollContainerRef$c9.offsetWidth;
-
     if (availableSpace >= widthNeededToShowAllItems) {
       setNeedScroll(false);
     } else {
@@ -90,24 +85,25 @@ export default (({
   useEffect(() => {
     const scrollContainerRefCurrent = scrollContainerRef.current;
     onScroll();
-
     if (scrollContainerRefCurrent) {
       // enable/disable scroll buttons depending on scroll position
-      scrollContainerRefCurrent.addEventListener('scroll', onScroll); // watch for toolbar resize and show/hide scroll buttons if needed
+      scrollContainerRefCurrent.addEventListener('scroll', onScroll);
 
-      resizeObserver.observe(scrollContainerRefCurrent); // reset scroll position when switching from one node with toolbar to another
+      // watch for toolbar resize and show/hide scroll buttons if needed
+      resizeObserver.observe(scrollContainerRefCurrent);
 
+      // reset scroll position when switching from one node with toolbar to another
       scrollContainerRefCurrent.scrollTo({
         left: 0
       });
     }
-
     return () => {
       if (scrollContainerRefCurrent) {
         scrollContainerRefCurrent.removeEventListener('scroll', onScroll);
         resizeObserver.unobserve(scrollContainerRefCurrent);
       }
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [node, scrollContainerRef]);
   return needScroll ? jsx("div", {
     ref: buttonsContainerRef,

package/dist/es2019/plugins/floating-toolbar/ui/Select.js

@@ -6,12 +6,12 @@ export default function Search(props) {
     width = 200
   } = props;
   const style = React.useMemo(() => ({
-    container: base => ({ ...base,
+    container: base => ({
+      ...base,
       width
     }),
     menuPortal: base => {
       var _selectRef$current, _selectRef$current$se, _selectRef$current$se2, _selectRef$current2, _selectRef$current2$s, _selectRef$current2$s2, _selectRef$current2$s3;
-
       // ED:16095: We add two possible getter paths for safely reaching into the underlying
       // react-select element. We first try a getter that conforms with react-select v5 APIs,
       // Failing that, we try a getter consistent with react-select v4 APIs. (We
@@ -25,25 +25,24 @@ export default function Search(props) {
         height: controlWrapper.offsetHeight,
         width
       } : {};
-      return { ...base,
+      return {
+        ...base,
         ...menuPortalStyles
       };
     }
-  }), // eslint-disable-next-line react-hooks/exhaustive-deps
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [width]);
-
   const onMenuOpen = () => {
     if (props.setDisableParentScroll) {
       props.setDisableParentScroll(true);
     }
   };
-
   const onMenuClose = () => {
     if (props.setDisableParentScroll) {
       props.setDisableParentScroll(false);
     }
   };
-
   return /*#__PURE__*/React.createElement(Select, {
     ref: selectRef,
     options: props.options,