@atlaskit/editor-core 183.1.1 → 184.0.0

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

@@ -1,168 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { withTheme } from '@emotion/react';
-import { PluginKey } from 'prosemirror-state';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { breakoutWideScaleRatio, akEditorFullPageMaxWidth, akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export const GRID_SIZE = 12;
-const key = new PluginKey('gridPlugin');
-const createDisplayGrid = view => props => {
-  const {
-    dispatch,
-    state
-  } = view;
-  const tr = state.tr.setMeta(key, props);
-  dispatch(tr);
-  return true;
-};
-export const gridTypeForLayout = layout => layout === 'wrap-left' || layout === 'wrap-right' ? 'wrapped' : 'full';
-const sides = ['left', 'right'];
-const overflowHighlight = (highlights, side, start, size) => {
-  if (!highlights.length) {
-    return false;
-  }
-  const minHighlight = highlights.reduce((prev, cur) => Math.min(prev, cur));
-  const maxHighlight = highlights.reduce((prev, cur) => Math.max(prev, cur));
-  if (side === 'left') {
-    return minHighlight < 0 && minHighlight <= -start && (typeof size === 'number' ? minHighlight >= -(start + size) : true);
-  } else {
-    return maxHighlight > GRID_SIZE && maxHighlight >= GRID_SIZE + start && (typeof size === 'number' ? maxHighlight <= GRID_SIZE + size : true);
-  }
-};
-const gutterGridLines = (editorMaxWidth, editorWidth, highlights, shouldCalcBreakoutGridLines) => {
-  const gridLines = [];
-  if (!shouldCalcBreakoutGridLines) {
-    return gridLines;
-  }
-  const wideSpacing = (editorMaxWidth * breakoutWideScaleRatio - editorMaxWidth) / 2;
-  sides.forEach(side => {
-    gridLines.push( /*#__PURE__*/React.createElement("div", {
-      key: side,
-      className: classnames('gridLine', overflowHighlight(highlights, side, 0, 4) ? 'highlight' : ''),
-      style: {
-        position: 'absolute',
-        [side]: `-${wideSpacing}px`
-      }
-    }));
-    gridLines.push( /*#__PURE__*/React.createElement("div", {
-      key: side + '-bk',
-      className: classnames('gridLine', highlights.indexOf('full-width') > -1 ? 'highlight' : ''),
-      style: {
-        position: 'absolute',
-        [side]: `-${(editorWidth - editorMaxWidth - akEditorBreakoutPadding) / 2}px`
-      }
-    }));
-  });
-  return gridLines;
-};
-const lineLengthGridLines = highlights => {
-  const gridLines = [];
-  const gridSpacing = 100 / GRID_SIZE;
-  for (let i = 0; i <= GRID_SIZE; i++) {
-    const style = {
-      paddingLeft: `${gridSpacing}%`
-    };
-    gridLines.push( /*#__PURE__*/React.createElement("div", {
-      key: i,
-      className: classnames('gridLine', highlights.indexOf(i) > -1 ? 'highlight' : ''),
-      style: i < GRID_SIZE ? style : undefined
-    }));
-  }
-  return gridLines;
-};
-class Grid extends React.Component {
-  render() {
-    const {
-      highlight,
-      shouldCalcBreakoutGridLines,
-      theme,
-      containerElement,
-      editorWidth,
-      gridType,
-      visible
-    } = this.props;
-    const editorMaxWidth = theme.layoutMaxWidth;
-    let gridLines = [...lineLengthGridLines(highlight), ...gutterGridLines(editorMaxWidth, editorWidth, highlight, shouldCalcBreakoutGridLines)];
-    return /*#__PURE__*/React.createElement("div", {
-      className: "gridParent"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classnames('gridContainer', gridType),
-      style: {
-        height: `${containerElement.scrollHeight}px`,
-        display: visible ? 'block' : 'none'
-      }
-    }, gridLines));
-  }
-}
-const ThemedGrid = withTheme(Grid);
-const ContentComponent = ({
-  api,
-  editorView,
-  options
-}) => {
-  var _widthState$width, _gridState$gridType;
-  const {
-    widthState,
-    gridState
-  } = useSharedPluginState(api, ['width', 'grid']);
-  if (!gridState) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ThemedGrid, {
-    shouldCalcBreakoutGridLines: options && options.shouldCalcBreakoutGridLines,
-    editorWidth: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : akEditorFullPageMaxWidth,
-    containerElement: editorView.dom,
-    visible: gridState.visible,
-    gridType: (_gridState$gridType = gridState.gridType) !== null && _gridState$gridType !== void 0 ? _gridState$gridType : 'full',
-    highlight: gridState.highlight
-  });
-};
-const EMPTY_STATE = {
-  visible: false,
-  highlight: []
-};
-const gridPMPlugin = new SafePlugin({
-  key,
-  state: {
-    init() {
-      return EMPTY_STATE;
-    },
-    apply(tr, currentPluginState) {
-      const nextPluginState = tr.getMeta(key);
-      if (nextPluginState) {
-        return nextPluginState;
-      }
-      return currentPluginState;
-    }
-  }
-});
-const gridPlugin = (options, api) => {
-  return {
-    name: 'grid',
-    getSharedState(editorState) {
-      if (!editorState) {
-        return null;
-      }
-      return key.getState(editorState);
-    },
-    actions: {
-      displayGrid: createDisplayGrid
-    },
-    pmPlugins() {
-      return [{
-        name: 'grid',
-        plugin: () => gridPMPlugin
-      }];
-    },
-    contentComponent: ({
-      editorView
-    }) => /*#__PURE__*/React.createElement(ContentComponent, {
-      editorView: editorView,
-      options: options,
-      api: api
-    })
-  };
-};
-export default gridPlugin;
-export { GRID_GUTTER } from './styles';

