@atlaskit/editor-core 189.1.11 → 189.1.12

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

@@ -1,91 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.layoutPlugin = void 0;
-Object.defineProperty(exports, "pluginKey", {
-  enumerable: true,
-  get: function get() {
-    return _pluginKey.pluginKey;
-  }
-});
-var _react = _interopRequireDefault(require("react"));
-var _adfSchema = require("@atlaskit/adf-schema");
-var _main = _interopRequireDefault(require("./pm-plugins/main"));
-var _toolbar = require("./toolbar");
-var _actions = require("./actions");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _pluginKey = require("./pm-plugins/plugin-key");
-var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
-  var _api$analytics;
-  var _ref$config = _ref.config,
-    options = _ref$config === void 0 ? {} : _ref$config,
-    api = _ref.api;
-  return {
-    name: 'layout',
-    nodes: function nodes() {
-      return [{
-        name: 'layoutSection',
-        node: _adfSchema.layoutSection
-      }, {
-        name: 'layoutColumn',
-        node: _adfSchema.layoutColumn
-      }];
-    },
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'layout',
-        plugin: function plugin() {
-          return (0, _main.default)(options);
-        }
-      }];
-    },
-    actions: {
-      insertLayoutColumns: (0, _actions.insertLayoutColumnsWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)
-    },
-    pluginsOptions: {
-      floatingToolbar: function floatingToolbar(state, intl) {
-        var _ref2 = _pluginKey.pluginKey.getState(state),
-          pos = _ref2.pos,
-          allowBreakout = _ref2.allowBreakout,
-          addSidebarLayouts = _ref2.addSidebarLayouts,
-          allowSingleColumnLayout = _ref2.allowSingleColumnLayout;
-        if (pos !== null) {
-          return (0, _toolbar.buildToolbar)(state, intl, pos, allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api);
-        }
-        return undefined;
-      },
-      quickInsert: function quickInsert(_ref3) {
-        var formatMessage = _ref3.formatMessage;
-        return [{
-          id: 'layout',
-          title: formatMessage(_messages.toolbarInsertBlockMessages.columns),
-          description: formatMessage(_messages.toolbarInsertBlockMessages.columnsDescription),
-          keywords: ['column', 'section'],
-          priority: 1100,
-          icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconLayout, null);
-          },
-          action: function action(insert, state) {
-            var _api$analytics2;
-            var tr = insert((0, _actions.createDefaultLayoutSection)(state));
-            api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.attachAnalyticsEvent({
-              action: _analytics.ACTION.INSERTED,
-              actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-              actionSubjectId: _analytics.ACTION_SUBJECT_ID.LAYOUT,
-              attributes: {
-                inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
-              },
-              eventType: _analytics.EVENT_TYPE.TRACK
-            })(tr);
-            return tr;
-          }
-        }];
-      }
-    }
-  };
-};

package/dist/cjs/plugins/layout/pm-plugins/main.js

