@atlaskit/editor-plugin-table 10.11.5 → 10.11.7

package/dist/esm/ui/FloatingDragMenu/DropdownMenu.js

@@ -1,12 +1,13 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
-import React, { useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { DropList, Popup } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationProvider, ArrowKeyNavigationType, DropdownMenuItem } from '@atlaskit/editor-common/ui-menu';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { MenuGroup, Section } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { dragMenuDropdownWidth } from '../consts';
 var DropListWithOutsideClickTargetRef = function DropListWithOutsideClickTargetRef(props) {
   var setOutsideClickTargetRef = React.useContext(OutsideClickTargetRefContext);
@@ -22,7 +23,7 @@ export var DropdownMenu = function DropdownMenu(_ref) {
     section = _ref.section,
     disableKeyboardHandling = _ref.disableKeyboardHandling,
     onItemActivated = _ref.onItemActivated,
-    _handleClose = _ref.handleClose,
+    handleClose = _ref.handleClose,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     fitWidth = _ref.fitWidth,
@@ -52,11 +53,11 @@ export var DropdownMenu = function DropdownMenu(_ref) {
       shouldFitContainer: true,
       position: popupPlacement.join(' '),
       handleClickOutside: function handleClickOutside() {
-        return _handleClose('editor');
+        return handleClose('editor');
       },
       handleEscapeKeydown: function handleEscapeKeydown() {
         if (!disableKeyboardHandling) {
-          _handleClose('handle');
+          handleClose('handle');
         }
       },
       handleEnterKeydown: function handleEnterKeydown(e) {
@@ -94,6 +95,51 @@ export var DropdownMenu = function DropdownMenu(_ref) {
       }));
     })));
   };
+  var onClose = useCallback(function () {
+    return handleClose('handle');
+  }, [handleClose]);
+  var onSelection = useCallback(function (index) {
+    var results = items.flatMap(function (item) {
+      return 'items' in item ? item.items : item;
+    });
+
+    // onSelection is called when any focusable element is 'activated'
+    // this is an issue as some menu items have toggles, which cause the index value
+    // in the callback to be outside of array length.
+    // The logic below normalises the index value based on the number
+    // of menu items with 2 focusable elements, and adjusts the index to ensure
+    // the correct menu item is sent in onItemActivated callback
+    var keys = ['row_numbers', 'header_row', 'header_column'];
+    var doubleItemCount = 0;
+    var firstIndex = results.findIndex(function (value) {
+      var key = value.key;
+      return key !== undefined && keys.includes(key);
+    });
+    if (firstIndex === -1 || index <= firstIndex) {
+      onItemActivated && onItemActivated({
+        item: results[index]
+      });
+      return;
+    }
+    for (var i = firstIndex; i < results.length; i += 1) {
+      var key = results[i].key;
+      if (key !== undefined && keys.includes(key)) {
+        doubleItemCount += 1;
+      }
+      if (firstIndex % 2 === 0 && index - doubleItemCount === i) {
+        onItemActivated && onItemActivated({
+          item: results[i]
+        });
+        return;
+      }
+      if (firstIndex % 2 === 1 && index - doubleItemCount === i) {
+        onItemActivated && onItemActivated({
+          item: results[i]
+        });
+        return;
+      }
+    }
+  }, [items, onItemActivated]);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -118,57 +164,23 @@ export var DropdownMenu = function DropdownMenu(_ref) {
       zIndex: akEditorFloatingPanelZIndex,
       offset: [offsetX, offsetY],
       allowOutOfBounds: true // required as this popup is child of a parent popup, should be allowed to be out of bound of the parent popup, otherwise horizontal offset is not right
-    }, disableKeyboardHandling ? innerMenu() : /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
+    }, fg('platform_editor_table_drag_menu_flickers_fix') ? /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
+      closeOnTab: !disableKeyboardHandling,
+      type: ArrowKeyNavigationType.MENU,
+      handleClose: onClose,
+      onSelection: onSelection
+      // disableKeyboardHandling is linked with isSubmenuOpen in DragMenu
+      // When isSubmenuOpen is true, the background color picker palette is open, and the picker is a ColorPaletteArrowKeyNavigationProvider
+      // At the same time the MenuArrowKeyNavigationProvider are renderer too, as it is the wrapper for all other DragMenu items
+      // In this case we want the ColorPaletteArrowKeyNavigationProvider to handle the keyboard event, not the MenuArrowKeyNavigationProvider
+      // Hence set disableArrowKeyNavigation to true when disableKeyboardHandling is true
+      ,
+      disableArrowKeyNavigation: disableKeyboardHandling
+    }, innerMenu()) : disableKeyboardHandling ? innerMenu() : /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
       closeOnTab: true,
       type: ArrowKeyNavigationType.MENU,
