@atlaskit/editor-plugin-table 4.2.1 → 5.1.0

package/dist/es2019/plugins/table/pm-plugins/drag-and-drop/index.js

@@ -0,0 +1,3 @@
+export { createPlugin } from './plugin';
+export { pluginKey } from './plugin-key';
+export { setDropTarget, clearDropTarget } from './commands';

package/dist/es2019/plugins/table/pm-plugins/drag-and-drop/plugin-factory.js

@@ -0,0 +1,8 @@
+import { pluginFactory } from '@atlaskit/editor-common/utils';
+import { pluginKey } from './plugin-key';
+import reducer from './reducer';
+const {
+  createPluginState,
+  createCommand
+} = pluginFactory(pluginKey, reducer);
+export { createPluginState, createCommand };

package/dist/es2019/plugins/table/pm-plugins/drag-and-drop/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export const pluginKey = new PluginKey('dragAndDropPlugin');

package/dist/es2019/plugins/table/pm-plugins/drag-and-drop/plugin.js

@@ -0,0 +1,22 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { DropTargetType } from './consts';
+import { createPluginState } from './plugin-factory';
+import { pluginKey } from './plugin-key';
+export const createPlugin = (dispatch, eventDispatcher) => {
+  return new SafePlugin({
+    state: createPluginState(dispatch, {
+      // TODO: This is example placeholder state. We could use this to track which row/col is currently set as the drop target
+      // This would result in a blue highlight being displayed on the corrisponding row/column to single the drop target location.
+      dropTargetType: DropTargetType.NONE,
+      dropTargetIndex: 0
+    }),
+    key: pluginKey,
+    view: editorView => {
+      // TODO: Add Pragmatic DnD monitor when the view is constructed.
+      return {
+        // TODO: Cleanup monitor instance
+        // destroy: cleanup,
+      };
+    }
+  });
+};

package/dist/es2019/plugins/table/pm-plugins/drag-and-drop/reducer.js

@@ -0,0 +1,20 @@
+import { DragAndDropActionType } from './actions';
+import { DropTargetType } from './consts';
+export default ((pluginState, action) => {
+  switch (action.type) {
+    case DragAndDropActionType.SET_DROP_TARGET:
+      return {
+        ...pluginState,
+        dropTargetType: action.data.type,
+        dropTargetIndex: action.data.index
+      };
+    case DragAndDropActionType.CLEAR_DROP_TARGET:
+      return {
+        ...pluginState,
+        dropTargetType: DropTargetType.NONE,
+        dropTargetIndex: 0
+      };
+    default:
+      return pluginState;
+  }
+});

package/dist/es2019/plugins/table/pm-plugins/drag-and-drop/types.js

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

package/dist/esm/plugins/table/commands/selection.js