@@ -1,148 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DEFAULT_LAYOUT = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _view = require("@atlaskit/editor-prosemirror/view");
-var _keymap = require("@atlaskit/editor-prosemirror/keymap");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _utils2 = require("@atlaskit/editor-common/utils");
-var _selection = require("@atlaskit/editor-common/selection");
-var _actions = require("../actions");
-var _pluginKey = require("./plugin-key");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DEFAULT_LAYOUT = exports.DEFAULT_LAYOUT = 'two_equal';
-var isWholeSelectionInsideLayoutColumn = function isWholeSelectionInsideLayoutColumn(state) {
-  // Since findParentNodeOfType doesn't check if selection.to shares the parent, we do this check ourselves
-  var fromParent = (0, _utils.findParentNodeOfType)(state.schema.nodes.layoutColumn)(state.selection);
-  if (fromParent) {
-    var isToPosInsideSameLayoutColumn = state.selection.from < fromParent.pos + fromParent.node.nodeSize;
-    return isToPosInsideSameLayoutColumn;
-  }
-  return false;
-};
-var moveCursorToNextColumn = function moveCursorToNextColumn(state, dispatch) {
-  var selection = state.selection;
-  var _state$schema$nodes = state.schema.nodes,
-    layoutColumn = _state$schema$nodes.layoutColumn,
-    layoutSection = _state$schema$nodes.layoutSection;
-  var section = (0, _utils.findParentNodeOfType)(layoutSection)(selection);
-  var column = (0, _utils.findParentNodeOfType)(layoutColumn)(selection);
-  if (column.node !== section.node.lastChild) {
-    var $nextColumn = state.doc.resolve(column.pos + column.node.nodeSize);
-    var shiftedSelection = _state.TextSelection.findFrom($nextColumn, 1);
-    if (dispatch) {
-      dispatch(state.tr.setSelection(shiftedSelection));
-    }
-  }
-  return true;
-};
-
-// TODO: Look at memoize-one-ing this fn
-var getNodeDecoration = function getNodeDecoration(pos, node) {
-  return [_view.Decoration.node(pos, pos + node.nodeSize, {
-    class: 'selected'
-  })];
-};
-var getInitialPluginState = function getInitialPluginState(options, state) {
-  var maybeLayoutSection = (0, _utils.findParentNodeOfType)(state.schema.nodes.layoutSection)(state.selection);
-  var allowBreakout = options.allowBreakout || false;
-  var addSidebarLayouts = options.UNSAFE_addSidebarLayouts || false;
-  var allowSingleColumnLayout = options.UNSAFE_allowSingleColumnLayout || false;
-  var pos = maybeLayoutSection ? maybeLayoutSection.pos : null;
-  var selectedLayout = (0, _actions.getSelectedLayout)(maybeLayoutSection && maybeLayoutSection.node, DEFAULT_LAYOUT);
-  return {
-    pos: pos,
-    allowBreakout: allowBreakout,
-    addSidebarLayouts: addSidebarLayouts,
-    selectedLayout: selectedLayout,
-    allowSingleColumnLayout: allowSingleColumnLayout
-  };
-};
-var _default = exports.default = function _default(options) {
-  return new _safePlugin.SafePlugin({
-    key: _pluginKey.pluginKey,
-    state: {
-      init: function init(_, state) {
-        return getInitialPluginState(options, state);
-      },
-      apply: function apply(tr, pluginState, _oldState, newState) {
-        if (tr.docChanged || tr.selectionSet) {
-          var layoutSection = newState.schema.nodes.layoutSection,
-            selection = newState.selection;
-          var maybeLayoutSection = (0, _utils.findParentNodeOfType)(layoutSection)(selection) || (0, _utils.findSelectedNodeOfType)([layoutSection])(selection);
-          var newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
-            pos: maybeLayoutSection ? maybeLayoutSection.pos : null,
-            selectedLayout: (0, _actions.getSelectedLayout)(maybeLayoutSection && maybeLayoutSection.node, pluginState.selectedLayout)
-          });
-          return newPluginState;
-        }
-        return pluginState;
-      }
-    },
-    props: {
-      decorations: function decorations(state) {
-        var layoutState = _pluginKey.pluginKey.getState(state);
-        if (layoutState.pos !== null) {
-          return _view.DecorationSet.create(state.doc, getNodeDecoration(layoutState.pos, state.doc.nodeAt(layoutState.pos)));
-        }
-        return undefined;
-      },
-      handleKeyDown: (0, _keymap.keydownHandler)({
-        Tab: (0, _utils2.filterCommand)(isWholeSelectionInsideLayoutColumn, moveCursorToNextColumn)
-      }),
-      handleClickOn: (0, _selection.createSelectionClickHandler)(['layoutColumn'], function (target) {
-        return target.hasAttribute('data-layout-section') || target.hasAttribute('data-layout-column');
-      }, {
-        useLongPressSelection: options.useLongPressSelection || false,
-        getNodeSelectionPos: function getNodeSelectionPos(state, nodePos) {
-          return state.doc.resolve(nodePos).before();
-        }
-      })
-    },
-    appendTransaction: function appendTransaction(transactions, _oldState, newState) {
-      var changes = [];
-      transactions.forEach(function (prevTr) {
-        // remap change segments across the transaction set
-        changes.forEach(function (change) {
-          return {
-            from: prevTr.mapping.map(change.from),
-            to: prevTr.mapping.map(change.to),
-            slice: change.slice
-          };
-        });
-
-        // don't consider transactions that don't mutate
-        if (!prevTr.docChanged) {
-          return;
-        }
-        var change = (0, _actions.fixColumnSizes)(prevTr, newState);
-        if (change) {
-          changes.push(change);
-        }
-      });
-      if (changes.length) {
-        var tr = newState.tr;
-        var selection = newState.selection.toJSON();
-        changes.forEach(function (change) {
-          tr.replaceRange(change.from, change.to, change.slice);
-        });
-
-        // selecting and deleting across columns in 3 col layouts can remove
-        // a layoutColumn so we fix the structure here
-        tr = (0, _actions.fixColumnStructure)(newState) || tr;
-        if (tr.docChanged) {
-          tr.setSelection(_state.Selection.fromJSON(tr.doc, selection));
-          return tr;
-        }
-      }
-      return;
-    }
-  });
-};