package/dist/es2019/plugins/grid/styles.js

@@ -1,36 +0,0 @@
-import { css } from '@emotion/react';
-import { N30A, B200 } from '@atlaskit/theme/colors';
-import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
-export const GRID_GUTTER = 12;
-export const gridStyles = css`
-  .gridParent {
-    width: calc(100% + ${GRID_GUTTER * 2}px);
-    margin-left: -${GRID_GUTTER}px;
-    margin-right: -${GRID_GUTTER}px;
-    transform: scale(1);
-    z-index: ${akEditorGridLineZIndex};
-  }
-
-  .gridContainer {
-    position: fixed;
-    height: 100vh;
-    width: 100%;
-    pointer-events: none;
-  }
-
-  // TODO: https://product-fabric.atlassian.net/browse/DSP-4352
-  .gridLine {
-    border-left: 1px solid ${`var(--ds-border, ${N30A})`};
-    display: inline-block;
-    box-sizing: border-box;
-    height: 100%;
-    margin-left: -1px;
-
-    transition: border-color 0.15s linear;
-    z-index: 0;
-  }
-
-  .highlight {
-    border-left: 1px solid ${`var(--ds-border-focused, ${B200})`};
-  }
-`;

package/dist/es2019/plugins/grid/types.js

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

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

@@ -1,72 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from 'prosemirror-state';
-/**
- * @private
- * @deprecated
- *
- * Do not use this plugin key directly. Please use the `sharedState` of this plugin instead.
- */
-export const pluginKey = new PluginKey('widthPlugin');
-export function createPlugin(dispatch) {
-  return new SafePlugin({
-    key: pluginKey,
-    state: {
-      init: () => ({
-        width: document.body.offsetWidth,
-        containerWidth: document.body.offsetWidth
-      }),
-      apply(tr, pluginState) {
-        const meta = tr.getMeta(pluginKey);
-        if (!meta) {
-          return pluginState;
-        }
-        const newPluginState = {
-          ...pluginState,
-          ...meta
-        };
-        if (newPluginState && (pluginState.width !== newPluginState.width || pluginState.lineLength !== newPluginState.lineLength) || pluginState.containerWidth !== newPluginState.containerWidth) {
-          dispatch(pluginKey, newPluginState);
-          return newPluginState;
-        }
-        return pluginState;
-      }
-    }
-  });
-}
-const widthPlugin = () => ({
-  name: 'width',
-  pmPlugins: () => [{
-    name: 'width',
-    plugin: ({
-      dispatch
-    }) => createPlugin(dispatch)
-  }],
-  getSharedState: editorState => {
-    if (!editorState) {
-      return undefined;
-    }
-    return pluginKey.getState(editorState);
-  },
-  // do this early here, otherwise we have to wait for WidthEmitter to debounce
-  // which causes anything dependent on lineLength to jump around
-  contentComponent({
-    editorView,
-    containerElement
-  }) {
-    const newState = {
-      lineLength: editorView.dom.clientWidth
-    };
-    if (containerElement) {
-      var _containerElement$par;
-      newState.width = containerElement.offsetWidth;
-
-      // wrapper width is used by context panel to determine whether there is
-      // enough space to open without overlapping the editor
-      newState.containerWidth = (_containerElement$par = containerElement.parentElement) === null || _containerElement$par === void 0 ? void 0 : _containerElement$par.offsetWidth;
-    }
-    const tr = editorView.state.tr.setMeta(pluginKey, newState);
-    editorView.dispatch(tr);
-    return null;
-  }
-});
-export default widthPlugin;

