@atlaskit/editor-plugin-table 5.0.0 → 5.2.0

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

@@ -1,93 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import uuid from 'uuid';
-import { getCellAttrs, getCellDomAttrs } from '@atlaskit/adf-schema';
-import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
-var DEFAULT_COL_SPAN = 1;
-var DEFAULT_ROW_SPAN = 1;
-var TableCellNodeView = /*#__PURE__*/function () {
-  function TableCellNodeView(node, view, getPos, observer) {
-    _classCallCheck(this, TableCellNodeView);
-    this.view = view;
-    this.node = node;
-    var _DOMSerializer$render = DOMSerializer.renderSpec(document, node.type.spec.toDOM(node)),
-      dom = _DOMSerializer$render.dom,
-      contentDOM = _DOMSerializer$render.contentDOM;
-    this.getPos = getPos;
-    this.dom = dom;
-    this.contentDOM = contentDOM;
-    if (observer) {
-      this.contentDOM.id = uuid();
-      this.observer = observer;
-      observer.observe(this.contentDOM);
-    }
-  }
-  _createClass(TableCellNodeView, [{
-    key: "updateNodeView",
-    value: function updateNodeView(node) {
-      var _this = this;
-      if (this.node.type !== node.type) {
-        return false;
-      }
-      var attrs = getCellDomAttrs(this.node);
-      var nextAttrs = getCellDomAttrs(node);
-      var _getCellAttrs = getCellAttrs(this.dom),
-        colspan = _getCellAttrs.colspan,
-        rowspan = _getCellAttrs.rowspan;
-
-      // need to rerender when colspan/rowspan in dom are different from the node attrs
-      // this can happen when undoing merge cells
-      if (colspan !== (node.attrs.colspan || DEFAULT_COL_SPAN) || rowspan !== (node.attrs.rowspan || DEFAULT_ROW_SPAN)) {
-        return false;
-      }
-
-      // added + changed attributes
-      var addedAttrs = Object.entries(nextAttrs).filter(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-          key = _ref2[0],
-          value = _ref2[1];
-        return attrs[key] !== value;
-      });
-      var removedAttrs = Object.keys(attrs).filter(function (key) {
-        return !nextAttrs.hasOwnProperty(key);
-      });
-      if (addedAttrs.length || removedAttrs.length) {
-        addedAttrs.forEach(function (_ref3) {
-          var _ref4 = _slicedToArray(_ref3, 2),
-            key = _ref4[0],
-            value = _ref4[1];
-          return _this.dom.setAttribute(key, value || '');
-        });
-        removedAttrs.forEach(function (key) {
-          return _this.dom.removeAttribute(key);
-        });
-        return true;
-      }
-
-      // Return true to not re-render this node view
-      if (this.node.sameMarkup(node)) {
-        return true;
-      }
-      return false;
-    }
-  }, {
-    key: "update",
-    value: function update(node) {
-      var didUpdate = this.updateNodeView(node);
-      if (didUpdate) {
-        this.node = node;
-      }
-      return didUpdate;
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      if (this.observer) {
-        this.observer.unobserve(this.contentDOM);
-      }
-    }
-  }]);
-  return TableCellNodeView;
-}();
-export { TableCellNodeView as default };

package/dist/esm/plugins/table/pm-plugins/sticky-headers/nodeviews/dom.js

@@ -1,29 +0,0 @@
-export var getTree = function getTree(tr) {
-  // pm renders into tbody, owned by react
-  var tbody = tr.parentElement;
-  if (!tbody) {
-    return null;
-  }
-
-  // rendered by react
-  var table = tbody.parentElement;
-  if (!table) {
-    return null;
-  }
-
-  // rendered by react
-  var wrapper = table.parentElement;
-  if (!wrapper) {
-    return null;
-  }
-  return {
-    wrapper: wrapper,
-    table: table
-  };
-};
-export var getTop = function getTop(element) {
-  if (!element || element instanceof Window) {
-    return 0;
-  }
-  return element.getBoundingClientRect().top;
-};

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