@@ -42,15 +42,14 @@ var arrowLeftFromCellSelection = function arrowLeftFromCellSelection(editorSelec
   return function (selection) {
     return function (state, dispatch) {
       if (isTableSelected(state.selection) && editorSelectionAPI) {
-        var _editorSelectionAPI$g = editorSelectionAPI.getSelectionPluginState(state),
-          selectionRelativeToNode = _editorSelectionAPI$g.selectionRelativeToNode;
-        if (selectionRelativeToNode === RelativeSelectionPos.Start) {
+        var selectionState = editorSelectionAPI.sharedState.currentState() || {};
+        if ((selectionState === null || selectionState === void 0 ? void 0 : selectionState.selectionRelativeToNode) === RelativeSelectionPos.Start) {
           // we have full table cell selection and want to set gap cursor selection before table
           return setGapCursorBeforeTable(editorSelectionAPI)()(state, dispatch);
-        } else if (selectionRelativeToNode === RelativeSelectionPos.End) {
+        } else if ((selectionState === null || selectionState === void 0 ? void 0 : selectionState.selectionRelativeToNode) === RelativeSelectionPos.End) {
           // we have full table cell selection and want to set selection at end of last cell
           return setSelectionAtEndOfLastCell(editorSelectionAPI)(selection)(state, dispatch);
-        } else if (selectionRelativeToNode === undefined) {
+        } else if ((selectionState === null || selectionState === void 0 ? void 0 : selectionState.selectionRelativeToNode) === undefined) {
           // we have full table cell selection and want to set selection at start of first cell
           return setSelectionAtStartOfFirstCell(editorSelectionAPI)(selection, RelativeSelectionPos.Before)(state, dispatch);
         }
@@ -63,8 +62,8 @@ var arrowRightFromCellSelection = function arrowRightFromCellSelection(editorSel
   return function (selection) {
     return function (state, dispatch) {
       if (isTableSelected(state.selection) && editorSelectionAPI) {
-        var _editorSelectionAPI$g2 = editorSelectionAPI.getSelectionPluginState(state),
-          selectionRelativeToNode = _editorSelectionAPI$g2.selectionRelativeToNode;
+        var _ref = editorSelectionAPI.sharedState.currentState() || {},
+          selectionRelativeToNode = _ref.selectionRelativeToNode;
         if (selectionRelativeToNode === RelativeSelectionPos.Start) {
           // we have full table cell selection and want to set selection at start of first cell
           return setSelectionAtStartOfFirstCell(editorSelectionAPI)(selection)(state, dispatch);
@@ -96,9 +95,8 @@ var arrowLeftFromGapCursor = function arrowLeftFromGapCursor(editorSelectionAPI)
       } else if (side === Side.LEFT) {
         var table = findTable(selection);
         if (table && isSelectionAtStartOfTable($from, selection) && editorSelectionAPI) {
-          var _editorSelectionAPI$g3 = editorSelectionAPI.getSelectionPluginState(state),
-            selectionRelativeToNode = _editorSelectionAPI$g3.selectionRelativeToNode;
-          if (selectionRelativeToNode === RelativeSelectionPos.Before) {
+          var selectionState = editorSelectionAPI.sharedState.currentState() || {};
+          if ((selectionState === null || selectionState === void 0 ? void 0 : selectionState.selectionRelativeToNode) === RelativeSelectionPos.Before) {
             // we have a gap cursor at start of first table cell and want to set a gap cursor selection before table
             return setGapCursorBeforeTable(editorSelectionAPI)()(state, dispatch);
           } else {
@@ -155,9 +153,8 @@ var arrowLeftFromText = function arrowLeftFromText(editorSelectionAPI) {
         if (isSelectionAtStartOfTable($from, selection) && $from.parent.type.name === 'paragraph' && $from.depth === table.depth + 3 &&
         // + 3 for: row, cell & paragraph nodes
         editorSelectionAPI) {
-          var _editorSelectionAPI$g4 = editorSelectionAPI.getSelectionPluginState(state),
-            selectionRelativeToNode = _editorSelectionAPI$g4.selectionRelativeToNode;
-          if (selectionRelativeToNode === RelativeSelectionPos.Before) {
+          var selectionState = editorSelectionAPI.sharedState.currentState() || {};
+          if ((selectionState === null || selectionState === void 0 ? void 0 : selectionState.selectionRelativeToNode) === RelativeSelectionPos.Before) {
             // we have a text selection at start of first table cell, directly inside a top level paragraph,
             // and want to set gap cursor selection before table
             return setGapCursorBeforeTable(editorSelectionAPI)()(state, dispatch);
@@ -205,10 +202,10 @@ var arrowRightFromText = function arrowRightFromText(editorSelectionAPI) {
  * pos in the selection plugin
  */
 var selectFullTable = function selectFullTable(editorSelectionAPI) {
-  return function (_ref) {
-    var node = _ref.node,
-      startPos = _ref.startPos,
-      dir = _ref.dir;
+  return function (_ref2) {
+    var node = _ref2.node,
+      startPos = _ref2.startPos,
+      dir = _ref2.dir;
     return function (state, dispatch) {
       var doc = state.doc;
       var _TableMap$get = TableMap.get(node),
@@ -225,7 +222,7 @@ var selectFullTable = function selectFullTable(editorSelectionAPI) {
         selectionRelativeToNode = RelativeSelectionPos.Start;
       }
       if (editorSelectionAPI) {
-        var tr = editorSelectionAPI.setSelectionRelativeToNode({
+        var tr = editorSelectionAPI.actions.selectNearNode({
           selectionRelativeToNode: selectionRelativeToNode,
           selection: fullTableSelection
         })(state);
@@ -249,7 +246,7 @@ var setSelectionAtStartOfFirstCell = function setSelectionAtStartOfFirstCell(edi
       // check if first pos should have a gap cursor, otherwise find closest text selection
       var selectionAtStartOfCell = GapCursorSelection.valid($firstPosInsideCell) ? new GapCursorSelection($firstPosInsideCell, Side.LEFT) : Selection.findFrom($firstPosInsideCell, 1);
       if (editorSelectionAPI) {
-        var tr = editorSelectionAPI.setSelectionRelativeToNode({
+        var tr = editorSelectionAPI.actions.selectNearNode({
           selectionRelativeToNode: selectionRelativeToNode,
           selection: selectionAtStartOfCell
         })(state);
@@ -274,7 +271,7 @@ var setSelectionAtEndOfLastCell = function setSelectionAtEndOfLastCell(editorSel
       // check if last pos should have a gap cursor, otherwise find closest text selection
       var selectionAtEndOfCell = GapCursorSelection.valid($lastPosInsideCell) ? new GapCursorSelection($lastPosInsideCell, Side.RIGHT) : Selection.findFrom($lastPosInsideCell, -1);
       if (editorSelectionAPI) {
-        var tr = editorSelectionAPI.setSelectionRelativeToNode({
+        var tr = editorSelectionAPI.actions.selectNearNode({
           selectionRelativeToNode: selectionRelativeToNode,
           selection: selectionAtEndOfCell
         })(state);
@@ -296,7 +293,7 @@ var setGapCursorBeforeTable = function setGapCursorBeforeTable(editorSelectionAP
         if (GapCursorSelection.valid($beforeTablePos)) {
           var selectionBeforeTable = new GapCursorSelection($beforeTablePos, Side.LEFT);
           if (editorSelectionAPI) {
-            var tr = editorSelectionAPI.setSelectionRelativeToNode({
+            var tr = editorSelectionAPI.actions.selectNearNode({
               selectionRelativeToNode: undefined,
               selection: selectionBeforeTable
             })(state);
@@ -320,7 +317,7 @@ var setGapCursorAfterTable = function setGapCursorAfterTable(editorSelectionAPI)
         if (GapCursorSelection.valid($afterTablePos)) {
           var selectionAfterTable = new GapCursorSelection($afterTablePos, Side.RIGHT);
           if (editorSelectionAPI) {
-            var tr = editorSelectionAPI.setSelectionRelativeToNode({
+            var tr = editorSelectionAPI.actions.selectNearNode({
               selectionRelativeToNode: undefined,
               selection: selectionAfterTable
             })(state);

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

@@ -13,6 +13,7 @@ import { createTable } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { pluginConfig } from './create-plugin-config';
 import { createPlugin as createDecorationsPlugin } from './pm-plugins/decorations/plugin';
+import { createPlugin as createDragAndDropPlugin, pluginKey as dragAndDropPluginKey } from './pm-plugins/drag-and-drop';
 import { keymapPlugin } from './pm-plugins/keymap';
 import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
@@ -30,9 +31,6 @@ import FloatingDeleteButton from './ui/FloatingDeleteButton';
 import FloatingInsertButton from './ui/FloatingInsertButton';
 import LayoutButton from './ui/LayoutButton';
 import { isLayoutSupported } from './utils';
-
-// TODO: duplicated SelectionPlugin type as it's still in editor-core, doing this avoid
-// circular dependencies
 var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
   return {};
 };
@@ -140,7 +138,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
       }, {
         name: 'tableSelectionKeymap',
         plugin: function plugin() {
-          return tableSelectionKeymapPlugin(options === null || options === void 0 ? void 0 : options.editorSelectionAPI);
+          return tableSelectionKeymapPlugin(api === null || api === void 0 ? void 0 : api.selection);
         }
       }, {
         name: 'tableEditing',
@@ -171,25 +169,32 @@ var tablesPlugin = function tablesPlugin(_ref) {
           }, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags) : undefined;
         }
       }, {
-        name: 'tableLocalId',
+        name: 'tableDragAndDrop',
         plugin: function plugin(_ref8) {
-          var dispatch = _ref8.dispatch;
+          var dispatch = _ref8.dispatch,
+            eventDispatcher = _ref8.eventDispatcher;
+          return options !== null && options !== void 0 && options.dragAndDropEnabled ? createDragAndDropPlugin(dispatch, eventDispatcher) : undefined;
+        }
+      }, {
+        name: 'tableLocalId',
+        plugin: function plugin(_ref9) {
+          var dispatch = _ref9.dispatch;
           return createTableLocalIdPlugin(dispatch);
         }
       }, {
         name: 'tableWidth',
-        plugin: function plugin(_ref9) {
+        plugin: function plugin(_ref10) {
           var _options$fullWidthEna;
-          var dispatchAnalyticsEvent = _ref9.dispatchAnalyticsEvent,
-            dispatch = _ref9.dispatch;
+          var dispatchAnalyticsEvent = _ref10.dispatchAnalyticsEvent,
+            dispatch = _ref10.dispatch;
           return options !== null && options !== void 0 && options.tableResizingEnabled ? createTableWidthPlugin(dispatch, dispatchAnalyticsEvent, (_options$fullWidthEna = options === null || options === void 0 ? void 0 : options.fullWidthEnabled) !== null && _options$fullWidthEna !== void 0 ? _options$fullWidthEna : false) : undefined;
         }
       }, {
         name: 'tableAnalyticsPlugin',
-        plugin: function plugin(_ref10) {
+        plugin: function plugin(_ref11) {
           var _options$tableResizin;
-          var dispatch = _ref10.dispatch,
-            dispatchAnalyticsEvent = _ref10.dispatchAnalyticsEvent;
+          var dispatch = _ref11.dispatch,
+            dispatchAnalyticsEvent = _ref11.dispatchAnalyticsEvent;
           return getBooleanFF('platform.editor.table.overflow-state-analytics') ? createTableAnalyticsPlugin(dispatch, dispatchAnalyticsEvent, (_options$tableResizin = options === null || options === void 0 ? void 0 : options.tableResizingEnabled) !== null && _options$tableResizin !== void 0 ? _options$tableResizin : false) : undefined;
         }
       }, {
@@ -220,12 +225,12 @@ var tablesPlugin = function tablesPlugin(_ref) {
       }
       return plugins;
     },
-    contentComponent: function contentComponent(_ref11) {
-      var editorView = _ref11.editorView,
-        popupsMountPoint = _ref11.popupsMountPoint,
-        popupsBoundariesElement = _ref11.popupsBoundariesElement,
-        popupsScrollableElement = _ref11.popupsScrollableElement,
-        dispatchAnalyticsEvent = _ref11.dispatchAnalyticsEvent;
+    contentComponent: function contentComponent(_ref12) {
+      var editorView = _ref12.editorView,
+        popupsMountPoint = _ref12.popupsMountPoint,
+        popupsBoundariesElement = _ref12.popupsBoundariesElement,
+        popupsScrollableElement = _ref12.popupsScrollableElement,
+        dispatchAnalyticsEvent = _ref12.dispatchAnalyticsEvent;
       return /*#__PURE__*/React.createElement(ErrorBoundary, {
         component: ACTION_SUBJECT.TABLES_PLUGIN,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -236,30 +241,31 @@ var tablesPlugin = function tablesPlugin(_ref) {
           tablePluginState: pluginKey,
           tableWidthPluginState: tableWidthPluginKey,
           tableResizingPluginState: tableResizingPluginKey,
-          stickyHeadersState: stickyHeadersPluginKey
+          stickyHeadersState: stickyHeadersPluginKey,
+          dragAndDropState: dragAndDropPluginKey
         },
-        render: function render(_ref12) {
-          var resizingPluginState = _ref12.tableResizingPluginState,
-            stickyHeadersState = _ref12.stickyHeadersState,
-            tablePluginState = _ref12.tablePluginState,
-            tableWidthPluginState = _ref12.tableWidthPluginState;
+        render: function render(_ref13) {
+          var resizingPluginState = _ref13.tableResizingPluginState,
+            stickyHeadersState = _ref13.stickyHeadersState,
+            tablePluginState = _ref13.tablePluginState,
+            tableWidthPluginState = _ref13.tableWidthPluginState;
           var state = editorView.state;
           var isColumnResizing = resizingPluginState === null || resizingPluginState === void 0 ? void 0 : resizingPluginState.dragging;
           var isTableResizing = tableWidthPluginState === null || tableWidthPluginState === void 0 ? void 0 : tableWidthPluginState.resizing;
           var isResizing = isColumnResizing || isTableResizing;
-          var _ref13 = tablePluginState,
-            tableNode = _ref13.tableNode,
-            tablePos = _ref13.tablePos,
-            targetCellPosition = _ref13.targetCellPosition,
-            isContextualMenuOpen = _ref13.isContextualMenuOpen,
-            layout = _ref13.layout,
-            tableRef = _ref13.tableRef,
-            pluginConfig = _ref13.pluginConfig,
-            insertColumnButtonIndex = _ref13.insertColumnButtonIndex,
-            insertRowButtonIndex = _ref13.insertRowButtonIndex,
-            isHeaderColumnEnabled = _ref13.isHeaderColumnEnabled,
-            isHeaderRowEnabled = _ref13.isHeaderRowEnabled,
-            tableWrapperTarget = _ref13.tableWrapperTarget;
+          var _ref14 = tablePluginState,
+            tableNode = _ref14.tableNode,
+            tablePos = _ref14.tablePos,
+            targetCellPosition = _ref14.targetCellPosition,
+            isContextualMenuOpen = _ref14.isContextualMenuOpen,
+            layout = _ref14.layout,
+            tableRef = _ref14.tableRef,
+            pluginConfig = _ref14.pluginConfig,
+            insertColumnButtonIndex = _ref14.insertColumnButtonIndex,
+            insertRowButtonIndex = _ref14.insertRowButtonIndex,
+            isHeaderColumnEnabled = _ref14.isHeaderColumnEnabled,
+            isHeaderRowEnabled = _ref14.isHeaderRowEnabled,
+            tableWrapperTarget = _ref14.tableWrapperTarget;
           var allowControls = pluginConfig.allowControls;
           var stickyHeader = stickyHeadersState ? findStickyHeaderForTable(stickyHeadersState, tablePos) : undefined;
           var LayoutContent = options && !options.tableResizingEnabled && isLayoutSupported(state) && options.breakoutEnabled ? /*#__PURE__*/React.createElement(LayoutButton, {
@@ -325,8 +331,8 @@ var tablesPlugin = function tablesPlugin(_ref) {
       }));
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref14) {
-        var formatMessage = _ref14.formatMessage;
+      quickInsert: function quickInsert(_ref15) {
+        var formatMessage = _ref15.formatMessage;
         return [{
           id: 'table',
           title: formatMessage(messages.table),

package/dist/esm/plugins/table/pm-plugins/drag-and-drop/actions.js

@@ -0,0 +1,6 @@
+export var DragAndDropActionType = {
+  SET_DROP_TARGET: 'SET_DROP_TARGET',
+  CLEAR_DROP_TARGET: 'CLEAR_DROP_TARGET'
+};
+
+// NOTE: This should be a Union of all possible actions

package/dist/esm/plugins/table/pm-plugins/drag-and-drop/commands.js

@@ -0,0 +1,22 @@
+import { DragAndDropActionType } from './actions';
+import { createCommand } from './plugin-factory';
+
+// TODO: This command is a placeholder example. Please replace this if required.
+export var setDropTarget = function setDropTarget(type, index, tr) {
+  return createCommand({
+    type: DragAndDropActionType.SET_DROP_TARGET,
+    data: {
+      type: type,
+      index: index
+    }
+  }, function (originalTr) {
+    return (tr || originalTr).setMeta('addToHistory', false);
+  });
+};
+export var clearDropTarget = function clearDropTarget(tr) {
+  return createCommand({
+    type: DragAndDropActionType.CLEAR_DROP_TARGET
+  }, function (originalTr) {
+    return (tr || originalTr).setMeta('addToHistory', false);
+  });
+};

package/dist/esm/plugins/table/pm-plugins/drag-and-drop/consts.js

@@ -0,0 +1,5 @@
+export var DropTargetType = {
+  NONE: 'none',
+  ROW: 'row',
+  COLUMN: 'column'
+};

package/dist/esm/plugins/table/pm-plugins/drag-and-drop/index.js

@@ -0,0 +1,3 @@
+export { createPlugin } from './plugin';
+export { pluginKey } from './plugin-key';
+export { setDropTarget, clearDropTarget } from './commands';

package/dist/esm/plugins/table/pm-plugins/drag-and-drop/plugin-factory.js

@@ -0,0 +1,7 @@
+import { pluginFactory } from '@atlaskit/editor-common/utils';
+import { pluginKey } from './plugin-key';
+import reducer from './reducer';
+var _pluginFactory = pluginFactory(pluginKey, reducer),
+  createPluginState = _pluginFactory.createPluginState,
+  createCommand = _pluginFactory.createCommand;
+export { createPluginState, createCommand };

package/dist/esm/plugins/table/pm-plugins/drag-and-drop/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export var pluginKey = new PluginKey('dragAndDropPlugin');

package/dist/esm/plugins/table/pm-plugins/drag-and-drop/plugin.js

@@ -0,0 +1,22 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { DropTargetType } from './consts';
+import { createPluginState } from './plugin-factory';
+import { pluginKey } from './plugin-key';
+export var createPlugin = function createPlugin(dispatch, eventDispatcher) {
+  return new SafePlugin({
+    state: createPluginState(dispatch, {
+      // TODO: This is example placeholder state. We could use this to track which row/col is currently set as the drop target
+      // This would result in a blue highlight being displayed on the corrisponding row/column to single the drop target location.
+      dropTargetType: DropTargetType.NONE,
+      dropTargetIndex: 0
+    }),
+    key: pluginKey,
+    view: function view(editorView) {
+      // TODO: Add Pragmatic DnD monitor when the view is constructed.
+      return {
+        // TODO: Cleanup monitor instance
+        // destroy: cleanup,
+      };
+    }
+  });
+};

package/dist/esm/plugins/table/pm-plugins/drag-and-drop/reducer.js

@@ -0,0 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
+import { DragAndDropActionType } from './actions';
+import { DropTargetType } from './consts';
+export default (function (pluginState, action) {
+  switch (action.type) {
+    case DragAndDropActionType.SET_DROP_TARGET:
+      return _objectSpread(_objectSpread({}, pluginState), {}, {
+        dropTargetType: action.data.type,
+        dropTargetIndex: action.data.index
+      });
+    case DragAndDropActionType.CLEAR_DROP_TARGET:
+      return _objectSpread(_objectSpread({}, pluginState), {}, {
+        dropTargetType: DropTargetType.NONE,
+        dropTargetIndex: 0
+      });
+    default:
+      return pluginState;
+  }
+});

package/dist/esm/plugins/table/pm-plugins/drag-and-drop/types.js

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

package/dist/types/plugins/table/commands/selection.d.ts

@@ -1,8 +1,8 @@
-import { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
-import type { Command } from '@atlaskit/editor-common/types';
+import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type tablePlugin from '../index';
 export declare enum TableSelectionDirection {
     TopToBottom = "TopToBottom",
     BottomToTop = "BottomToTop"
 }
-export declare const arrowLeftFromTable: (editorSelectionAPI: EditorSelectionAPI | undefined | null) => () => Command;
-export declare const arrowRightFromTable: (editorSelectionAPI: EditorSelectionAPI | undefined | null) => () => Command;
+export declare const arrowLeftFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
+export declare const arrowRightFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;

package/dist/types/plugins/table/index.d.ts

@@ -1,9 +1,9 @@
 import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
-import type { Command, EditorCommand, GetEditorFeatureFlags, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { Command, GetEditorFeatureFlags, NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
+import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { PluginConfig } from './types';
 interface TablePluginOptions {
@@ -14,16 +14,9 @@ interface TablePluginOptions {
     allowContextualMenu?: boolean;
     fullWidthEnabled?: boolean;
     wasFullWidthEnabled?: boolean;
-    editorSelectionAPI?: EditorSelectionAPI;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
 }
 type InsertTableAction = (analyticsPayload: AnalyticsEventPayload) => Command;
-type SelectionPlugin = NextEditorPlugin<'selection', {
-    pluginConfiguration: unknown;
-    commands: {
-        displayGapCursor: (toggle: boolean) => EditorCommand;
-    };
-}>;
 export type TablePlugin = NextEditorPlugin<'table', {
     pluginConfiguration: TablePluginOptions | undefined;
     actions: {
@@ -34,7 +27,7 @@ export type TablePlugin = NextEditorPlugin<'table', {
         ContentInsertionPlugin,
         WidthPlugin,
         GuidelinePlugin,
-        OptionalPlugin<SelectionPlugin>
+        SelectionPlugin
     ];
 }>;
 /**

package/dist/types/plugins/table/pm-plugins/drag-and-drop/actions.d.ts

@@ -0,0 +1,15 @@
+import type { DropTargetType } from './consts';
+export interface DragAndDropAction<T, D> {
+    type: T;
+    data: D;
+}
+export declare const DragAndDropActionType: {
+    readonly SET_DROP_TARGET: "SET_DROP_TARGET";
+    readonly CLEAR_DROP_TARGET: "CLEAR_DROP_TARGET";
+};
+export type DragAndDropSetDropTargetAction = DragAndDropAction<typeof DragAndDropActionType.SET_DROP_TARGET, {
+    type: DropTargetType;
+    index: number;
+}>;
+export type DragAndDropClearDropTargetAction = DragAndDropAction<typeof DragAndDropActionType.CLEAR_DROP_TARGET, undefined>;
+export type DragAndDropPluginAction = DragAndDropSetDropTargetAction | DragAndDropClearDropTargetAction;

package/dist/types/plugins/table/pm-plugins/drag-and-drop/commands.d.ts

@@ -0,0 +1,4 @@
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { DropTargetType } from './consts';
+export declare const setDropTarget: (type: DropTargetType, index: number, tr?: Transaction) => import("@atlaskit/editor-common/types").Command;
+export declare const clearDropTarget: (tr?: Transaction) => import("@atlaskit/editor-common/types").Command;

package/dist/types/plugins/table/pm-plugins/drag-and-drop/consts.d.ts

@@ -0,0 +1,6 @@
+export declare const DropTargetType: {
+    readonly NONE: "none";
+    readonly ROW: "row";
+    readonly COLUMN: "column";
+};
+export type DropTargetType = (typeof DropTargetType)[keyof typeof DropTargetType];

package/dist/types/plugins/table/pm-plugins/drag-and-drop/index.d.ts

@@ -0,0 +1,4 @@
+export { createPlugin } from './plugin';
+export { pluginKey } from './plugin-key';
+export type { DragAndDropPluginState } from './types';
+export { setDropTarget, clearDropTarget } from './commands';

package/dist/types/plugins/table/pm-plugins/drag-and-drop/plugin-factory.d.ts

@@ -0,0 +1,2 @@
+declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("./types").DragAndDropPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").DragAndDropPluginState)) => import("prosemirror-state").SafeStateField<import("./types").DragAndDropPluginState>, createCommand: <A = import("./actions").DragAndDropPluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command;
+export { createPluginState, createCommand };

package/dist/types/plugins/table/pm-plugins/drag-and-drop/plugin-key.d.ts

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { DragAndDropPluginState } from './types';
+export declare const pluginKey: PluginKey<DragAndDropPluginState>;

package/dist/types/plugins/table/pm-plugins/drag-and-drop/plugin.d.ts

@@ -0,0 +1,3 @@
+import type { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+export declare const createPlugin: (dispatch: Dispatch, eventDispatcher: EventDispatcher) => SafePlugin<import("./types").DragAndDropPluginState>;

package/dist/types/plugins/table/pm-plugins/drag-and-drop/reducer.d.ts

@@ -0,0 +1,4 @@
+import type { DragAndDropPluginAction } from './actions';
+import type { DragAndDropPluginState } from './types';
+declare const _default: (pluginState: DragAndDropPluginState, action: DragAndDropPluginAction) => DragAndDropPluginState;
+export default _default;

package/dist/types/plugins/table/pm-plugins/drag-and-drop/types.d.ts

@@ -0,0 +1,5 @@
+import type { DropTargetType } from './consts';
+export interface DragAndDropPluginState {
+    dropTargetType: DropTargetType;
+    dropTargetIndex: number;
+}

package/dist/types/plugins/table/pm-plugins/table-selection-keymap.d.ts

@@ -1,4 +1,5 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
-export declare function tableSelectionKeymapPlugin(editorSelectionAPI: EditorSelectionAPI | undefined | null): SafePlugin;
+import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type tablePlugin from '../index';
+export declare function tableSelectionKeymapPlugin(editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined): SafePlugin;
 export default tableSelectionKeymapPlugin;

package/dist/types-ts4.5/i18n/cs.d.ts

@@ -0,0 +1,37 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.editor.canNotSortTable': string;
+    'fabric.editor.cellBackground': string;
+    'fabric.editor.cellOptions': string;
+    'fabric.editor.clearCells': string;
+    'fabric.editor.collapseTable': string;
+    'fabric.editor.cornerControl': string;
+    'fabric.editor.distributeColumns': string;
+    'fabric.editor.extension.confirmDeleteLinkedModalMessagePrefix': string;
+    'fabric.editor.extension.deleteElementTitle': string;
+    'fabric.editor.extension.sourceNoTitledName': string;
+    'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': string;
+    'fabric.editor.headerColumn': string;
+    'fabric.editor.headerRow': string;
+    'fabric.editor.insertColumn': string;
+    'fabric.editor.insertRow': string;
+    'fabric.editor.mergeCells': string;
+    'fabric.editor.numberedColumn': string;
+    'fabric.editor.removeColumns': string;
+    'fabric.editor.removeRows': string;
+    'fabric.editor.rowControl': string;
+    'fabric.editor.sortColumnASC': string;
+    'fabric.editor.sortColumnDESC': string;
+    'fabric.editor.splitCell': string;
+    'fabric.editor.tableOptions': string;
+    'fabric.editor.tables.adjustColumn': string;
+    'fabric.editor.tables.confirmDeleteLinkedModalMessage': string;
+    'fabric.editor.tables.confirmDeleteLinkedModalOKButton': string;
+    'fabric.editor.tables.resizeTable': string;
+};
+export default _default;