package/dist/es2019/ui/ContextPanel/context.js

@@ -1,65 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-
-// React context to communicate the active context panel width up and down the tree.
-//
-// We need the width prop from the ContextPanel component.
-//
-// However, the actual <ContextPanel /> component might be deeply nested inside the contextPanel.
-// For example, in the template context panel storybook, we wrap it in 2 higher order components.
-//
-// Changing the max-width on the main editor container happens above where the <ContextPanel /> gets rendered.
-//
-// To subtract the context panel width from the available real estate, we use the Provider and Consumer.
-//
-// positionedOverEditor is used to determine whether the context panel is positioned over the Editor so we are
-// able to position and add margins to handle certain elements like inline comment dialogues overlapping the context
-// panel
-export const ContextPanel = /*#__PURE__*/React.createContext({
-  width: 0,
-  positionedOverEditor: false,
-  broadcastWidth: () => {},
-  broadcastPosition: () => {}
-});
-export class ContextPanelWidthProvider extends React.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "state", {
-      width: 0,
-      positionedOverEditor: false
-    });
-    _defineProperty(this, "broadcastSidebarWidth", width => {
-      if (width !== this.state.width) {
-        this.setState({
-          width
-        });
-      }
-    });
-    _defineProperty(this, "broadcastPosition", positionedOverEditor => {
-      if (positionedOverEditor !== this.state.positionedOverEditor) {
-        this.setState({
-          positionedOverEditor
-        });
-      }
-    });
-  }
-  render() {
-    const {
-      width,
-      positionedOverEditor
-    } = this.state;
-    return /*#__PURE__*/React.createElement(Provider, {
-      value: {
-        width,
-        positionedOverEditor,
-        broadcastWidth: this.broadcastSidebarWidth,
-        broadcastPosition: this.broadcastPosition
-      }
-    }, this.props.children);
-  }
-}
-const {
-  Provider,
-  Consumer
-} = ContextPanel;
-export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

package/dist/esm/plugins/collab-edit/provider/index.js

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

package/dist/esm/plugins/collab-edit/provider/types.js

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

package/dist/esm/plugins/grid/index.js