-      handleClose: function handleClose() {
-        return _handleClose('handle');
-      },
-      onSelection: function onSelection(index) {
-        var results = items.flatMap(function (item) {
-          return 'items' in item ? item.items : item;
-        });
-
-        // onSelection is called when any focusable element is 'activated'
-        // this is an issue as some menu items have toggles, which cause the index value
-        // in the callback to be outside of array length.
-        // The logic below normalises the index value based on the number
-        // of menu items with 2 focusable elements, and adjusts the index to ensure
-        // the correct menu item is sent in onItemActivated callback
-        var keys = ['row_numbers', 'header_row', 'header_column'];
-        var doubleItemCount = 0;
-
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        var firstIndex = results.findIndex(function (value) {
-          return keys.includes(value.key);
-        });
-        if (firstIndex === -1 || index <= firstIndex) {
-          onItemActivated && onItemActivated({
-            item: results[index]
-          });
-          return;
-        }
-        for (var i = firstIndex; i < results.length; i += 1) {
-          // Ignored via go/ees005
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          if (keys.includes(results[i].key)) {
-            doubleItemCount += 1;
-          }
-          if (firstIndex % 2 === 0 && index - doubleItemCount === i) {
-            onItemActivated && onItemActivated({
-              item: results[i]
-            });
-            return;
-          }
-          if (firstIndex % 2 === 1 && index - doubleItemCount === i) {
-            onItemActivated && onItemActivated({
-              item: results[i]
-            });
-            return;
-          }
-        }
-      }
+      handleClose: onClose,
+      onSelection: onSelection
     }, innerMenu())))
   );
 };

package/dist/{types-ts4.5/nodeviews/lazy-node-views.d.ts → types/nodeviews/table-node-views.d.ts}

@@ -17,12 +17,12 @@ type TableViewOptions = {
     isCommentEditor?: boolean;
     isChromelessEditor?: boolean;
 };
