@atlaskit/editor-core 190.1.6 → 190.1.8

package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -1,140 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
-import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import ToolbarButton from '../../../../ui/ToolbarButton';
-import { ArrowKeyNavigationType, DropdownContainer as Dropdown } from '@atlaskit/editor-common/ui-menu';
-import Alignment from '../../../../ui/Alignment';
-import { expandIconWrapper, triggerWrapper, wrapper } from './styles';
-import { separatorStyles } from '@atlaskit/editor-common/styles';
-import { IconMap } from './icon-map';
-import { messages } from './messages';
-export class AlignmentToolbar extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "toolbarItemRef", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "state", {
-      isOpen: false
-    });
-    _defineProperty(this, "changeAlignment", (align, togglePopup) => {
-      if (togglePopup) {
-        this.toggleOpen();
-      }
-      return this.props.changeAlignment(align);
-    });
-    _defineProperty(this, "toggleOpen", () => {
-      this.setState({
-        isOpen: !this.state.isOpen
-      });
-    });
-    _defineProperty(this, "toggleOpenByKeyboard", event => {
-      if (event.key === 'Enter' || event.key === ' ') {
-        event.preventDefault();
-        this.setState({
-          isOpen: !this.state.isOpen
-        });
-      }
-    });
-    _defineProperty(this, "hide", attrs => {
-      if (this.state.isOpen) {
-        this.setState({
-          isOpen: false
-        });
-        if ((attrs === null || attrs === void 0 ? void 0 : attrs.event) instanceof KeyboardEvent && attrs.event.key === 'Escape') {
-          var _this$toolbarItemRef, _this$toolbarItemRef$;
-          (_this$toolbarItemRef = this.toolbarItemRef) === null || _this$toolbarItemRef === void 0 ? void 0 : (_this$toolbarItemRef$ = _this$toolbarItemRef.current) === null || _this$toolbarItemRef$ === void 0 ? void 0 : _this$toolbarItemRef$.focus();
-        }
-      }
-    });
-    _defineProperty(this, "hideOnEscape", () => {
-      var _this$toolbarItemRef2, _this$toolbarItemRef3;
-      this.hide();
-      (_this$toolbarItemRef2 = this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 ? void 0 : (_this$toolbarItemRef3 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef3 === void 0 ? void 0 : _this$toolbarItemRef3.focus();
-    });
-  }
-  render() {
-    const {
-      isOpen
-    } = this.state;
-    const {
-      popupsMountPoint,
-      popupsBoundariesElement,
-      popupsScrollableElement,
-      isReducedSpacing,
-      pluginState,
-      disabled,
-      intl
-    } = this.props;
-    const title = intl.formatMessage(messages.alignment);
-    return jsx("span", {
-      css: wrapper
-    }, jsx(Dropdown, {
-      mountTo: popupsMountPoint,
-      boundariesElement: popupsBoundariesElement,
-      scrollableElement: popupsScrollableElement,
-      isOpen: isOpen,
-      handleClickOutside: event => {
-        if (event instanceof MouseEvent) {
-          this.hide({
-            isOpen: false,
-            event
-          });
-        }
-      },
-      handleEscapeKeydown: this.hideOnEscape,
-      arrowKeyNavigationProviderOptions: {
-        type: ArrowKeyNavigationType.MENU
-      },
-      fitWidth: 112,
-      fitHeight: 80,
-      closeOnTab: true,
-      trigger: jsx(ToolbarButton, {
-        spacing: isReducedSpacing ? 'none' : 'default',
-        disabled: disabled,
-        selected: isOpen,
-        title: title,
-        className: "align-btn",
-        "aria-label": title,
-        "aria-expanded": isOpen,
-        "aria-haspopup": true,
-        onClick: this.toggleOpen,
-        onKeyDown: this.toggleOpenByKeyboard,
-        iconBefore: jsx("div", {
-          css: triggerWrapper
-        }, jsx(IconMap, {
-          alignment: pluginState.align
-        }), jsx("span", {
-          css: expandIconWrapper
-        }, jsx(ExpandIcon, {
-          label: ""
-        }))),
-        ref: this.toolbarItemRef
-      })
-    }, jsx(Alignment, {
-      onClick: align => this.changeAlignment(align, false),
-      selectedAlignment: pluginState.align
-    })), jsx("span", {
-      css: separatorStyles
-    }));
-  }
-  componentDidUpdate(prevProps) {
-    if (this.state.isOpen) {
-      // by triggering the keyboard event with a setTimeout, we ensure that the tooltip
-      // associated with the alignment button doesn't render until the next render cycle
-      // where the popup will be correctly positioned and the relative position of the tooltip
-      // will not overlap with the button.
-      setTimeout(() => {
-        var _this$toolbarItemRef$2;
-        const keyboardEvent = new KeyboardEvent('keydown', {
-          bubbles: true,
-          key: 'ArrowDown'
-        });
-        (_this$toolbarItemRef$2 = this.toolbarItemRef.current) === null || _this$toolbarItemRef$2 === void 0 ? void 0 : _this$toolbarItemRef$2.dispatchEvent(keyboardEvent);
-      }, 0);
-    }
-  }
-}
-_defineProperty(AlignmentToolbar, "displayName", 'AlignmentToolbar');
-export default injectIntl(AlignmentToolbar);

