@atlaskit/editor-core 190.1.5 → 190.1.7

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

@@ -1,90 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.trackerStore = exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var trackerStore = exports.trackerStore = new WeakMap();
-var Tracker = /*#__PURE__*/(0, _createClass2.default)(function Tracker() {
-  var _this = this;
-  (0, _classCallCheck2.default)(this, Tracker);
-  (0, _defineProperty2.default)(this, "update", function (props) {
-    _this.subscriptions.forEach(function (cb) {
-      return cb(props);
-    });
-  });
-  (0, _defineProperty2.default)(this, "add", function (subscription) {
-    _this.subscriptions.push(subscription);
-  });
-  (0, _defineProperty2.default)(this, "remove", function (subscription) {
-    _this.subscriptions = _this.subscriptions.filter(function (s) {
-      return s !== subscription;
-    });
-  });
-  this.subscriptions = [];
-});
-var pluginKey = new _state.PluginKey('viewUpdateSubscriptionKey');
-var createViewUpdateSubscriptionPlugin = function createViewUpdateSubscriptionPlugin() {
-  var tracker;
-  var lastUpdateRef = {
-    current: null,
-    initial: null,
-    transactions: [],
-    queued: false
-  };
-  return {
-    name: 'viewUpdateSubscription',
-    pmPlugins: function pmPlugins() {
-      var createPlugin = function createPlugin() {
-        return new _safePlugin.SafePlugin({
-          key: pluginKey,
-          view: function view(editorView) {
-            tracker = trackerStore.get(editorView);
-            if (!tracker) {
-              tracker = new Tracker();
-              trackerStore.set(editorView, tracker);
-            }
-            return {};
-          }
-        });
-      };
-      return [{
-        name: 'viewUpdateSubscription',
-        plugin: createPlugin
-      }];
-    },
-    onEditorViewStateUpdated: function onEditorViewStateUpdated(props) {
-      var _lastUpdateRef$transa;
-      lastUpdateRef.current = props;
-      (_lastUpdateRef$transa = lastUpdateRef.transactions).push.apply(_lastUpdateRef$transa, (0, _toConsumableArray2.default)(props.transactions));
-      if (!lastUpdateRef.queued) {
-        lastUpdateRef.initial = props;
-        lastUpdateRef.queued = true;
-        queueMicrotask(function () {
-          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 = [];
-        });
-      }
-    }
-  };
-};
-var _default = exports.default = createViewUpdateSubscriptionPlugin;

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

@@ -1,109 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.subscribeToToolbarAndPickerUpdates = void 0;
-var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
-var _ = require("..");
-var areToolbarsSame = function areToolbarsSame(left, right) {
-  if (!left && !right) {
-    return true;
-  }
-  if (left && !right || !left && right) {
-    return false;
-  }
-  var leftConfig = left.config;
-  var rightConfig = right.config;
-  if (!leftConfig && !rightConfig) {
-    return true;
-  }
-  if (!leftConfig && rightConfig || leftConfig && !rightConfig) {
-    return false;
-  }
-  var leftItems = Array.isArray(leftConfig.items) ? leftConfig.items : leftConfig.items(left.node);
-  var rightItems = Array.isArray(rightConfig.items) ? rightConfig.items : rightConfig.items(right.node);
-  return (0, _floatingToolbar.areSameItems)(leftItems, rightItems);
-};
-var subscribeToToolbarAndPickerUpdates = exports.subscribeToToolbarAndPickerUpdates = function subscribeToToolbarAndPickerUpdates(editorView, cb) {
-  var lastUpdatedState = null;
-  var subscription = function subscription(_ref) {
-    var newEditorState = _ref.newEditorState;
-    // Creating fake plugin keys for these plugins for the mean time until all these plugins are extracted.
-    var typeAheadPluginKey = {
-      key: 'typeAheadPlugin$',
-      getState: function getState(state) {
-        return state['typeAheadPlugin$'];
-      }
-    };
-    var datePluginKey = {
-      key: 'datePlugin$',
-      getState: function getState(state) {
-        return state['datePlugin$'];
-      }
-    };
-    var statusPluginKey = {
-      key: 'statusPlugin$',
-      getState: function getState(state) {
-        return state['statusPlugin$'];
-      }
-    };
-    var floatingToolbarPluginKey = {
-      key: 'floatingToolbarPluginKey$',
-      getState: function getState(state) {
-        return state['floatingToolbarPluginKey$'];
-      }
-    };
-    var isTypeAheadOpen = function isTypeAheadOpen(editorState) {
-      var _typeAheadState$decor;
-      var 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;
-    }
-    var dateState = datePluginKey.getState(newEditorState);
-    var statusState = statusPluginKey.getState(newEditorState);
-    var _ref2 = floatingToolbarPluginKey.getState(newEditorState),
-      getConfigWithNodeInfo = _ref2.getConfigWithNodeInfo;
-    var toolbarConfig = getConfigWithNodeInfo(newEditorState);
-    var shouldCallback = false;
-    if (lastUpdatedState) {
-      var oldDateState = datePluginKey.getState(lastUpdatedState);
-      var oldStatusState = statusPluginKey.getState(lastUpdatedState);
-      var _ref3 = floatingToolbarPluginKey.getState(lastUpdatedState),
-        getOldConfigWithNodeInfo = _ref3.getConfigWithNodeInfo;
-      var oldToolbarConfig = getOldConfigWithNodeInfo(lastUpdatedState);
-      var 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: dateState,
-        statusState: statusState,
-        toolbarConfig: toolbarConfig
-      });
-    }
-    lastUpdatedState = newEditorState;
-  };
-  var tracker = _.trackerStore.get(editorView);
-  if (tracker) {
-    tracker.add(subscription);
-  }
-  return function () {
-    var tracker = _.trackerStore.get(editorView);
-    if (tracker) {
-      tracker.remove(subscription);
-    }
-  };
-};

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/esm/plugins/mobile-dimensions/actions.js

@@ -1,6 +0,0 @@
-export var 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/esm/plugins/mobile-dimensions/commands.js

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