-export declare const lazyTableView: (options: TableViewOptions) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;
+export declare const tableView: (options: TableViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => import("prosemirror-view").NodeView;
 type TableCellViewOptions = {
     eventDispatcher: EventDispatcher;
     pluginInjectionApi?: PluginInjectionAPI;
 };
-export declare const lazyTableCellView: (options: TableCellViewOptions) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor | ((node: PMNode, view: EditorView, getPos: () => number | undefined) => TableCell);
-export declare const lazyTableHeaderView: (options: TableCellViewOptions) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor | ((node: PMNode, view: EditorView, getPos: () => number | undefined) => TableCell);
-export declare const lazyTableRowView: (options: TableCellViewOptions) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor | ((node: PMNode, view: EditorView, getPos: () => number | undefined) => TableRow);
+export declare const tableCellView: (options: TableCellViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => TableCell;
+export declare const tableHeaderView: (options: TableCellViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => TableCell;
+export declare const tableRowView: (options: TableCellViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => TableRow;
 export {};

package/dist/{types/nodeviews/lazy-node-views.d.ts → types-ts4.5/nodeviews/table-node-views.d.ts}

@@ -17,12 +17,12 @@ type TableViewOptions = {
     isCommentEditor?: boolean;
     isChromelessEditor?: boolean;
 };
-export declare const lazyTableView: (options: TableViewOptions) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;
+export declare const tableView: (options: TableViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => import("prosemirror-view").NodeView;
 type TableCellViewOptions = {
     eventDispatcher: EventDispatcher;
     pluginInjectionApi?: PluginInjectionAPI;
 };
-export declare const lazyTableCellView: (options: TableCellViewOptions) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor | ((node: PMNode, view: EditorView, getPos: () => number | undefined) => TableCell);
-export declare const lazyTableHeaderView: (options: TableCellViewOptions) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor | ((node: PMNode, view: EditorView, getPos: () => number | undefined) => TableCell);
-export declare const lazyTableRowView: (options: TableCellViewOptions) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor | ((node: PMNode, view: EditorView, getPos: () => number | undefined) => TableRow);
+export declare const tableCellView: (options: TableCellViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => TableCell;
+export declare const tableHeaderView: (options: TableCellViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => TableCell;
+export declare const tableRowView: (options: TableCellViewOptions) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => TableRow;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "10.11.5",
+	"version": "10.11.7",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,9 +39,9 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^2.1.0",
 		"@atlaskit/editor-plugin-content-insertion": "^2.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^4.0.0",
-		"@atlaskit/editor-plugin-extension": "5.5.1",
+		"@atlaskit/editor-plugin-extension": "5.5.2",
 		"@atlaskit/editor-plugin-guideline": "^2.0.0",
-		"@atlaskit/editor-plugin-interaction": "^1.1.0",
+		"@atlaskit/editor-plugin-interaction": "^2.0.0",
 		"@atlaskit/editor-plugin-selection": "^2.2.0",
 		"@atlaskit/editor-plugin-width": "^3.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
@@ -55,9 +55,9 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^5.6.0",
+		"@atlaskit/tmp-editor-statsig": "^5.7.0",
 		"@atlaskit/toggle": "^15.0.0",
-		"@atlaskit/tokens": "^4.9.0",
+		"@atlaskit/tokens": "^5.0.0",
 		"@atlaskit/tooltip": "^20.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -136,12 +136,6 @@
 		"platform_editor_live_page_prevent_table_recreation": {
 			"type": "boolean"
 		},
-		"platform_editor_disable_table_lnv": {
-			"type": "boolean"
-		},
-		"platform_editor_enable_table_lnv": {
-			"type": "boolean"
-		},
 		"nested_table_control_padding_with_css": {
 			"type": "boolean"
 		},
@@ -208,6 +202,9 @@
 		"platform_editor_fix_table_resizing_undo": {
 			"type": "boolean"
 		},
+		"platform_editor_table_drag_menu_flickers_fix": {
+			"type": "boolean"
+		},
 		"platform_editor_table_last_col_drag_handle_fix": {
 			"type": "boolean"
 		},

package/src/nodeviews/table-node-views.ts

@@ -0,0 +1,76 @@
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
+import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+
+import type { PluginInjectionAPI } from '../types';
+
+// TODO: ED-23976 - Clean up
+import { createTableView } from './table';
+import TableCell from './TableCell';
+import TableRow from './TableRow';
+
+type TableViewOptions = {
+	portalProviderAPI: PortalProviderAPI;
+	eventDispatcher: EventDispatcher;
+	getEditorContainerWidth: GetEditorContainerWidth;
+	getEditorFeatureFlags: GetEditorFeatureFlags;
+	dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+	pluginInjectionApi?: PluginInjectionAPI;
+	isCommentEditor?: boolean;
+	isChromelessEditor?: boolean;
+};
+
+export const tableView = (options: TableViewOptions) => {
+	return (node: PMNode, view: EditorView, getPos: () => number | undefined) => {
+		return createTableView(
+			node,
+			view,
+			getPos,
+			options.portalProviderAPI,
+			options.eventDispatcher,
+			options.getEditorContainerWidth,
+			options.getEditorFeatureFlags,
+			options.dispatchAnalyticsEvent,
+			options.pluginInjectionApi,
+			options.isCommentEditor,
+			options.isChromelessEditor,
+		);
+	};
+};
+
+type TableCellViewOptions = {
+	eventDispatcher: EventDispatcher;
+	pluginInjectionApi?: PluginInjectionAPI;
+};
+export const tableCellView = (options: TableCellViewOptions) => {
+	return (node: PMNode, view: EditorView, getPos: () => number | undefined) => {
+		return new TableCell(
+			node,
+			view,
+			getPos,
+			options.eventDispatcher,
+			options.pluginInjectionApi?.analytics?.actions,
+		);
+	};
+};
+
+export const tableHeaderView = (options: TableCellViewOptions) => {
+	return (node: PMNode, view: EditorView, getPos: () => number | undefined) => {
+		return new TableCell(
+			node,
+			view,
+			getPos,
+			options.eventDispatcher,
+			options.pluginInjectionApi?.analytics?.actions,
+		);
+	};
+};
+
+export const tableRowView = (options: TableCellViewOptions) => {
+	return (node: PMNode, view: EditorView, getPos: () => number | undefined) => {
+		return new TableRow(node, view, getPos, options.eventDispatcher);
+	};
+};

package/src/pm-plugins/main.ts

@@ -28,11 +28,11 @@ import { findTable } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 
 import {
-	lazyTableCellView,
-	lazyTableHeaderView,
-	lazyTableRowView,
-	lazyTableView,
-} from '../nodeviews/lazy-node-views';
+	tableCellView,
+	tableHeaderView,
+	tableRowView,
+	tableView,
+} from '../nodeviews/table-node-views';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
 import type {
 	InvalidNodeAttr,
@@ -135,7 +135,7 @@ export const createPlugin = (
 		isSSR() && fg('platform_editor_table_fallback_to_dom_on_ssr')
 			? undefined
 			: {
-					table: lazyTableView({
+					table: tableView({
 						portalProviderAPI,
 						eventDispatcher,
 						getEditorContainerWidth,
@@ -145,9 +145,9 @@ export const createPlugin = (
 						isCommentEditor,
 						isChromelessEditor,
 					}),
-					tableRow: lazyTableRowView({ eventDispatcher }),
-					tableCell: lazyTableCellView({ eventDispatcher, pluginInjectionApi }),
-					tableHeader: lazyTableHeaderView({ eventDispatcher, pluginInjectionApi }),
+					tableRow: tableRowView({ eventDispatcher }),
+					tableCell: tableCellView({ eventDispatcher, pluginInjectionApi }),
+					tableHeader: tableHeaderView({ eventDispatcher, pluginInjectionApi }),
 				};
 	return new SafePlugin({
 		state: state,

package/src/ui/FloatingDragMenu/DropdownMenu.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
-import React, { useState } from 'react';
+import React, { useCallback, useState } from 'react';
 
 import { DropList, type DropListProps, Popup } from '@atlaskit/editor-common/ui';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
@@ -14,6 +14,7 @@ import {
 } from '@atlaskit/editor-common/ui-react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { MenuGroup, Section } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 import { dragMenuDropdownWidth } from '../consts';
 
@@ -123,6 +124,49 @@ export const DropdownMenu = ({
 		);
 	};
 
+	const onClose = useCallback(() => handleClose('handle'), [handleClose]);
+	const onSelection = useCallback(
+		(index: number) => {
+			const results = items.flatMap((item) => ('items' in item ? item.items : item));
+
+			// onSelection is called when any focusable element is 'activated'
+			// this is an issue as some menu items have toggles, which cause the index value
+			// in the callback to be outside of array length.
+			// The logic below normalises the index value based on the number
+			// of menu items with 2 focusable elements, and adjusts the index to ensure
+			// the correct menu item is sent in onItemActivated callback
+			const keys = ['row_numbers', 'header_row', 'header_column'];
+			let doubleItemCount = 0;
+
+			const firstIndex = results.findIndex((value) => {
+				const key = value.key;
+				return key !== undefined && keys.includes(key);
+			});
+
+			if (firstIndex === -1 || index <= firstIndex) {
+				onItemActivated && onItemActivated({ item: results[index] });
+				return;
+			}
+
+			for (let i = firstIndex; i < results.length; i += 1) {
+				const key = results[i].key;
+				if (key !== undefined && keys.includes(key)) {
+					doubleItemCount += 1;
+				}
+				if (firstIndex % 2 === 0 && index - doubleItemCount === i) {
+					onItemActivated && onItemActivated({ item: results[i] });
+					return;
+				}
+
+				if (firstIndex % 2 === 1 && index - doubleItemCount === i) {
+					onItemActivated && onItemActivated({ item: results[i] });
+					return;
+				}
+			}
+		},
+		[items, onItemActivated],
+	);
+
 	return (
 		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
 		<div className="drag-dropdown-menu-wrapper">
@@ -144,51 +188,29 @@ export const DropdownMenu = ({
 				offset={[offsetX, offsetY]}
 				allowOutOfBounds // required as this popup is child of a parent popup, should be allowed to be out of bound of the parent popup, otherwise horizontal offset is not right
 			>
-				{disableKeyboardHandling ? (
+				{fg('platform_editor_table_drag_menu_flickers_fix') ? (
+					<ArrowKeyNavigationProvider
+						closeOnTab={!disableKeyboardHandling}
+						type={ArrowKeyNavigationType.MENU}
+						handleClose={onClose}
+						onSelection={onSelection}
+						// disableKeyboardHandling is linked with isSubmenuOpen in DragMenu
+						// When isSubmenuOpen is true, the background color picker palette is open, and the picker is a ColorPaletteArrowKeyNavigationProvider
+						// At the same time the MenuArrowKeyNavigationProvider are renderer too, as it is the wrapper for all other DragMenu items
+						// In this case we want the ColorPaletteArrowKeyNavigationProvider to handle the keyboard event, not the MenuArrowKeyNavigationProvider
+						// Hence set disableArrowKeyNavigation to true when disableKeyboardHandling is true
+						disableArrowKeyNavigation={disableKeyboardHandling}
+					>
+						{innerMenu()}
+					</ArrowKeyNavigationProvider>
+				) : disableKeyboardHandling ? (
 					innerMenu()
 				) : (
 					<ArrowKeyNavigationProvider
 						closeOnTab
 						type={ArrowKeyNavigationType.MENU}
-						handleClose={() => handleClose('handle')}
-						onSelection={(index) => {
-							const results = items.flatMap((item) => ('items' in item ? item.items : item));
-
-							// onSelection is called when any focusable element is 'activated'
-							// this is an issue as some menu items have toggles, which cause the index value
-							// in the callback to be outside of array length.
-							// The logic below normalises the index value based on the number
-							// of menu items with 2 focusable elements, and adjusts the index to ensure
-							// the correct menu item is sent in onItemActivated callback
-							const keys = ['row_numbers', 'header_row', 'header_column'];
-							let doubleItemCount = 0;
-
-							// Ignored via go/ees005
-							// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-							const firstIndex = results.findIndex((value) => keys.includes(value.key!));
-
-							if (firstIndex === -1 || index <= firstIndex) {
-								onItemActivated && onItemActivated({ item: results[index] });
-								return;
-							}
-
-							for (let i = firstIndex; i < results.length; i += 1) {
-								// Ignored via go/ees005
-								// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-								if (keys.includes(results[i].key!)) {
-									doubleItemCount += 1;
-								}
-								if (firstIndex % 2 === 0 && index - doubleItemCount === i) {
-									onItemActivated && onItemActivated({ item: results[i] });
-									return;
-								}
-
-								if (firstIndex % 2 === 1 && index - doubleItemCount === i) {
-									onItemActivated && onItemActivated({ item: results[i] });
-									return;
-								}
-							}
-						}}
+						handleClose={onClose}
+						onSelection={onSelection}
 					>
 						{innerMenu()}
 					</ArrowKeyNavigationProvider>

package/dist/cjs/nodeviews/lazy-node-views.js

@@ -1,148 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lazyTableView = exports.lazyTableRowView = exports.lazyTableHeaderView = exports.lazyTableCellView = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _table = require("./table");
-var _TableCell = _interopRequireDefault(require("./TableCell"));
-var _TableRow = _interopRequireDefault(require("./TableRow"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } // TODO: ED-23976 - Clean up
-var lazyTableView = exports.lazyTableView = function lazyTableView(options) {
-  // LNV tables were broken in concurrent mode - they were temporarily disabled to unblock concurrent mode.
-  // Enabling them again via the platform_editor_enable_table_lnv flag.
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || !(0, _platformFeatureFlags.fg)('platform_editor_enable_table_lnv') && (0, _platformFeatureFlags.fg)('platform_editor_disable_table_lnv')) {
-    return function (node, view, getPos) {
-      return (0, _table.createTableView)(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isCommentEditor, options.isChromelessEditor);
-    };
-  }
-  var loader = function loader() {
-    var result = Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-plugin-table_nodeview" */
-      './table'));
-    }).then(function (_ref) {
-      var createTableView = _ref.createTableView;
-      return function (node, view, getPos, decorations, getNodeViewOptions) {
-        var _getNodeViewOptions = getNodeViewOptions(),
-          portalProviderAPI = _getNodeViewOptions.portalProviderAPI,
-          eventDispatcher = _getNodeViewOptions.eventDispatcher,
-          getEditorContainerWidth = _getNodeViewOptions.getEditorContainerWidth,
-          getEditorFeatureFlags = _getNodeViewOptions.getEditorFeatureFlags,
-          dispatchAnalyticsEvent = _getNodeViewOptions.dispatchAnalyticsEvent,
-          pluginInjectionApi = _getNodeViewOptions.pluginInjectionApi,
-          isCommentEditor = _getNodeViewOptions.isCommentEditor,
-          isChromelessEditor = _getNodeViewOptions.isChromelessEditor;
-        return createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi, isCommentEditor, isChromelessEditor);
-      };
-    });
-    return result;
-  };
-  return (0, _lazyNodeView.withLazyLoading)({
-    nodeName: 'table',
-    getNodeViewOptions: function getNodeViewOptions() {
-      return options;
-    },
-    loader: loader
-  });
-};
-var lazyTableCellView = exports.lazyTableCellView = function lazyTableCellView(options) {
-  // LNV tables were broken in concurrent mode - they were temporarily disabled to unblock concurrent mode.
-  // Enabling them again via the platform_editor_enable_table_lnv flag.
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || !(0, _platformFeatureFlags.fg)('platform_editor_enable_table_lnv') && (0, _platformFeatureFlags.fg)('platform_editor_disable_table_lnv')) {
-    return function (node, view, getPos) {
-      var _options$pluginInject;
-      return new _TableCell.default(node, view, getPos, options.eventDispatcher, (_options$pluginInject = options.pluginInjectionApi) === null || _options$pluginInject === void 0 || (_options$pluginInject = _options$pluginInject.analytics) === null || _options$pluginInject === void 0 ? void 0 : _options$pluginInject.actions);
-    };
-  }
-  var loader = function loader() {
-    var result = Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-plugin-table_nodeview" */
-      './TableCell'));
-    }).then(function (_ref2) {
-      var TableCell = _ref2.default;
-      return function (node, view, getPos, decorations, getNodeViewOptions) {
-        var _pluginInjectionApi$a;
-        var _getNodeViewOptions2 = getNodeViewOptions(),
-          eventDispatcher = _getNodeViewOptions2.eventDispatcher,
-          pluginInjectionApi = _getNodeViewOptions2.pluginInjectionApi;
-        return new TableCell(node, view, getPos, eventDispatcher, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions);
-      };
-    });
-    return result;
-  };
-  return (0, _lazyNodeView.withLazyLoading)({
-    nodeName: 'tableCell',
-    getNodeViewOptions: function getNodeViewOptions() {
-      return options;
-    },
-    loader: loader
-  });
-};
-var lazyTableHeaderView = exports.lazyTableHeaderView = function lazyTableHeaderView(options) {
-  // LNV tables were broken in concurrent mode - they were temporarily disabled to unblock concurrent mode.
-  // Enabling them again via the platform_editor_enable_table_lnv flag.
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || !(0, _platformFeatureFlags.fg)('platform_editor_enable_table_lnv') && (0, _platformFeatureFlags.fg)('platform_editor_disable_table_lnv')) {
-    return function (node, view, getPos) {
-      var _options$pluginInject2;
-      return new _TableCell.default(node, view, getPos, options.eventDispatcher, (_options$pluginInject2 = options.pluginInjectionApi) === null || _options$pluginInject2 === void 0 || (_options$pluginInject2 = _options$pluginInject2.analytics) === null || _options$pluginInject2 === void 0 ? void 0 : _options$pluginInject2.actions);
-    };
-  }
-  var loader = function loader() {
-    var result = Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-plugin-table-cell_nodeview" */
-      './TableCell'));
-    }).then(function (_ref3) {
-      var TableCell = _ref3.default;
-      return function (node, view, getPos, decorations, getNodeViewOptions) {
-        var _pluginInjectionApi$a2;
-        var _getNodeViewOptions3 = getNodeViewOptions(),
-          eventDispatcher = _getNodeViewOptions3.eventDispatcher,
-          pluginInjectionApi = _getNodeViewOptions3.pluginInjectionApi;
-        return new TableCell(node, view, getPos, eventDispatcher, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions);
-      };
-    });
-    return result;
-  };
-  return (0, _lazyNodeView.withLazyLoading)({
-    nodeName: 'tableHeader',
-    getNodeViewOptions: function getNodeViewOptions() {
-      return options;
-    },
-    loader: loader
-  });
-};
-var lazyTableRowView = exports.lazyTableRowView = function lazyTableRowView(options) {
-  // LNV tables were broken in concurrent mode - they were temporarily disabled to unblock concurrent mode.
-  // Enabling them again via the platform_editor_enable_table_lnv flag.
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false) || !(0, _platformFeatureFlags.fg)('platform_editor_enable_table_lnv') && (0, _platformFeatureFlags.fg)('platform_editor_disable_table_lnv')) {
-    return function (node, view, getPos) {
-      return new _TableRow.default(node, view, getPos, options.eventDispatcher);
-    };
-  }
-  var loader = function loader() {
-    var result = Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-plugin-table-row_nodeview" */
-      './TableRow'));
-    }).then(function (_ref4) {
-      var TableRow = _ref4.default;
-      return function (node, view, getPos, decorations, getNodeViewOptions) {
-        var _getNodeViewOptions4 = getNodeViewOptions(),
-          eventDispatcher = _getNodeViewOptions4.eventDispatcher;
-        return new TableRow(node, view, getPos, eventDispatcher);
-      };
-    });
-    return result;
-  };
-  return (0, _lazyNodeView.withLazyLoading)({
-    nodeName: 'tableRow',
-    getNodeViewOptions: function getNodeViewOptions() {
-      return options;
-    },
-    loader: loader
-  });
-};