@atlaskit/editor-plugin-table 1.6.6 → 1.6.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-table
 
+## 1.6.8
+
+### Patch Changes
+
+- [`a9350cf3831`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a9350cf3831) - Check existence of window and document variable for confluence SSR to work
+
+## 1.6.7
+
+### Patch Changes
+
+- [`18344c31ea3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18344c31ea3) - [ED-13910] Fix EditorView getPos type
+
 ## 1.6.6
 
 ### Patch Changes

package/dist/cjs/plugins/table/commands/misc.js

@@ -382,6 +382,9 @@ var addResizeHandleDecorations = function addResizeHandleDecorations(rowIndex, c
 };
 exports.addResizeHandleDecorations = addResizeHandleDecorations;
 var autoSizeTable = function autoSizeTable(view, node, table, basePos, opts) {
+  if (typeof basePos !== 'number') {
+    return false;
+  }
   view.dispatch((0, _transforms.fixAutoSizedTable)(view, node, table, basePos, opts));
   return true;
 };

package/dist/cjs/plugins/table/nodeviews/TableComponent.js

@@ -158,7 +158,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var state = view.state,
         dispatch = view.dispatch;
       var pos = getPos();
-      if (!(0, _utils2.isValidPosition)(pos, state)) {
+      if (typeof pos !== 'number' || !(0, _utils2.isValidPosition)(pos, state)) {
         return;
       }
       var domAtPos = view.domAtPos.bind(view);

package/dist/cjs/plugins/table/nodeviews/TableResizer.js

@@ -33,10 +33,14 @@ var TableResizer = function TableResizer(_ref) {
     },
     handleResize: (0, _rafSchd.default)(function (originalState, delta) {
       var newWidth = originalState.width + delta.width;
+      var pos = getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
       (0, _utils.previewScaleTable)(tableRef, {
         node: node,
         prevNode: node,
-        start: getPos() + 1,
+        start: pos + 1,
         parentWidth: newWidth
       }, editorView.domAtPos.bind(editorView));
       updateWidth(newWidth);
@@ -47,6 +51,9 @@ var TableResizer = function TableResizer(_ref) {
       var state = editorView.state,
         dispatch = editorView.dispatch;
       var pos = getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
       var tr = state.tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
         width: newWidth
       }));
@@ -54,7 +61,7 @@ var TableResizer = function TableResizer(_ref) {
       tr = (0, _utils.scaleTable)(tableRef, {
         node: newNode,
         prevNode: node,
-        start: getPos() + 1,
+        start: pos + 1,
         parentWidth: newWidth
       }, editorView.domAtPos.bind(editorView))(tr);
       dispatch(tr);

package/dist/cjs/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -446,7 +446,7 @@ var ContextualMenu = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 exports.ContextualMenu = ContextualMenu;
 (0, _defineProperty2.default)(ContextualMenu, "defaultProps", {
-  boundariesElement: document.body
+  boundariesElement: typeof document !== 'undefined' ? document.body : undefined
 });
 var _default = (0, _reactIntlNext.injectIntl)(ContextualMenu);
 exports.default = _default;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "1.6.6",
+	"version": "1.6.8",
 	"sideEffects": false
 }

package/dist/es2019/plugins/table/commands/misc.js

@@ -344,6 +344,9 @@ export const addResizeHandleDecorations = (rowIndex, columnIndex) => createComma
   };
 }, tr => tr.setMeta('addToHistory', false));
 export const autoSizeTable = (view, node, table, basePos, opts) => {
+  if (typeof basePos !== 'number') {
+    return false;
+  }
   view.dispatch(fixAutoSizedTable(view, node, table, basePos, opts));
   return true;
 };

package/dist/es2019/plugins/table/nodeviews/TableComponent.js

@@ -147,7 +147,7 @@ class TableComponent extends React.Component {
         dispatch
       } = view;
       const pos = getPos();
-      if (!isValidPosition(pos, state)) {
+      if (typeof pos !== 'number' || !isValidPosition(pos, state)) {
         return;
       }
       const domAtPos = view.domAtPos.bind(view);

package/dist/es2019/plugins/table/nodeviews/TableResizer.js

@@ -22,10 +22,14 @@ export const TableResizer = ({
     handleResizeStart: () => width,
     handleResize: rafSchd((originalState, delta) => {
       const newWidth = originalState.width + delta.width;
+      const pos = getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
       previewScaleTable(tableRef, {
         node,
         prevNode: node,
-        start: getPos() + 1,
+        start: pos + 1,
         parentWidth: newWidth
       }, editorView.domAtPos.bind(editorView));
       updateWidth(newWidth);
@@ -38,6 +42,9 @@ export const TableResizer = ({
         dispatch
       } = editorView;
       const pos = getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
       let tr = state.tr.setNodeMarkup(pos, undefined, {
         ...node.attrs,
         width: newWidth
@@ -46,7 +53,7 @@ export const TableResizer = ({
       tr = scaleTable(tableRef, {
         node: newNode,
         prevNode: node,
-        start: getPos() + 1,
+        start: pos + 1,
         parentWidth: newWidth
       }, editorView.domAtPos.bind(editorView))(tr);
       dispatch(tr);

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -454,6 +454,6 @@ export class ContextualMenu extends Component {
   }
 }
 _defineProperty(ContextualMenu, "defaultProps", {
-  boundariesElement: document.body
+  boundariesElement: typeof document !== 'undefined' ? document.body : undefined
 });
 export default injectIntl(ContextualMenu);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "1.6.6",
+	"version": "1.6.8",
 	"sideEffects": false
 }

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

@@ -359,6 +359,9 @@ export var addResizeHandleDecorations = function addResizeHandleDecorations(rowI
   });
 };
 export var autoSizeTable = function autoSizeTable(view, node, table, basePos, opts) {
+  if (typeof basePos !== 'number') {
+    return false;
+  }
   view.dispatch(fixAutoSizedTable(view, node, table, basePos, opts));
   return true;
 };

package/dist/esm/plugins/table/nodeviews/TableComponent.js

@@ -152,7 +152,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var state = view.state,
         dispatch = view.dispatch;
       var pos = getPos();
-      if (!isValidPosition(pos, state)) {
+      if (typeof pos !== 'number' || !isValidPosition(pos, state)) {
         return;
       }
       var domAtPos = view.domAtPos.bind(view);

package/dist/esm/plugins/table/nodeviews/TableResizer.js

@@ -26,10 +26,14 @@ export var TableResizer = function TableResizer(_ref) {
     },
     handleResize: rafSchd(function (originalState, delta) {
       var newWidth = originalState.width + delta.width;
+      var pos = getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
       previewScaleTable(tableRef, {
         node: node,
         prevNode: node,
-        start: getPos() + 1,
+        start: pos + 1,
         parentWidth: newWidth
       }, editorView.domAtPos.bind(editorView));
       updateWidth(newWidth);
@@ -40,6 +44,9 @@ export var TableResizer = function TableResizer(_ref) {
       var state = editorView.state,
         dispatch = editorView.dispatch;
       var pos = getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
       var tr = state.tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
         width: newWidth
       }));
@@ -47,7 +54,7 @@ export var TableResizer = function TableResizer(_ref) {
       tr = scaleTable(tableRef, {
         node: newNode,
         prevNode: node,
-        start: getPos() + 1,
+        start: pos + 1,
         parentWidth: newWidth
       }, editorView.domAtPos.bind(editorView))(tr);
       dispatch(tr);

package/dist/esm/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -438,6 +438,6 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
   return ContextualMenu;
 }(Component);
 _defineProperty(ContextualMenu, "defaultProps", {
-  boundariesElement: document.body
+  boundariesElement: typeof document !== 'undefined' ? document.body : undefined
 });
 export default injectIntl(ContextualMenu);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "1.6.6",
+	"version": "1.6.8",
 	"sideEffects": false
 }

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

@@ -21,7 +21,7 @@ export declare const showInsertColumnButton: (columnIndex: number) => Command;
 export declare const showInsertRowButton: (rowIndex: number) => Command;
 export declare const hideInsertColumnOrRowButton: () => Command;
 export declare const addResizeHandleDecorations: (rowIndex: number, columnIndex: number) => Command;
-export declare const autoSizeTable: (view: EditorView, node: PMNode, table: HTMLTableElement, basePos: number, opts: {
+export declare const autoSizeTable: (view: EditorView, node: PMNode, table: HTMLTableElement, basePos: number | undefined, opts: {
     containerWidth: number;
 }) => boolean;
 export declare const addBoldInEmptyHeaderCells: (tableCellHeader: ContentNodeWithPos) => Command;

package/dist/types/plugins/table/nodeviews/TableComponent.d.ts

@@ -13,7 +13,7 @@ export interface ComponentProps {
     getNode: () => PmNode;
     allowColumnResizing?: boolean;
     eventDispatcher: EventDispatcher;
-    getPos: () => number;
+    getPos: () => number | undefined;
     options?: TableOptions;
     contentDOM: (node: HTMLElement | null) => void;
     containerWidth: EditorContainerWidth;

package/dist/types/plugins/table/nodeviews/TableContainer.d.ts

@@ -17,7 +17,7 @@ type ResizableTableContainerProps = {
     node: PMNode;
     className: string;
     editorView: EditorView;
-    getPos: () => number;
+    getPos: () => number | undefined;
     tableRef: HTMLTableElement;
 };
 export declare const ResizableTableContainer: ({ children, className, node, lineLength, editorView, getPos, tableRef, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element;
@@ -28,7 +28,7 @@ type TableContainerProps = {
     isFullWidthModeEnabled: boolean | undefined;
     isBreakoutEnabled: boolean | undefined;
     editorView: EditorView;
-    getPos: () => number;
+    getPos: () => number | undefined;
     tableRef: HTMLTableElement;
 };
 export declare const TableContainer: ({ children, node, className, containerWidth: { lineLength, width: editorWidth }, isFullWidthModeEnabled, isBreakoutEnabled, editorView, getPos, tableRef, }: PropsWithChildren<TableContainerProps>) => JSX.Element;

package/dist/types/plugins/table/nodeviews/TableResizer.d.ts

@@ -5,7 +5,7 @@ interface TableResizerProps {
     width: number;
     updateWidth: (width: number) => void;
     editorView: EditorView;
-    getPos: () => number;
+    getPos: () => number | undefined;
     node: PMNode;
     tableRef: HTMLTableElement;
 }

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

@@ -15,7 +15,7 @@ export interface Props {
     cellMinWidth?: number;
     portalProviderAPI: PortalProviderAPI;
     eventDispatcher: EventDispatcher;
-    getPos: () => number;
+    getPos: () => number | undefined;
     options?: TableOptions;
     tableRenderOptimization?: boolean;
     getEditorContainerWidth: GetEditorContainerWidth;

package/dist/types/plugins/table/ui/FloatingContextualMenu/ContextualMenu.d.ts

@@ -69,7 +69,7 @@ export interface State {
 export declare class ContextualMenu extends Component<Props & WrappedComponentProps, State> {
     state: State;
     static defaultProps: {
-        boundariesElement: HTMLElement;
+        boundariesElement: HTMLElement | undefined;
     };
     render(): jsx.JSX.Element | null;
     private handleSubMenuRef;

package/dist/types-ts4.5/plugins/table/commands/misc.d.ts

@@ -21,7 +21,7 @@ export declare const showInsertColumnButton: (columnIndex: number) => Command;
 export declare const showInsertRowButton: (rowIndex: number) => Command;
 export declare const hideInsertColumnOrRowButton: () => Command;
 export declare const addResizeHandleDecorations: (rowIndex: number, columnIndex: number) => Command;
-export declare const autoSizeTable: (view: EditorView, node: PMNode, table: HTMLTableElement, basePos: number, opts: {
+export declare const autoSizeTable: (view: EditorView, node: PMNode, table: HTMLTableElement, basePos: number | undefined, opts: {
     containerWidth: number;
 }) => boolean;
 export declare const addBoldInEmptyHeaderCells: (tableCellHeader: ContentNodeWithPos) => Command;

package/dist/types-ts4.5/plugins/table/nodeviews/TableComponent.d.ts

@@ -13,7 +13,7 @@ export interface ComponentProps {
     getNode: () => PmNode;
     allowColumnResizing?: boolean;
     eventDispatcher: EventDispatcher;
-    getPos: () => number;
+    getPos: () => number | undefined;
     options?: TableOptions;
     contentDOM: (node: HTMLElement | null) => void;
     containerWidth: EditorContainerWidth;

package/dist/types-ts4.5/plugins/table/nodeviews/TableContainer.d.ts

@@ -17,7 +17,7 @@ type ResizableTableContainerProps = {
     node: PMNode;
     className: string;
     editorView: EditorView;
-    getPos: () => number;
+    getPos: () => number | undefined;
     tableRef: HTMLTableElement;
 };
 export declare const ResizableTableContainer: ({ children, className, node, lineLength, editorView, getPos, tableRef, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element;
@@ -28,7 +28,7 @@ type TableContainerProps = {
     isFullWidthModeEnabled: boolean | undefined;
     isBreakoutEnabled: boolean | undefined;
     editorView: EditorView;
-    getPos: () => number;
+    getPos: () => number | undefined;
     tableRef: HTMLTableElement;
 };
 export declare const TableContainer: ({ children, node, className, containerWidth: { lineLength, width: editorWidth }, isFullWidthModeEnabled, isBreakoutEnabled, editorView, getPos, tableRef, }: PropsWithChildren<TableContainerProps>) => JSX.Element;

package/dist/types-ts4.5/plugins/table/nodeviews/TableResizer.d.ts

@@ -5,7 +5,7 @@ interface TableResizerProps {
     width: number;
     updateWidth: (width: number) => void;
     editorView: EditorView;
-    getPos: () => number;
+    getPos: () => number | undefined;
     node: PMNode;
     tableRef: HTMLTableElement;
 }

package/dist/types-ts4.5/plugins/table/nodeviews/types.d.ts

@@ -15,7 +15,7 @@ export interface Props {
     cellMinWidth?: number;
     portalProviderAPI: PortalProviderAPI;
     eventDispatcher: EventDispatcher;
-    getPos: () => number;
+    getPos: () => number | undefined;
     options?: TableOptions;
     tableRenderOptimization?: boolean;
     getEditorContainerWidth: GetEditorContainerWidth;

package/dist/types-ts4.5/plugins/table/ui/FloatingContextualMenu/ContextualMenu.d.ts

@@ -69,7 +69,7 @@ export interface State {
 export declare class ContextualMenu extends Component<Props & WrappedComponentProps, State> {
     state: State;
     static defaultProps: {
-        boundariesElement: HTMLElement;
+        boundariesElement: HTMLElement | undefined;
     };
     render(): jsx.JSX.Element | null;
     private handleSubMenuRef;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "1.6.6",
+  "version": "1.6.8",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,8 +27,8 @@
     "releaseModel": "continuous"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^25.9.0",
-    "@atlaskit/editor-common": "^74.9.0",
+    "@atlaskit/adf-schema": "^25.10.0",
+    "@atlaskit/editor-common": "^74.10.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-plugin-analytics": "^0.0.3",
     "@atlaskit/editor-plugin-content-insertion": "^0.0.3",
@@ -65,7 +65,7 @@
     "@af/editor-libra": "*",
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/button": "^16.8.0",
-    "@atlaskit/editor-core": "^185.3.0",
+    "@atlaskit/editor-core": "^185.4.0",
     "@atlaskit/editor-plugin-decorations": "^0.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
     "@atlaskit/editor-plugin-grid": "^0.1.0",

package/src/plugins/table/commands/misc.ts

@@ -470,9 +470,13 @@ export const autoSizeTable = (
   view: EditorView,
   node: PMNode,
   table: HTMLTableElement,
-  basePos: number,
+  basePos: number | undefined,
   opts: { containerWidth: number },
 ) => {
+  if (typeof basePos !== 'number') {
+    return false;
+  }
+
   view.dispatch(fixAutoSizedTable(view, node, table, basePos, opts));
   return true;
 };

package/src/plugins/table/nodeviews/TableComponent.tsx

@@ -60,7 +60,7 @@ export interface ComponentProps {
   getNode: () => PmNode;
   allowColumnResizing?: boolean;
   eventDispatcher: EventDispatcher;
-  getPos: () => number;
+  getPos: () => number | undefined;
   options?: TableOptions;
 
   contentDOM: (node: HTMLElement | null) => void;
@@ -570,7 +570,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
     const { state, dispatch } = view;
     const pos = getPos();
 
-    if (!isValidPosition(pos, state)) {
+    if (typeof pos !== 'number' || !isValidPosition(pos, state)) {
       return;
     }
     const domAtPos = view.domAtPos.bind(view);

package/src/plugins/table/nodeviews/TableContainer.tsx

@@ -67,7 +67,7 @@ type ResizableTableContainerProps = {
   node: PMNode;
   className: string;
   editorView: EditorView;
-  getPos: () => number;
+  getPos: () => number | undefined;
   tableRef: HTMLTableElement;
 };
 
@@ -146,7 +146,7 @@ type TableContainerProps = {
   isFullWidthModeEnabled: boolean | undefined;
   isBreakoutEnabled: boolean | undefined;
   editorView: EditorView;
-  getPos: () => number;
+  getPos: () => number | undefined;
   tableRef: HTMLTableElement;
 };
 

package/src/plugins/table/nodeviews/TableResizer.tsx

@@ -17,7 +17,7 @@ interface TableResizerProps {
   width: number;
   updateWidth: (width: number) => void;
   editorView: EditorView;
-  getPos: () => number;
+  getPos: () => number | undefined;
   node: PMNode;
   tableRef: HTMLTableElement;
 }
@@ -46,13 +46,17 @@ export const TableResizer = ({
       handleResizeStart={() => width}
       handleResize={rafSchd((originalState, delta) => {
         const newWidth = originalState.width + delta.width;
+        const pos = getPos();
+        if (typeof pos !== 'number') {
+          return;
+        }
 
         previewScaleTable(
           tableRef,
           {
             node,
             prevNode: node,
-            start: getPos() + 1,
+            start: pos + 1,
             parentWidth: newWidth,
           },
           editorView.domAtPos.bind(editorView),
@@ -67,6 +71,10 @@ export const TableResizer = ({
         const { state, dispatch } = editorView;
         const pos = getPos();
 
+        if (typeof pos !== 'number') {
+          return;
+        }
+
         let tr = state.tr.setNodeMarkup(pos, undefined, {
           ...node.attrs,
           width: newWidth,
@@ -78,7 +86,7 @@ export const TableResizer = ({
           {
             node: newNode,
             prevNode: node,
-            start: getPos() + 1,
+            start: pos + 1,
             parentWidth: newWidth,
           },
           editorView.domAtPos.bind(editorView),

package/src/plugins/table/nodeviews/types.ts

@@ -21,7 +21,7 @@ export interface Props {
   cellMinWidth?: number;
   portalProviderAPI: PortalProviderAPI;
   eventDispatcher: EventDispatcher;
-  getPos: () => number;
+  getPos: () => number | undefined;
   options?: TableOptions;
   tableRenderOptimization?: boolean;
   getEditorContainerWidth: GetEditorContainerWidth;

package/src/plugins/table/ui/FloatingContextualMenu/ContextualMenu.tsx

@@ -152,7 +152,8 @@ export class ContextualMenu extends Component<
   };
 
   static defaultProps = {
-    boundariesElement: document.body,
+    boundariesElement:
+      typeof document !== 'undefined' ? document.body : undefined,
   };
 
   render() {