@@ -1,191 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import React from 'react';
-import classnames from 'classnames';
-import { withTheme } from '@emotion/react';
-import { PluginKey } from 'prosemirror-state';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { breakoutWideScaleRatio, akEditorFullPageMaxWidth, akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export var GRID_SIZE = 12;
-var key = new PluginKey('gridPlugin');
-var createDisplayGrid = function createDisplayGrid(view) {
-  return function (props) {
-    var dispatch = view.dispatch,
-      state = view.state;
-    var tr = state.tr.setMeta(key, props);
-    dispatch(tr);
-    return true;
-  };
-};
-export var gridTypeForLayout = function gridTypeForLayout(layout) {
-  return layout === 'wrap-left' || layout === 'wrap-right' ? 'wrapped' : 'full';
-};
-var sides = ['left', 'right'];
-var overflowHighlight = function overflowHighlight(highlights, side, start, size) {
-  if (!highlights.length) {
-    return false;
-  }
-  var minHighlight = highlights.reduce(function (prev, cur) {
-    return Math.min(prev, cur);
-  });
-  var maxHighlight = highlights.reduce(function (prev, cur) {
-    return Math.max(prev, cur);
-  });
-  if (side === 'left') {
-    return minHighlight < 0 && minHighlight <= -start && (typeof size === 'number' ? minHighlight >= -(start + size) : true);
-  } else {
-    return maxHighlight > GRID_SIZE && maxHighlight >= GRID_SIZE + start && (typeof size === 'number' ? maxHighlight <= GRID_SIZE + size : true);
-  }
-};
-var gutterGridLines = function gutterGridLines(editorMaxWidth, editorWidth, highlights, shouldCalcBreakoutGridLines) {
-  var gridLines = [];
-  if (!shouldCalcBreakoutGridLines) {
-    return gridLines;
-  }
-  var wideSpacing = (editorMaxWidth * breakoutWideScaleRatio - editorMaxWidth) / 2;
-  sides.forEach(function (side) {
-    gridLines.push( /*#__PURE__*/React.createElement("div", {
-      key: side,
-      className: classnames('gridLine', overflowHighlight(highlights, side, 0, 4) ? 'highlight' : ''),
-      style: _defineProperty({
-        position: 'absolute'
-      }, side, "-".concat(wideSpacing, "px"))
-    }));
-    gridLines.push( /*#__PURE__*/React.createElement("div", {
-      key: side + '-bk',
-      className: classnames('gridLine', highlights.indexOf('full-width') > -1 ? 'highlight' : ''),
-      style: _defineProperty({
-        position: 'absolute'
-      }, side, "-".concat((editorWidth - editorMaxWidth - akEditorBreakoutPadding) / 2, "px"))
-    }));
-  });
-  return gridLines;
-};
-var lineLengthGridLines = function lineLengthGridLines(highlights) {
-  var gridLines = [];
-  var gridSpacing = 100 / GRID_SIZE;
-  for (var i = 0; i <= GRID_SIZE; i++) {
-    var style = {
-      paddingLeft: "".concat(gridSpacing, "%")
-    };
-    gridLines.push( /*#__PURE__*/React.createElement("div", {
-      key: i,
-      className: classnames('gridLine', highlights.indexOf(i) > -1 ? 'highlight' : ''),
-      style: i < GRID_SIZE ? style : undefined
-    }));
-  }
-  return gridLines;
-};
-var Grid = /*#__PURE__*/function (_React$Component) {
-  _inherits(Grid, _React$Component);
-  var _super = _createSuper(Grid);
-  function Grid() {
-    _classCallCheck(this, Grid);
-    return _super.apply(this, arguments);
-  }
-  _createClass(Grid, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        highlight = _this$props.highlight,
-        shouldCalcBreakoutGridLines = _this$props.shouldCalcBreakoutGridLines,
-        theme = _this$props.theme,
-        containerElement = _this$props.containerElement,
-        editorWidth = _this$props.editorWidth,
-        gridType = _this$props.gridType,
-        visible = _this$props.visible;
-      var editorMaxWidth = theme.layoutMaxWidth;
-      var gridLines = [].concat(_toConsumableArray(lineLengthGridLines(highlight)), _toConsumableArray(gutterGridLines(editorMaxWidth, editorWidth, highlight, shouldCalcBreakoutGridLines)));
-      return /*#__PURE__*/React.createElement("div", {
-        className: "gridParent"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: classnames('gridContainer', gridType),
-        style: {
-          height: "".concat(containerElement.scrollHeight, "px"),
-          display: visible ? 'block' : 'none'
-        }
-      }, gridLines));
-    }
-  }]);
-  return Grid;
-}(React.Component);
-var ThemedGrid = withTheme(Grid);
-var ContentComponent = function ContentComponent(_ref3) {
-  var _widthState$width, _gridState$gridType;
-  var api = _ref3.api,
-    editorView = _ref3.editorView,
-    options = _ref3.options;
-  var _useSharedPluginState = useSharedPluginState(api, ['width', 'grid']),
-    widthState = _useSharedPluginState.widthState,
-    gridState = _useSharedPluginState.gridState;
-  if (!gridState) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ThemedGrid, {
-    shouldCalcBreakoutGridLines: options && options.shouldCalcBreakoutGridLines,
-    editorWidth: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : akEditorFullPageMaxWidth,
-    containerElement: editorView.dom,
-    visible: gridState.visible,
-    gridType: (_gridState$gridType = gridState.gridType) !== null && _gridState$gridType !== void 0 ? _gridState$gridType : 'full',
-    highlight: gridState.highlight
-  });
-};
-var EMPTY_STATE = {
-  visible: false,
-  highlight: []
-};
-var gridPMPlugin = new SafePlugin({
-  key: key,
-  state: {
-    init: function init() {
-      return EMPTY_STATE;
-    },
-    apply: function apply(tr, currentPluginState) {
-      var nextPluginState = tr.getMeta(key);
-      if (nextPluginState) {
-        return nextPluginState;
-      }
-      return currentPluginState;
-    }
-  }
-});
-var gridPlugin = function gridPlugin(options, api) {
-  return {
-    name: 'grid',
-    getSharedState: function getSharedState(editorState) {
-      if (!editorState) {
-        return null;
-      }
-      return key.getState(editorState);
-    },
-    actions: {
-      displayGrid: createDisplayGrid
-    },
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'grid',
-        plugin: function plugin() {
-          return gridPMPlugin;
-        }
-      }];
-    },
-    contentComponent: function contentComponent(_ref4) {
-      var editorView = _ref4.editorView;
-      return /*#__PURE__*/React.createElement(ContentComponent, {
-        editorView: editorView,
-        options: options,
-        api: api
-      });
-    }
-  };
-};
-export default gridPlugin;
-export { GRID_GUTTER } from './styles';