package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/messages.js

@@ -1,23 +0,0 @@
-import { defineMessages } from 'react-intl-next';
-export const messages = defineMessages({
-  alignment: {
-    id: 'fabric.editor.alignment',
-    defaultMessage: 'Text alignment',
-    description: 'Opens drop down menu of options to configure text alignment'
-  },
-  alignLeft: {
-    id: 'fabric.editor.alignLeft',
-    defaultMessage: 'Align left',
-    description: 'label stating that text is aligned left'
-  },
-  alignRight: {
-    id: 'fabric.editor.alignRight',
-    defaultMessage: 'Align Right',
-    description: 'label stating that text is aligned right'
-  },
-  alignCenter: {
-    id: 'fabric.editor.alignCenter',
-    defaultMessage: 'Align Center',
-    description: 'label stating that text is aligned center'
-  }
-});

package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/styles.js

@@ -1,14 +0,0 @@
-import { css } from '@emotion/react';
-export const triggerWrapper = css`
-  display: flex;
-`;
-export const wrapper = css`
-  display: flex;
-  align-items: center;
-  div {
-    display: flex;
-  }
-`;
-export const expandIconWrapper = css`
-  margin-left: ${"var(--ds-space-negative-100, -8px)"};
-`;

package/dist/es2019/plugins/alignment/utils/index.js

@@ -1,15 +0,0 @@
-import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-export const getActiveAlignment = state => {
-  if (state.selection instanceof CellSelection) {
-    const marks = [];
-    state.selection.forEachCell(cell => {
-      const mark = cell.firstChild.marks.filter(mark => mark.type === state.schema.marks.alignment)[0];
-      marks.push(mark ? mark.attrs.align : 'start');
-    });
-    return marks.every(mark => mark === marks[0]) ? marks[0] : 'start';
-  }
-  const node = findParentNodeOfType([state.schema.nodes.paragraph, state.schema.nodes.heading])(state.selection);
-  const getMark = node && node.node.marks.filter(mark => mark.type === state.schema.marks.alignment)[0];
-  return getMark && getMark.attrs.align || 'start';
-};

package/dist/es2019/plugins/mobile-dimensions/actions.js

@@ -1,6 +0,0 @@
-export let MobileDimensionsActionTypes = /*#__PURE__*/function (MobileDimensionsActionTypes) {
-  MobileDimensionsActionTypes["SET_WINDOW_HEIGHT"] = "SET_WINDOW_HEIGHT";
-  MobileDimensionsActionTypes["SET_MOBILE_PADDING_TOP"] = "SET_MOBILE_PADDING_TOP";
-  MobileDimensionsActionTypes["SET_IS_EXPANDED"] = "SET_IS_EXPANDED";
-  return MobileDimensionsActionTypes;
-}({});

package/dist/es2019/plugins/mobile-dimensions/commands.js

@@ -1,14 +0,0 @@
-import { MobileDimensionsActionTypes } from './actions';
-import { createCommand } from './plugin-factory';
-export const setWindowHeight = windowHeight => createCommand({
-  type: MobileDimensionsActionTypes.SET_WINDOW_HEIGHT,
-  windowHeight
-});
-export const setMobilePaddingTop = paddingTop => createCommand({
-  type: MobileDimensionsActionTypes.SET_MOBILE_PADDING_TOP,
-  paddingTop
-});
-export const setIsExpanded = isExpanded => createCommand({
-  type: MobileDimensionsActionTypes.SET_IS_EXPANDED,
-  isExpanded
-});

package/dist/es2019/plugins/mobile-dimensions/index.js