package/dist/cjs/plugins/layout/pm-plugins/plugin-key.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pluginKey = void 0;
-var _state = require("@atlaskit/editor-prosemirror/state");
-var pluginKey = exports.pluginKey = new _state.PluginKey('layout');

package/dist/cjs/plugins/layout/pm-plugins/types.js

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

package/dist/cjs/plugins/layout/toolbar-messages.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toolbarMessages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var toolbarMessages = exports.toolbarMessages = (0, _reactIntlNext.defineMessages)({
-  singleColumn: {
-    id: 'fabric.editor.single',
-    defaultMessage: 'Single column',
-    description: 'Layout with one single column'
-  },
-  twoColumns: {
-    id: 'fabric.editor.twoColumns',
-    defaultMessage: 'Two columns',
-    description: 'Layout with two columns of equal width'
-  },
-  threeColumns: {
-    id: 'fabric.editor.threeColumns',
-    defaultMessage: 'Three columns',
-    description: 'Layout with three columns of equal width'
-  },
-  rightSidebar: {
-    id: 'fabric.editor.rightSidebar',
-    defaultMessage: 'Right sidebar',
-    description: 'Layout with two columns, left column is 2/3 and right is 1/3 of page'
-  },
-  leftSidebar: {
-    id: 'fabric.editor.leftSidebar',
-    defaultMessage: 'Left sidebar',
-    description: 'Layout with two columns, left column is 1/3 and right is 2/3 of page'
-  },
-  threeColumnsWithSidebars: {
-    id: 'fabric.editor.threeColumnsWithSidebars',
-    defaultMessage: 'Three columns with sidebars',
-    description: 'Layout with 3 columns laid out as 25% - 50% - 25%'
-  }
-});

package/dist/cjs/plugins/layout/toolbar.js