package/dist/esm/plugins/grid/styles.js

@@ -1,7 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import { css } from '@emotion/react';
-import { N30A, B200 } from '@atlaskit/theme/colors';
-import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
-export var GRID_GUTTER = 12;
-export var gridStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .gridParent {\n    width: calc(100% + ", "px);\n    margin-left: -", "px;\n    margin-right: -", "px;\n    transform: scale(1);\n    z-index: ", ";\n  }\n\n  .gridContainer {\n    position: fixed;\n    height: 100vh;\n    width: 100%;\n    pointer-events: none;\n  }\n\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4352\n  .gridLine {\n    border-left: 1px solid ", ";\n    display: inline-block;\n    box-sizing: border-box;\n    height: 100%;\n    margin-left: -1px;\n\n    transition: border-color 0.15s linear;\n    z-index: 0;\n  }\n\n  .highlight {\n    border-left: 1px solid ", ";\n  }\n"])), GRID_GUTTER * 2, GRID_GUTTER, GRID_GUTTER, akEditorGridLineZIndex, "var(--ds-border, ".concat(N30A, ")"), "var(--ds-border-focused, ".concat(B200, ")"));

package/dist/esm/plugins/grid/types.js

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

package/dist/esm/plugins/width/index.js

@@ -1,78 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from 'prosemirror-state';
-/**
- * @private
- * @deprecated
- *
- * Do not use this plugin key directly. Please use the `sharedState` of this plugin instead.
- */
-export var pluginKey = new PluginKey('widthPlugin');
-export function createPlugin(dispatch) {
-  return new SafePlugin({
-    key: pluginKey,
-    state: {
-      init: function init() {
-        return {
-          width: document.body.offsetWidth,
-          containerWidth: document.body.offsetWidth
-        };
-      },
-      apply: function apply(tr, pluginState) {
-        var meta = tr.getMeta(pluginKey);
-        if (!meta) {
-          return pluginState;
-        }
-        var newPluginState = _objectSpread(_objectSpread({}, pluginState), meta);
-        if (newPluginState && (pluginState.width !== newPluginState.width || pluginState.lineLength !== newPluginState.lineLength) || pluginState.containerWidth !== newPluginState.containerWidth) {
-          dispatch(pluginKey, newPluginState);
-          return newPluginState;
-        }
-        return pluginState;
-      }
-    }
-  });
-}
-var widthPlugin = function widthPlugin() {
-  return {
-    name: 'width',
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'width',
-        plugin: function plugin(_ref) {
-          var dispatch = _ref.dispatch;
-          return createPlugin(dispatch);
-        }
-      }];
-    },
-    getSharedState: function getSharedState(editorState) {
-      if (!editorState) {
-        return undefined;
-      }
-      return pluginKey.getState(editorState);
-    },
-    // do this early here, otherwise we have to wait for WidthEmitter to debounce
-    // which causes anything dependent on lineLength to jump around
-    contentComponent: function contentComponent(_ref2) {
-      var editorView = _ref2.editorView,
-        containerElement = _ref2.containerElement;
-      var newState = {
-        lineLength: editorView.dom.clientWidth
-      };
-      if (containerElement) {
-        var _containerElement$par;
-        newState.width = containerElement.offsetWidth;
-
-        // wrapper width is used by context panel to determine whether there is
-        // enough space to open without overlapping the editor
-        newState.containerWidth = (_containerElement$par = containerElement.parentElement) === null || _containerElement$par === void 0 ? void 0 : _containerElement$par.offsetWidth;
-      }
-      var tr = editorView.state.tr.setMeta(pluginKey, newState);
-      editorView.dispatch(tr);
-      return null;
-    }
-  };
-};
-export default widthPlugin;