@@ -1,88 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { setWindowHeight } from './commands';
-import { createPluginState, mobileDimensionsPluginKey } from './plugin-factory';
-const getInitialState = () => ({
-  mobilePaddingTop: 0,
-  windowHeight: window.innerHeight,
-  isExpanded: false
-});
-
-/**
- * Plugin to store the dimensions of the mobile such as keyboard height and window size
- */
-
-const createPlugin = dispatch => {
-  let rafId;
-  return new SafePlugin({
-    state: createPluginState(dispatch, getInitialState),
-    key: mobileDimensionsPluginKey,
-    props: {
-      scrollThreshold: {
-        top: 12,
-        left: 0,
-        right: 0,
-        bottom: 12
-      },
-      scrollMargin: {
-        top: 12,
-        bottom: 12,
-        left: 0,
-        right: 0
-      }
-    },
-    view(editorView) {
-      const handleResize = () => {
-        if (rafId) {
-          window.cancelAnimationFrame(rafId);
-        }
-        let windowInnerHeight = window.innerHeight;
-        let count = 0;
-        const checkWindowHeight = () => {
-          // wait for height to stabilise before we commit to set it
-          // this helps handle menu transitions in Android which we don't want to scroll for
-          if (window.innerHeight === windowInnerHeight) {
-            count++;
-            if (count >= 5) {
-              rafId = undefined;
-              setWindowHeight(window.innerHeight)(editorView.state, editorView.dispatch);
-            } else {
-              rafId = requestAnimationFrame(checkWindowHeight);
-            }
-          } else {
-            rafId = requestAnimationFrame(checkWindowHeight);
-          }
-          windowInnerHeight = window.innerHeight;
-        };
-        rafId = requestAnimationFrame(checkWindowHeight);
-      };
-      // the window will resize on Android when the keyboard shows/hides
-      window.addEventListener('resize', handleResize);
-      return {
-        destroy() {
-          window.removeEventListener('resize', handleResize);
-          if (rafId) {
-            window.cancelAnimationFrame(rafId);
-          }
-        }
-      };
-    }
-  });
-};
-const mobileDimensionsPlugin = () => ({
-  name: 'mobileDimensions',
-  getSharedState(editorState) {
-    if (!editorState) {
-      return undefined;
-    }
-    return mobileDimensionsPluginKey.getState(editorState);
-  },
-  pmPlugins() {
-    return [{
-      name: 'mobileDimensions',
-      plugin: ({
-        dispatch
-      }) => createPlugin(dispatch)
-    }];
-  }
-});
-export default mobileDimensionsPlugin;

package/dist/es2019/plugins/mobile-dimensions/plugin-factory.js

@@ -1,9 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { pluginFactory } from '../../utils/plugin-state-factory';
-import reducer from './reducer';
-export const mobileDimensionsPluginKey = new PluginKey('mobileDimensions');
-export const {
-  createPluginState,
-  getPluginState,
-  createCommand
-} = pluginFactory(mobileDimensionsPluginKey, reducer);

package/dist/es2019/plugins/mobile-dimensions/reducer.js

@@ -1,21 +0,0 @@
-import { MobileDimensionsActionTypes } from './actions';
-export default function (state, action) {
-  switch (action.type) {
-    case MobileDimensionsActionTypes.SET_WINDOW_HEIGHT:
-      return {
-        ...state,
-        windowHeight: action.windowHeight
-      };
-    case MobileDimensionsActionTypes.SET_MOBILE_PADDING_TOP:
-      return {
-        ...state,
-        mobilePaddingTop: action.paddingTop
-      };
-    case MobileDimensionsActionTypes.SET_IS_EXPANDED:
-      return {
-        ...state,
-        isExpanded: action.isExpanded
-      };
-  }
-  return state;
-}

package/dist/es2019/plugins/mobile-dimensions/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/plugins/mobile-selection/content-in-selection.js

@@ -1,17 +0,0 @@
-// Gets a plain text representation of the nodes in the current selection
-export const contentInSelection = ({
-  selection,
-  doc
-}) => {
-  const nodes = new Array();
-  const marks = new Array();
-  doc.nodesBetween(selection.from, selection.to, node => {
-    nodes.push(node.type.name);
-    node.marks.forEach(mark => marks.push(mark.type.name));
-    return true;
-  });
-  return {
-    nodeTypes: Array.from(nodes),
-    markTypes: Array.from(marks)
-  };
-};

package/dist/es2019/plugins/mobile-selection/index.js

@@ -1 +0,0 @@
-export { mobileSelectionPlugin as default, selectionPluginKey } from './mobile-selection-plugin';

package/dist/es2019/plugins/mobile-selection/mobile-selection-plugin.js