@@ -1,17 +0,0 @@
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { getPosHandler } from '@atlaskit/editor-common/types';
-import { Node } from '@atlaskit/editor-prosemirror/model';
-import { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
-export default class TableCellNodeView implements NodeView {
-    node: Node;
-    dom: HTMLElement;
-    contentDOM: HTMLElement;
-    getPos: getPosHandler;
-    view: EditorView;
-    providerFactory?: ProviderFactory;
-    observer?: ResizeObserver;
-    constructor(node: Node, view: EditorView, getPos: any, observer?: ResizeObserver);
-    private updateNodeView;
-    update(node: Node): boolean;
-    destroy(): void;
-}

package/dist/types/plugins/table/pm-plugins/sticky-headers/nodeviews/dom.d.ts

@@ -1,6 +0,0 @@
-export type TableDOMElements = {
-    wrapper: HTMLDivElement;
-    table: HTMLTableElement;
-};
-export declare const getTree: (tr: HTMLTableRowElement) => TableDOMElements | null;
-export declare const getTop: (element: HTMLElement | Window | undefined) => number;

package/dist/types/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.d.ts

@@ -1,73 +0,0 @@
-/// <reference types="lodash" />
-import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
-import type { TablePluginState } from '../../../types';
-import type { TableDOMElements } from './dom';
-/**
- * Check if a given node is a header row with this definition:
- *  - all children are tableHeader cells
- *  - no table cells have been have merged with other table row cells
- *
- * @param node ProseMirror node
- * @return boolean if it meets definition
- */
-export declare const supportedHeaderRow: (node: PmNode) => boolean;
-export declare class TableRowNodeView implements NodeView {
-    view: EditorView;
-    node: PmNode;
-    getPos: () => number;
-    eventDispatcher: EventDispatcher;
-    dom: HTMLTableRowElement;
-    contentDOM: HTMLElement;
-    isHeaderRow: boolean;
-    editorScrollableElement?: HTMLElement | Window;
-    colControlsOffset: number;
-    focused: boolean;
-    topPosEditorElement: number;
-    isSticky: boolean;
-    lastStickyTimestamp: number | undefined;
-    lastTimePainted: number;
-    private intersectionObserver?;
-    private resizeObserver?;
-    private sentinels;
-    private stickyRowHeight?;
-    get tree(): TableDOMElements | null | undefined;
-    constructor(node: PmNode, view: EditorView, getPos: any, eventDispatcher: EventDispatcher);
-    listening: boolean;
-    headerRowMouseScrollEnd: import("lodash").DebouncedFunc<() => void>;
-    headerRowMouseScroll: import("lodash").DebouncedFunc<() => void>;
-    subscribe(): void;
-    unsubscribe(): void;
-    private initObservers;
-    private createResizeObserver;
-    private createIntersectionObserver;
-    previousDomTop: number | undefined;
-    previousPadding: number | undefined;
-    latestDomTop: number | undefined;
-    nextFrame: number | undefined;
-    update(node: PmNode, ..._args: any[]): boolean;
-    destroy(): void;
-    ignoreMutation(mutationRecord: MutationRecord | {
-        type: 'selection';
-        target: Element;
-    }): boolean;
-    onTablePluginState: (state: TablePluginState) => void;
-    updateStickyHeaderWidth: () => void;
-    shouldHeaderStick: (tree: TableDOMElements) => boolean;
-    /**
-     * Manually refire the intersection observers.
-     * Useful when the header may have detached from the table.
-     */
-    refireIntersectionObservers: () => void;
-    makeHeaderRowSticky: (tree: TableDOMElements, scrollTop?: number) => void;
-    makeRowHeaderNotSticky: (table: HTMLElement, isEditorDestroyed?: boolean) => void;
-    getWrapperoffset: (inverse?: boolean) => number;
-    getWrapperRefTop: (wrapper: HTMLElement) => number;
-    getScrolledTableTop: (wrapper: HTMLElement) => number;
-    getCurrentTableTop: (tree: TableDOMElements) => number;
-    padding: number;
-    top: number;
-    emitOn: (top: number, padding: number) => void;
-    emitOff: (isEditorDestroyed: boolean) => void;
-}

package/src/plugins/table/pm-plugins/sticky-headers/nodeviews/dom.ts

@@ -1,37 +0,0 @@
-export type TableDOMElements = {
-  wrapper: HTMLDivElement;
-  table: HTMLTableElement;
-};
-
-export const getTree = (tr: HTMLTableRowElement): TableDOMElements | null => {
-  // pm renders into tbody, owned by react
-  const tbody = tr.parentElement;
-  if (!tbody) {
-    return null;
-  }
-
-  // rendered by react
-  const table = tbody.parentElement;
-  if (!table) {
-    return null;
-  }
-
-  // rendered by react
-  const wrapper = table.parentElement;
-  if (!wrapper) {
-    return null;
-  }
-
-  return {
-    wrapper: wrapper as HTMLDivElement,
-    table: table as HTMLTableElement,
-  };
-};
-
-export const getTop = (element: HTMLElement | Window | undefined): number => {
-  if (!element || element instanceof Window) {
-    return 0;
-  }
-
-  return element.getBoundingClientRect().top;
-};