@atlaskit/editor-plugin-table 7.16.11 → 7.16.12

package/src/nodeviews/TableComponentWithSharedState.tsx

@@ -3,10 +3,7 @@ import React from 'react';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import type {
-  GetEditorFeatureFlags,
-  getPosHandlerNode,
-} from '@atlaskit/editor-common/types';
+import type { GetEditorFeatureFlags, getPosHandlerNode } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { findTable } from '@atlaskit/editor-tables';
@@ -19,108 +16,108 @@ import type { TableOptions } from './types';
 type ForwardRef = (node: HTMLElement | null) => any;
 
 type TableComponentWithSharedStateProps = {
-  view: EditorView;
-  options?: TableOptions;
-  getNode: () => PmNode;
-  dispatchAnalyticsEvent: DispatchAnalyticsEvent;
-  getEditorFeatureFlags: GetEditorFeatureFlags;
-  api?: PluginInjectionAPI;
-  eventDispatcher: EventDispatcher;
-  forwardRef: ForwardRef;
-  getPos: getPosHandlerNode;
-  allowColumnResizing?: boolean;
-  allowControls?: boolean;
+	view: EditorView;
+	options?: TableOptions;
+	getNode: () => PmNode;
+	dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+	getEditorFeatureFlags: GetEditorFeatureFlags;
+	api?: PluginInjectionAPI;
+	eventDispatcher: EventDispatcher;
+	forwardRef: ForwardRef;
+	getPos: getPosHandlerNode;
+	allowColumnResizing?: boolean;
+	allowControls?: boolean;
 };
 
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies
  */
 export const TableComponentWithSharedState = ({
-  view,
-  options,
-  getNode,
-  dispatchAnalyticsEvent,
-  api,
-  getEditorFeatureFlags,
-  eventDispatcher,
-  allowColumnResizing,
-  allowControls,
-  getPos,
-  forwardRef,
+	view,
+	options,
+	getNode,
+	dispatchAnalyticsEvent,
+	api,
+	getEditorFeatureFlags,
+	eventDispatcher,
+	allowColumnResizing,
+	allowControls,
+	getPos,
+	forwardRef,
 }: TableComponentWithSharedStateProps) => {
-  const { widthState, tableState, mediaState } = useSharedPluginState(api, [
-    'width',
-    'table',
-    'media',
-  ]);
+	const { widthState, tableState, mediaState } = useSharedPluginState(api, [
+		'width',
+		'table',
+		'media',
+	]);
 
-  if (!tableState) {
-    return null;
-  }
+	if (!tableState) {
+		return null;
+	}
 
-  const {
-    isTableResizing,
-    isHeaderColumnEnabled,
-    isHeaderRowEnabled,
-    ordering,
-    isResizing,
-    isInDanger,
-    hoveredCell,
-    hoveredRows,
-    isTableHovered,
-    isWholeTableInDanger,
-  } = tableState as TableSharedStateInternal;
+	const {
+		isTableResizing,
+		isHeaderColumnEnabled,
+		isHeaderRowEnabled,
+		ordering,
+		isResizing,
+		isInDanger,
+		hoveredCell,
+		hoveredRows,
+		isTableHovered,
+		isWholeTableInDanger,
+	} = tableState as TableSharedStateInternal;
 
-  /**
-   *  ED-19810
-   *  There is a getPos issue coming from this code. We need to apply this workaround for now and apply a patch
-   *  directly to confluence since this bug is now in production.
-   */
-  let currentTablePos: number | undefined;
-  try {
-    currentTablePos = getPos ? getPos() : undefined;
-  } catch (e) {
-    currentTablePos = undefined;
-  }
+	/**
+	 *  ED-19810
+	 *  There is a getPos issue coming from this code. We need to apply this workaround for now and apply a patch
+	 *  directly to confluence since this bug is now in production.
+	 */
+	let currentTablePos: number | undefined;
+	try {
+		currentTablePos = getPos ? getPos() : undefined;
+	} catch (e) {
+		currentTablePos = undefined;
+	}
 
-  const selectedTable = findTable(view.state.selection);
+	const selectedTable = findTable(view.state.selection);
 
-  const tablePos = selectedTable && selectedTable.start - 1;
+	const tablePos = selectedTable && selectedTable.start - 1;
 
-  const tableActive =
-    typeof currentTablePos === 'number' &&
-    typeof tablePos === 'number' &&
-    currentTablePos === tablePos &&
-    !isTableResizing;
+	const tableActive =
+		typeof currentTablePos === 'number' &&
+		typeof tablePos === 'number' &&
+		currentTablePos === tablePos &&
+		!isTableResizing;
 
-  return (
-    <TableComponent
-      view={view}
-      allowColumnResizing={allowColumnResizing}
-      eventDispatcher={eventDispatcher}
-      getPos={getPos}
-      isMediaFullscreen={mediaState?.isFullscreen}
-      options={options}
-      allowControls={!!allowControls}
-      isHeaderRowEnabled={isHeaderRowEnabled}
-      isHeaderColumnEnabled={isHeaderColumnEnabled}
-      isDragAndDropEnabled={options?.isDragAndDropEnabled}
-      isTableScalingEnabled={options?.isTableScalingEnabled}
-      isTableAlignmentEnabled={options?.isTableAlignmentEnabled}
-      tableActive={tableActive}
-      ordering={ordering}
-      isResizing={isResizing}
-      getNode={getNode}
-      containerWidth={widthState!}
-      contentDOM={forwardRef}
-      getEditorFeatureFlags={getEditorFeatureFlags}
-      dispatchAnalyticsEvent={dispatchAnalyticsEvent}
-      pluginInjectionApi={api}
-      isInDanger={!!isInDanger}
-      hoveredRows={hoveredRows}
-      hoveredCell={hoveredCell}
-      isTableHovered={isTableHovered}
-      isWholeTableInDanger={isWholeTableInDanger}
-    />
-  );
+	return (
+		<TableComponent
+			view={view}
+			allowColumnResizing={allowColumnResizing}
+			eventDispatcher={eventDispatcher}
+			getPos={getPos}
+			isMediaFullscreen={mediaState?.isFullscreen}
+			options={options}
+			allowControls={!!allowControls}
+			isHeaderRowEnabled={isHeaderRowEnabled}
+			isHeaderColumnEnabled={isHeaderColumnEnabled}
+			isDragAndDropEnabled={options?.isDragAndDropEnabled}
+			isTableScalingEnabled={options?.isTableScalingEnabled}
+			isTableAlignmentEnabled={options?.isTableAlignmentEnabled}
+			tableActive={tableActive}
+			ordering={ordering}
+			isResizing={isResizing}
+			getNode={getNode}
+			containerWidth={widthState!}
+			contentDOM={forwardRef}
+			getEditorFeatureFlags={getEditorFeatureFlags}
+			dispatchAnalyticsEvent={dispatchAnalyticsEvent}
+			pluginInjectionApi={api}
+			isInDanger={!!isInDanger}
+			hoveredRows={hoveredRows}
+			hoveredCell={hoveredCell}
+			isTableHovered={isTableHovered}
+			isWholeTableInDanger={isWholeTableInDanger}
+		/>
+	);
 };