@@ -1,53 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { contentInSelection } from './content-in-selection';
-export const selectionPluginKey = new PluginKey('mobile-selection');
-export const createProseMirrorPlugin = dispatch => {
-  return new SafePlugin({
-    view: editorView => {
-      const domAtPos = editorView.domAtPos.bind(editorView);
-      return {
-        update: (view, previousState) => {
-          const {
-            state,
-            state: {
-              selection,
-              doc
-            }
-          } = view;
-          if (previousState.doc.eq(doc) && previousState.selection.eq(selection)) {
-            return;
-          }
-          const ref = findDomRefAtPos(selection.$anchor.pos, domAtPos);
-          const {
-            top,
-            left
-          } = ref.getBoundingClientRect();
-          const {
-            nodeTypes,
-            markTypes
-          } = contentInSelection(state);
-          dispatch(selectionPluginKey, {
-            rect: {
-              top: Math.round(top),
-              left: Math.round(left)
-            },
-            selection: state.selection.toJSON(),
-            nodeTypes,
-            markTypes
-          });
-        }
-      };
-    }
-  });
-};
-export const mobileSelectionPlugin = () => ({
-  name: 'mobileSelection',
-  pmPlugins: () => [{
-    name: 'mobileSelection',
-    plugin: ({
-      dispatch
-    }) => createProseMirrorPlugin(dispatch)
-  }]
-});

package/dist/es2019/plugins/mobile-selection/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/plugins/view-update-subscription/index.js

@@ -1,73 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export const trackerStore = new WeakMap();
-class Tracker {
-  constructor() {
-    _defineProperty(this, "update", props => {
-      this.subscriptions.forEach(cb => cb(props));
-    });
-    _defineProperty(this, "add", subscription => {
-      this.subscriptions.push(subscription);
-    });
-    _defineProperty(this, "remove", subscription => {
-      this.subscriptions = this.subscriptions.filter(s => s !== subscription);
-    });
-    this.subscriptions = [];
-  }
-}
-const pluginKey = new PluginKey('viewUpdateSubscriptionKey');
-const createViewUpdateSubscriptionPlugin = () => {
-  let tracker;
-  const lastUpdateRef = {
-    current: null,
-    initial: null,
-    transactions: [],
-    queued: false
-  };
-  return {
-    name: 'viewUpdateSubscription',
-    pmPlugins: () => {
-      const createPlugin = () => new SafePlugin({
-        key: pluginKey,
-        view(editorView) {
-          tracker = trackerStore.get(editorView);
-          if (!tracker) {
-            tracker = new Tracker();
-            trackerStore.set(editorView, tracker);
-          }
-          return {};
-        }
-      });
-      return [{
-        name: 'viewUpdateSubscription',
-        plugin: createPlugin
-      }];
-    },
-    onEditorViewStateUpdated(props) {
-      lastUpdateRef.current = props;
-      lastUpdateRef.transactions.push(...props.transactions);
-      if (!lastUpdateRef.queued) {
-        lastUpdateRef.initial = props;
-        lastUpdateRef.queued = true;
-        queueMicrotask(() => {
-          if (!lastUpdateRef.current || !lastUpdateRef.initial) {
-            return;
-          }
-          if (tracker) {
-            var _lastUpdateRef$initia;
-            tracker.update({
-              newEditorState: lastUpdateRef.current.newEditorState,
-              oldEditorState: (_lastUpdateRef$initia = lastUpdateRef.initial) === null || _lastUpdateRef$initia === void 0 ? void 0 : _lastUpdateRef$initia.oldEditorState,
-              transactions: lastUpdateRef.transactions
-            });
-          }
-          lastUpdateRef.queued = false;
-          lastUpdateRef.current = null;
-          lastUpdateRef.transactions = [];
-        });
-      }
-    }
-  };
-};
-export default createViewUpdateSubscriptionPlugin;

package/dist/es2019/plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates.js

