@atlaskit/editor-core 183.1.6 → 184.0.4

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

@@ -1,207 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "GRID_GUTTER", {
-  enumerable: true,
-  get: function get() {
-    return _styles.GRID_GUTTER;
-  }
-});
-exports.gridTypeForLayout = exports.default = exports.GRID_SIZE = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@emotion/react");
-var _prosemirrorState = require("prosemirror-state");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _styles = require("./styles");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var GRID_SIZE = 12;
-exports.GRID_SIZE = GRID_SIZE;
-var key = new _prosemirrorState.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;
-  };
-};
-var gridTypeForLayout = function gridTypeForLayout(layout) {
-  return layout === 'wrap-left' || layout === 'wrap-right' ? 'wrapped' : 'full';
-};
-exports.gridTypeForLayout = gridTypeForLayout;
-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 * _editorSharedStyles.breakoutWideScaleRatio - editorMaxWidth) / 2;
-  sides.forEach(function (side) {
-    gridLines.push( /*#__PURE__*/_react.default.createElement("div", {
-      key: side,
-      className: (0, _classnames.default)('gridLine', overflowHighlight(highlights, side, 0, 4) ? 'highlight' : ''),
-      style: (0, _defineProperty2.default)({
-        position: 'absolute'
-      }, side, "-".concat(wideSpacing, "px"))
-    }));
-    gridLines.push( /*#__PURE__*/_react.default.createElement("div", {
-      key: side + '-bk',
-      className: (0, _classnames.default)('gridLine', highlights.indexOf('full-width') > -1 ? 'highlight' : ''),
-      style: (0, _defineProperty2.default)({
-        position: 'absolute'
-      }, side, "-".concat((editorWidth - editorMaxWidth - _editorSharedStyles.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.default.createElement("div", {
-      key: i,
-      className: (0, _classnames.default)('gridLine', highlights.indexOf(i) > -1 ? 'highlight' : ''),
-      style: i < GRID_SIZE ? style : undefined
-    }));
-  }
-  return gridLines;
-};
-var Grid = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Grid, _React$Component);
-  var _super = _createSuper(Grid);
-  function Grid() {
-    (0, _classCallCheck2.default)(this, Grid);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(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((0, _toConsumableArray2.default)(lineLengthGridLines(highlight)), (0, _toConsumableArray2.default)(gutterGridLines(editorMaxWidth, editorWidth, highlight, shouldCalcBreakoutGridLines)));
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "gridParent"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)('gridContainer', gridType),
-        style: {
-          height: "".concat(containerElement.scrollHeight, "px"),
-          display: visible ? 'block' : 'none'
-        }
-      }, gridLines));
-    }
-  }]);
-  return Grid;
-}(_react.default.Component);
-var ThemedGrid = (0, _react2.withTheme)(Grid);
-var ContentComponent = function ContentComponent(_ref3) {
-  var _widthState$width, _gridState$gridType;
-  var api = _ref3.api,
-    editorView = _ref3.editorView,
-    options = _ref3.options;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['width', 'grid']),
-    widthState = _useSharedPluginState.widthState,
-    gridState = _useSharedPluginState.gridState;
-  if (!gridState) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.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 : _editorSharedStyles.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.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.default.createElement(ContentComponent, {
-        editorView: editorView,
-        options: options,
-        api: api
-      });
-    }
-  };
-};
-var _default = gridPlugin;
-exports.default = _default;

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

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gridStyles = exports.GRID_GUTTER = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _templateObject;
-var GRID_GUTTER = 12;
-exports.GRID_GUTTER = GRID_GUTTER;
-var gridStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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, _editorSharedStyles.akEditorGridLineZIndex, "var(--ds-border, ".concat(_colors.N30A, ")"), "var(--ds-border-focused, ".concat(_colors.B200, ")"));
-exports.gridStyles = gridStyles;

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1,88 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createPlugin = createPlugin;
-exports.pluginKey = exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _prosemirrorState = require("prosemirror-state");
-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) { (0, _defineProperty2.default)(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; }
-/**
- * @private
- * @deprecated
- *
- * Do not use this plugin key directly. Please use the `sharedState` of this plugin instead.
- */
-var pluginKey = new _prosemirrorState.PluginKey('widthPlugin');
-exports.pluginKey = pluginKey;
-function createPlugin(dispatch) {
-  return new _safePlugin.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;
-    }
-  };
-};
-var _default = widthPlugin;
-exports.default = _default;

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

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContextPanelWidthProvider = exports.ContextPanelProvider = exports.ContextPanelConsumer = exports.ContextPanel = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-// 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
-
-var ContextPanel = /*#__PURE__*/_react.default.createContext({
-  width: 0,
-  positionedOverEditor: false,
-  broadcastWidth: function broadcastWidth() {},
-  broadcastPosition: function broadcastPosition() {}
-});
-exports.ContextPanel = ContextPanel;
-var ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ContextPanelWidthProvider, _React$Component);
-  var _super = _createSuper(ContextPanelWidthProvider);
-  function ContextPanelWidthProvider(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, ContextPanelWidthProvider);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      width: 0,
-      positionedOverEditor: false
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "broadcastSidebarWidth", function (width) {
-      if (width !== _this.state.width) {
-        _this.setState({
-          width: width
-        });
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "broadcastPosition", function (positionedOverEditor) {
-      if (positionedOverEditor !== _this.state.positionedOverEditor) {
-        _this.setState({
-          positionedOverEditor: positionedOverEditor
-        });
-      }
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(ContextPanelWidthProvider, [{
-    key: "render",
-    value: function render() {
-      var _this$state = this.state,
-        width = _this$state.width,
-        positionedOverEditor = _this$state.positionedOverEditor;
-      return /*#__PURE__*/_react.default.createElement(Provider, {
-        value: {
-          width: width,
-          positionedOverEditor: positionedOverEditor,
-          broadcastWidth: this.broadcastSidebarWidth,
-          broadcastPosition: this.broadcastPosition
-        }
-      }, this.props.children);
-    }
-  }]);
-  return ContextPanelWidthProvider;
-}(_react.default.Component);
-exports.ContextPanelWidthProvider = ContextPanelWidthProvider;
-var Provider = ContextPanel.Provider,
-  Consumer = ContextPanel.Consumer;
-exports.ContextPanelConsumer = Consumer;
-exports.ContextPanelProvider = Provider;

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

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

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

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

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 {};