@@ -1,116 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.layoutToolbarTitle = exports.buildToolbar = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _layoutSingle = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/layout-single"));
-var _layoutTwoEqual = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/layout-two-equal"));
-var _layoutThreeEqual = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/layout-three-equal"));
-var _layoutTwoLeftSidebar = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/layout-two-left-sidebar"));
-var _layoutTwoRightSidebar = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/layout-two-right-sidebar"));
-var _layoutThreeWithSidebars = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/layout-three-with-sidebars"));
-var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
-var _toolbarMessages = require("./toolbar-messages");
-var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
-var _actions = require("./actions");
-var LAYOUT_TYPES = [{
-  id: 'editor.layout.twoEquals',
-  type: 'two_equal',
-  title: _toolbarMessages.toolbarMessages.twoColumns,
-  icon: _layoutTwoEqual.default
-}, {
-  id: 'editor.layout.threeEquals',
-  type: 'three_equal',
-  title: _toolbarMessages.toolbarMessages.threeColumns,
-  icon: _layoutThreeEqual.default
-}];
-var LAYOUT_TYPES_WITH_SINGLE_COL = [{
-  id: 'editor.layout.singeLayout',
-  type: 'single',
-  title: _toolbarMessages.toolbarMessages.singleColumn,
-  icon: _layoutSingle.default
-}].concat(LAYOUT_TYPES);
-var SIDEBAR_LAYOUT_TYPES = [{
-  id: 'editor.layout.twoRightSidebar',
-  type: 'two_right_sidebar',
-  title: _toolbarMessages.toolbarMessages.rightSidebar,
-  icon: _layoutTwoRightSidebar.default
-}, {
-  id: 'editor.layout.twoLeftSidebar',
-  type: 'two_left_sidebar',
-  title: _toolbarMessages.toolbarMessages.leftSidebar,
-  icon: _layoutTwoLeftSidebar.default
-}, {
-  id: 'editor.layout.threeWithSidebars',
-  type: 'three_with_sidebars',
-  title: _toolbarMessages.toolbarMessages.threeColumnsWithSidebars,
-  icon: _layoutThreeWithSidebars.default
-}];
-var buildLayoutButton = function buildLayoutButton(intl, item, currentLayout, editorAnalyticsAPI) {
-  return {
-    id: item.id,
-    type: 'button',
-    icon: item.icon,
-    testId: item.title.id ? "".concat(item.title.id) : undefined,
-    title: intl.formatMessage(item.title),
-    onClick: (0, _actions.setPresetLayout)(editorAnalyticsAPI)(item.type),
-    selected: !!currentLayout && currentLayout === item.type,
-    tabIndex: null
-  };
-};
-var layoutToolbarTitle = exports.layoutToolbarTitle = 'Layout floating controls';
-var buildToolbar = exports.buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api) {
-  var _api$decorations$acti, _api$decorations, _api$analytics;
-  var _ref = (_api$decorations$acti = api === null || api === void 0 || (_api$decorations = api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions) !== null && _api$decorations$acti !== void 0 ? _api$decorations$acti : {},
-    hoverDecoration = _ref.hoverDecoration;
-  var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
-  var node = state.doc.nodeAt(pos);
-  if (node) {
-    var currentLayout = (0, _actions.getPresetLayout)(node);
-    var separator = {
-      type: 'separator'
-    };
-    var nodeType = state.schema.nodes.layoutSection;
-    var deleteButton = {
-      id: 'editor.layout.delete',
-      type: 'button',
-      appearance: 'danger',
-      focusEditoronEnter: true,
-      icon: _remove.default,
-      testId: _messages.default.remove.id,
-      title: intl.formatMessage(_messages.default.remove),
-      onClick: (0, _actions.deleteActiveLayoutNode)(editorAnalyticsAPI),
-      onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
-      onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
-      onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
-      onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
-      tabIndex: null
-    };
-    var layoutTypes = allowSingleColumnLayout ? LAYOUT_TYPES_WITH_SINGLE_COL : LAYOUT_TYPES;
-    return {
-      title: layoutToolbarTitle,
-      getDomRef: function getDomRef(view) {
-        return (0, _utils.findDomRefAtPos)(pos, view.domAtPos.bind(view));
-      },
-      nodeType: nodeType,
-      items: [].concat((0, _toConsumableArray2.default)(layoutTypes.map(function (i) {
-        return buildLayoutButton(intl, i, currentLayout, editorAnalyticsAPI);
-      })), (0, _toConsumableArray2.default)(addSidebarLayouts ? SIDEBAR_LAYOUT_TYPES.map(function (i) {
-        return buildLayoutButton(intl, i, currentLayout, editorAnalyticsAPI);
-      }) : []), [{
-        type: 'copy-button',
-        items: [separator, {
-          state: state,
-          formatMessage: intl.formatMessage,
-          nodeType: nodeType
-        }]
-      }, separator, deleteButton]),
-      scrollable: true
-    };
-  }
-  return;
-};

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

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