@@ -1,106 +0,0 @@
-import { areSameItems } from '@atlaskit/editor-common/floating-toolbar';
-import { trackerStore } from '..';
-const areToolbarsSame = (left, right) => {
-  if (!left && !right) {
-    return true;
-  }
-  if (left && !right || !left && right) {
-    return false;
-  }
-  const leftConfig = left.config;
-  const rightConfig = right.config;
-  if (!leftConfig && !rightConfig) {
-    return true;
-  }
-  if (!leftConfig && rightConfig || leftConfig && !rightConfig) {
-    return false;
-  }
-  const leftItems = Array.isArray(leftConfig.items) ? leftConfig.items : leftConfig.items(left.node);
-  const rightItems = Array.isArray(rightConfig.items) ? rightConfig.items : rightConfig.items(right.node);
-  return areSameItems(leftItems, rightItems);
-};
-export const subscribeToToolbarAndPickerUpdates = (editorView, cb) => {
-  let lastUpdatedState = null;
-  const subscription = ({
-    newEditorState
-  }) => {
-    // Creating fake plugin keys for these plugins for the mean time until all these plugins are extracted.
-    const typeAheadPluginKey = {
-      key: 'typeAheadPlugin$',
-      getState: state => {
-        return state['typeAheadPlugin$'];
-      }
-    };
-    const datePluginKey = {
-      key: 'datePlugin$',
-      getState: state => {
-        return state['datePlugin$'];
-      }
-    };
-    const statusPluginKey = {
-      key: 'statusPlugin$',
-      getState: state => {
-        return state['statusPlugin$'];
-      }
-    };
-    const floatingToolbarPluginKey = {
-      key: 'floatingToolbarPluginKey$',
-      getState: state => {
-        return state['floatingToolbarPluginKey$'];
-      }
-    };
-    const isTypeAheadOpen = editorState => {
-      var _typeAheadState$decor;
-      const typeAheadState = typeAheadPluginKey.getState(newEditorState);
-      return !!((_typeAheadState$decor = typeAheadState.decorationSet) !== null && _typeAheadState$decor !== void 0 && _typeAheadState$decor.find().length);
-    };
-    // TypeAhead has priority in the mobile-bridge
-    // In case it is open we don't need to send
-    // any toolbar updates don't need to be send
-    if (isTypeAheadOpen(newEditorState)) {
-      return;
-    }
-    const dateState = datePluginKey.getState(newEditorState);
-    const statusState = statusPluginKey.getState(newEditorState);
-    const {
-      getConfigWithNodeInfo
-    } = floatingToolbarPluginKey.getState(newEditorState);
-    const toolbarConfig = getConfigWithNodeInfo(newEditorState);
-    let shouldCallback = false;
-    if (lastUpdatedState) {
-      const oldDateState = datePluginKey.getState(lastUpdatedState);
-      const oldStatusState = statusPluginKey.getState(lastUpdatedState);
-      const {
-        getConfigWithNodeInfo: getOldConfigWithNodeInfo
-      } = floatingToolbarPluginKey.getState(lastUpdatedState);
-      const oldToolbarConfig = getOldConfigWithNodeInfo(lastUpdatedState);
-      const isToolbarEqual = areToolbarsSame(toolbarConfig, oldToolbarConfig);
-      if (dateState !== oldDateState || statusState !== oldStatusState ||
-      // Sometimes the toolbar changes while a picker is open, we dont care about this
-      // EG A nested status or date node in a table
-      !isToolbarEqual && !(statusState !== null && statusState !== void 0 && statusState.showStatusPickerAt) && !(dateState !== null && dateState !== void 0 && dateState.showDatePickerAt)) {
-        shouldCallback = true;
-      }
-    } else {
-      shouldCallback = true;
-    }
-    if (shouldCallback) {
-      cb({
-        dateState,
-        statusState,
-        toolbarConfig
-      });
-    }
-    lastUpdatedState = newEditorState;
-  };
-  const tracker = trackerStore.get(editorView);
-  if (tracker) {
-    tracker.add(subscription);
-  }
-  return () => {
-    const tracker = trackerStore.get(editorView);
-    if (tracker) {
-      tracker.remove(subscription);
-    }
-  };
-};

package/dist/es2019/ui/Alignment/AlignmentButton/index.js

@@ -1,44 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import { PureComponent } from 'react';
-import ToolbarButton from '../../ToolbarButton';
-import { ToolTipContent, tooltip } from '../../../keymaps';
-import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
-class AlignmentButton extends PureComponent {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "onClick", e => {
-      const {
-        onClick,
-        value
-      } = this.props;
-
-      // detect if the click event comes from keyboard where screenX and screenY are 0
-      const isMouseEvent = e instanceof MouseEvent;
-      e.preventDefault();
-      onClick(value, isMouseEvent);
-    });
-  }
-  render() {
-    const {
-      label,
-      isSelected,
-      content,
-      shortcut
-    } = this.props;
-    return /*#__PURE__*/React.createElement(ToolbarButton, {
-      disabled: false,
-      selected: isSelected,
-      title: /*#__PURE__*/React.createElement(ToolTipContent, {
-        description: label,
-        keymap: shortcut
-      }),
-      "aria-label": shortcut ? tooltip(shortcut, label) : label,
-      "aria-pressed": isSelected,
-      "aria-keyshortcuts": getAriaKeyshortcuts(shortcut),
-      onClick: this.onClick,
-      iconBefore: content
-    });
-  }
-}
-export default AlignmentButton;