@modusoperandi/licit-vignette 0.0.16

package/.eslintignore

@@ -0,0 +1,4 @@
+/package.json
+/bin
+/dist
+/src/*.test.ts

package/.eslintrc.js

@@ -0,0 +1,107 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    sourceType: 'module',
+    allowImportExportEverywhere: false,
+    codeFrame: true,
+    ecmaFeatures: {
+      jsx: true,
+      tsx: true,
+    },
+  },
+  plugins: ['@typescript-eslint', 'react'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:import/typescript',
+  ],
+  rules: {
+    'react/jsx-sort-props': 'error',
+    'react/jsx-uses-react': 'error',
+    'react/jsx-uses-vars': 'error',
+    'consistent-return': 'error',
+    'no-debugger': 'error',
+    'no-invalid-regexp': 'error',
+    'no-mixed-spaces-and-tabs': 'error',
+    'no-trailing-spaces': 'error',
+    'no-undef': 'error',
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        vars: 'all',
+        args: 'all',
+        ignoreRestSiblings: false,
+        argsIgnorePattern: '^_',
+      },
+    ],
+    'no-var': 'error',
+    'prefer-const': 'error',
+    quotes: [2, 'single', {avoidEscape: true}],
+    semi: [2, 'always'],
+    strict: 0,
+  },
+  globals: {
+    __dirname: false,
+    Blob: false,
+    File: false,
+    Class: false,
+    Component: false,
+    CSSPageRule: false,
+    ClipboardEvent: false,
+    Document: true,
+    Element: false,
+    Event: false,
+    HTMLElement: false,
+    HTMLDivElement: false,
+    HTMLTableCellElement: false,
+    HTMLButtonElement: false,
+    HTMLLIElement: false,
+    HTMLInputElement: false,
+    Image: false,
+    JSX: false,
+    TSX: false,
+    localStorage: false,
+    Map: false,
+    DragEvent: false,
+    MouseEvent: false,
+    KeyboardEvent: false,
+    MutationObserver: false,
+    Promise: false,
+    Set: false,
+    Slice: false,
+    SyntheticEvent: false,
+    SyntheticMouseEvent: false,
+    cancelAnimationFrame: false,
+    clearTimeout: false,
+    console: false,
+    document: false,
+    module: false,
+    process: false,
+    require: false,
+    requestAnimationFrame: false,
+    setTimeout: false,
+    window: false,
+    Text: false,
+    DataTransfer: false,
+    Node: false,
+    SVGElement: false,
+    structuredClone: false,
+    HTMLTableElement: false,
+    HTMLTableColElement: false,
+    HTMLTableSectionElement: false,
+    MutationRecord: false,
+    URL: false,
+    React:false,
+  },
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx'],
+      // enable jest globals in test files
+      plugins: ['jest'],
+      env: {
+        'jest/globals': true,
+      },
+    },
+  ],
+};

package/.prettierignore

@@ -0,0 +1,6 @@
+/package.json
+/bin
+/dist
+/.eslintrc
+/.vscode
+/.stylelintrc.json

package/.prettierrc

@@ -0,0 +1,5 @@
+{
+  "bracketSpacing": false,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

package/.stylelintignore

@@ -0,0 +1,3 @@
+/bin
+/dist
+/coverage

package/.stylelintrc.json

@@ -0,0 +1,10 @@
+{
+  "extends": "stylelint-config-standard",
+  "rules": {
+    "selector-type-no-unknown": [true, {
+      "ignoreTypes": ["nobr"]
+    }],
+    "no-descending-specificity":null,
+    "selector-class-pattern": null
+  }
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Modus Operandi Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,33 @@
+# Vignette ProseMirror Plugin For Licit
+
+The Vignette Plugin provides a "vignette box" which allows the document to highlight or re-enforce information. They are used to describe emerging concepts, lessons learned, appropriate quotes, etc.  See the image below.  Blue background, darker blue outline, normal text/links/images inside of the box:. 
+
+## Build
+
+### Dependency
+
+### Commands
+
+- npm ci
+
+- npm pack
+
+#### To use this in Licit
+
+Include plugin in licit component
+
+- import VignettePlugins
+
+- add VignettePlugins array in licit's plugin array
+
+```
+
+import { VignettePlugins }  from  '@modusoperandi/licit-vignette';
+
+
+const  plugins = [...VignettePlugins]
+
+ReactDOM.render(<Licit docID={0} plugins={plugins}/>
+
+
+```

package/babel.config.json

@@ -0,0 +1,53 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "node": true
+        }
+      }
+    ],
+    "@babel/preset-react",
+    "@babel/preset-typescript"
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-export-default-from",
+    "transform-react-remove-prop-types",
+    "@babel/plugin-transform-typescript",
+    "@babel/plugin-proposal-object-rest-spread",
+    "@babel/plugin-transform-parameters",
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "helpers": false,
+        "regenerator": true,
+        "absoluteRuntime": "babel-runtime"
+      }
+    ],
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-syntax-import-meta",
+    "@babel/plugin-proposal-json-strings",
+    [
+      "@babel/plugin-proposal-decorators",
+      {
+        "legacy": true
+      }
+    ],
+    "@babel/plugin-proposal-function-sent",
+    "@babel/plugin-proposal-export-namespace-from",
+    "@babel/plugin-proposal-numeric-separator",
+    "@babel/plugin-proposal-throw-expressions",
+    "@babel/plugin-proposal-logical-assignment-operators",
+    "@babel/plugin-proposal-optional-chaining",
+    [
+      "@babel/plugin-proposal-pipeline-operator",
+      {
+        "proposal": "minimal"
+      }
+    ],
+    "@babel/plugin-proposal-nullish-coalescing-operator",
+    "@babel/plugin-proposal-do-expressions"
+  ]
+}

package/dist/Constants.d.ts

@@ -0,0 +1,6 @@
+export declare const VIGNETTE = "vignette";
+export declare const PARAGRAPH = "paragraph";
+export declare const TABLE = "table";
+export declare const TABLE_CELL = "table_cell";
+export declare const DEF_BORDER_COLOR = "#36598d";
+export declare const DEF_BORDER_RADIUS = "10px";

package/dist/Constants.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VIGNETTE = exports.TABLE_CELL = exports.TABLE = exports.PARAGRAPH = exports.DEF_BORDER_RADIUS = exports.DEF_BORDER_COLOR = void 0;
+const VIGNETTE = 'vignette';
+exports.VIGNETTE = VIGNETTE;
+const PARAGRAPH = 'paragraph';
+exports.PARAGRAPH = PARAGRAPH;
+const TABLE = 'table';
+exports.TABLE = TABLE;
+const TABLE_CELL = 'table_cell';
+exports.TABLE_CELL = TABLE_CELL;
+const DEF_BORDER_COLOR = '#36598d';
+exports.DEF_BORDER_COLOR = DEF_BORDER_COLOR;
+const DEF_BORDER_RADIUS = '10px';
+exports.DEF_BORDER_RADIUS = DEF_BORDER_RADIUS;

package/dist/CreateCommand.d.ts

@@ -0,0 +1,7 @@
+import { EditorState } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+type ExecuteCall = (state: EditorState, dispatch?: (tr: Transform) => void, view?: EditorView) => boolean;
+export default function createCommand(execute: ExecuteCall): UICommand;
+export {};

package/dist/CreateCommand.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createCommand;
+var _licitDocAttrsStep = require("@modusoperandi/licit-doc-attrs-step");
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function createCommand(execute) {
+  class CustomCommand extends _licitDocAttrsStep.UICommand {
+    constructor() {
+      super(...arguments);
+      _defineProperty(this, "isEnabled", state => {
+        return this.execute(state);
+      });
+      _defineProperty(this, "execute", (state, dispatch, view) => {
+        const tr = state.tr;
+        let endTr = tr;
+        execute(state, nextTr => {
+          endTr = nextTr;
+          dispatch && dispatch(endTr);
+        }, view);
+        return endTr.docChanged || tr !== endTr;
+      });
+    }
+  }
+  return new CustomCommand();
+}

package/dist/TableBackgroundColorCommand.d.ts

@@ -0,0 +1,5 @@
+import TableColorCommand from './ui/TableColorCommand';
+declare class TableBackgroundColorCommand extends TableColorCommand {
+    getAttrName: () => string;
+}
+export default TableBackgroundColorCommand;

package/dist/TableBackgroundColorCommand.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _TableColorCommand = _interopRequireDefault(require("./ui/TableColorCommand"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+class TableBackgroundColorCommand extends _TableColorCommand.default {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "getAttrName", () => {
+      return 'background';
+    });
+  }
+}
+var _default = TableBackgroundColorCommand;
+exports.default = _default;

package/dist/TableBorderColorCommand.d.ts

@@ -0,0 +1,5 @@
+import TableColorCommand from './ui/TableColorCommand';
+declare class TableBorderColorCommand extends TableColorCommand {
+    getAttrName: () => string;
+}
+export default TableBorderColorCommand;

package/dist/TableBorderColorCommand.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _TableColorCommand = _interopRequireDefault(require("./ui/TableColorCommand"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+class TableBorderColorCommand extends _TableColorCommand.default {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "getAttrName", () => {
+      return 'borderColor';
+    });
+  }
+}
+var _default = TableBorderColorCommand;
+exports.default = _default;

package/dist/VignetteCommand.d.ts

@@ -0,0 +1,12 @@
+import { Schema } from 'prosemirror-model';
+import { EditorState, Transaction } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+declare class VignetteCommand extends UICommand {
+    isEnabled: (state: EditorState, view?: EditorView) => boolean;
+    execute: (state: EditorState, dispatch?: (tr: Transaction) => void, view?: EditorView) => boolean;
+    __isEnabled: (_state: EditorState, _view?: EditorView) => boolean;
+    insertTable(tr: Transaction, schema: Schema, rows: number, cols: number): Transaction;
+    insertParagraph(state: EditorState, tr: Transaction): Transaction;
+}
+export default VignetteCommand;

package/dist/VignetteCommand.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _prosemirrorModel = require("prosemirror-model");
+var _prosemirrorState = require("prosemirror-state");
+var _licitDocAttrsStep = require("@modusoperandi/licit-doc-attrs-step");
+var _Constants = require("./Constants");
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+class VignetteCommand extends _licitDocAttrsStep.UICommand {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "isEnabled", (state, view) => {
+      return this.__isEnabled(state, view);
+    });
+    _defineProperty(this, "execute", (state, dispatch, view) => {
+      if (dispatch) {
+        const {
+          schema
+        } = state;
+        let {
+          tr
+        } = state;
+        tr = this.insertTable(tr, schema, 1, 1);
+        tr = this.insertParagraph(state, tr);
+        dispatch(tr);
+        view && view.focus();
+      }
+      return true;
+    });
+    _defineProperty(this, "__isEnabled", (_state, _view) => {
+      return true;
+    });
+  }
+  insertTable(tr, schema, rows, cols) {
+    if (!tr.selection || !tr.doc) {
+      return tr;
+    }
+    const {
+      from,
+      to
+    } = tr.selection;
+    if (from !== to) {
+      return tr;
+    }
+    const {
+      nodes
+    } = schema;
+    const cell = nodes[_Constants.TABLE_CELL];
+    const paragraph = nodes[_Constants.PARAGRAPH];
+    const row = nodes['table_row'];
+    const table = nodes[_Constants.TABLE];
+    if (!(cell && paragraph && row && table)) {
+      return tr;
+    }
+    const rowNodes = [];
+    for (let rr = 0; rr < rows; rr++) {
+      const cellNodes = [];
+      for (let cc = 0; cc < cols; cc++) {
+        // [FS] IRAD-950 2020-05-25
+        // Fix:Extra arrow key required for cell navigation using arrow right/Left
+        const cellNode = cell.create({
+          borderColor: _Constants.DEF_BORDER_COLOR,
+          background: '#dce6f2',
+          vignette: true
+        }, _prosemirrorModel.Fragment.fromArray([paragraph.create()]));
+        cellNodes.push(cellNode);
+      }
+      const rowNode = row.create({}, _prosemirrorModel.Fragment.from(cellNodes));
+      rowNodes.push(rowNode);
+    }
+    const tableNode = table.create({
+      vignette: true
+    }, _prosemirrorModel.Fragment.from(rowNodes));
+    tr = tr.insert(from, _prosemirrorModel.Fragment.from(tableNode));
+    const selection = _prosemirrorState.TextSelection.create(tr.doc, from + 5, from + 5);
+    tr = tr.setSelection(selection);
+    return tr;
+  }
+
+  // [FS] 2021-04-01
+  // Add empty line after table drop
+  // To make easier to enter a line after table
+  insertParagraph(state, tr) {
+    const paragraph = state.schema.nodes[_Constants.PARAGRAPH];
+    const textNode = state.schema.text(' ');
+    const {
+      from,
+      to
+    } = tr.selection;
+    if (from !== to) {
+      return tr;
+    }
+    const paragraphNode = paragraph.create({}, textNode, null);
+    tr = tr.insert(from + tr.selection.$head.node(1).nodeSize - 4, _prosemirrorModel.Fragment.from(paragraphNode));
+    return tr;
+  }
+}
+var _default = VignetteCommand;
+exports.default = _default;

package/dist/VignetteMenuPlugin.d.ts

@@ -0,0 +1,19 @@
+import { Plugin } from 'prosemirror-state';
+import TableBackgroundColorCommand from './TableBackgroundColorCommand';
+import TableBorderColorCommand from './TableBorderColorCommand';
+export declare const TABLE_BACKGROUND_COLOR: TableBackgroundColorCommand;
+export declare const TABLE_BORDER_COLOR: TableBorderColorCommand;
+export declare const TABLE_DELETE_TABLE: UICommand;
+export declare const VIGNETTE_COMMANDS_GROUP: ({
+    'Fill Color...': TableBackgroundColorCommand;
+    'Border Color....': TableBorderColorCommand;
+    'Delete Vignette'?: undefined;
+} | {
+    'Delete Vignette': UICommand;
+    'Fill Color...'?: undefined;
+    'Border Color....'?: undefined;
+})[];
+declare class VignetteMenuPlugin extends Plugin {
+    constructor();
+}
+export default VignetteMenuPlugin;

package/dist/VignetteMenuPlugin.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VIGNETTE_COMMANDS_GROUP = exports.TABLE_DELETE_TABLE = exports.TABLE_BORDER_COLOR = exports.TABLE_BACKGROUND_COLOR = void 0;
+var _prosemirrorState = require("prosemirror-state");
+var _TableBackgroundColorCommand = _interopRequireDefault(require("./TableBackgroundColorCommand"));
+var _TableBorderColorCommand = _interopRequireDefault(require("./TableBorderColorCommand"));
+var _CreateCommand = _interopRequireDefault(require("./CreateCommand"));
+var _prosemirrorTables = require("prosemirror-tables");
+var _Constants = require("./Constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const TABLE_BACKGROUND_COLOR = new _TableBackgroundColorCommand.default();
+exports.TABLE_BACKGROUND_COLOR = TABLE_BACKGROUND_COLOR;
+const TABLE_BORDER_COLOR = new _TableBorderColorCommand.default();
+exports.TABLE_BORDER_COLOR = TABLE_BORDER_COLOR;
+const TABLE_DELETE_TABLE = (0, _CreateCommand.default)(_prosemirrorTables.deleteTable);
+exports.TABLE_DELETE_TABLE = TABLE_DELETE_TABLE;
+const VIGNETTE_COMMANDS_GROUP = [{
+  'Fill Color...': TABLE_BACKGROUND_COLOR,
+  'Border Color....': TABLE_BORDER_COLOR
+}, {
+  'Delete Vignette': TABLE_DELETE_TABLE
+}];
+exports.VIGNETTE_COMMANDS_GROUP = VIGNETTE_COMMANDS_GROUP;
+class VignetteView {
+  constructor(editorView) {
+    _defineProperty(this, "destroy", () => {
+      // do nothing.
+    });
+    this.setCustomMenu(editorView);
+    this.setCustomTableNodeViewUpdate(editorView);
+  }
+  setCustomMenu(editorView) {
+    editorView['pluginViews'].forEach(pluginView => {
+      if (
+      // 'TableCellTooltipView' has property _cellElement
+      Object.prototype.hasOwnProperty.call(pluginView, '_cellElement')) {
+        pluginView['getMenu'] = this.getMenu.bind(this);
+      }
+    });
+  }
+  setCustomTableNodeViewUpdate(editorView) {
+    const tableNodeView = editorView['nodeViews']['table'];
+    const tableNodeViewEx = this.tableNodeViewEx.bind(this, tableNodeView);
+    editorView['nodeViews'][_Constants.TABLE] = tableNodeViewEx;
+    const index = editorView.state.plugins.findIndex(plugin => {
+      let found = false;
+      if (plugin.spec.key) {
+        found = plugin.spec.key['key'].includes('tableColumnResizing$');
+      }
+      return found;
+    });
+    if (-1 != index) {
+      editorView.state.plugins[index].spec.props.nodeViews[_Constants.TABLE] = tableNodeViewEx;
+    }
+  }
+  tableNodeViewEx(tableNodeView, node, view) {
+    const base = tableNodeView && tableNodeView(node, view);
+    if (base && base.update && node.attrs.vignette) {
+      base.update = this.updateEx.bind(base, base.update, this);
+      this.updateBorder(base);
+    }
+    return base;
+  }
+  updateEx(update, self, node) {
+    const result = update.call(this, node);
+    if (result) {
+      self.updateBorder(this);
+    }
+    return result;
+  }
+  updateBorder(tableView) {
+    tableView.table.style.border = 'none';
+  }
+  static isVignette(state, actionNode) {
+    let vignette = false;
+    if (state.selection instanceof _prosemirrorTables.CellSelection) {
+      if (state.selection.$anchorCell.node(-1).attrs.vignette) {
+        vignette = true;
+      }
+    }
+    if (actionNode && actionNode.attrs.vignette) {
+      vignette = true;
+    }
+    if (state.selection.$anchor.node(1).attrs.vignette) {
+      vignette = true;
+    }
+    return vignette;
+  }
+  getMenu(state, actionNode, cmdGrps) {
+    let vignette = VignetteView.isVignette(state, actionNode);
+    cmdGrps.forEach(cmdGrp => {
+      Object.entries(cmdGrp).forEach(entry => {
+        entry[1].isEnabled = this.isEnabledEx.bind(entry[1], entry[1].isEnabled);
+      });
+    });
+    return vignette ? VIGNETTE_COMMANDS_GROUP : cmdGrps;
+  }
+  isEnabledEx(isEnabled, state, view) {
+    return VignetteView.isVignette(state, null) ? false : isEnabled.call(this, state, view);
+  }
+}
+const SPEC = {
+  key: new _prosemirrorState.PluginKey('VignetteMenuPlugin'),
+  view(editorView) {
+    return new VignetteView(editorView);
+  }
+};
+class VignetteMenuPlugin extends _prosemirrorState.Plugin {
+  constructor() {
+    super(SPEC);
+  }
+}
+var _default = VignetteMenuPlugin;
+exports.default = _default;

package/dist/VignetteNodeSpec.d.ts

@@ -0,0 +1,34 @@
+import { Node, NodeSpec } from 'prosemirror-model';
+export declare const VignetteTableNodeSpec: (nodespec: NodeSpec) => NodeSpec & {
+    attrs: {
+        marginLeft: {
+            default: any;
+        };
+        vignette: {
+            default: boolean;
+        };
+    };
+    parseDOM: {
+        tag: string;
+        getAttrs(dom: HTMLElement): unknown | null;
+        style: string;
+    }[];
+    toDOM(node: Node): Array<unknown>;
+};
+export declare const VignetteTableCellNodeSpec: (nodespec: NodeSpec) => NodeSpec & {
+    attrs: {
+        [name: string]: import("prosemirror-model").AttributeSpec;
+    } & {
+        vignette: {
+            default: boolean;
+        };
+    };
+    parseDOM: {
+        tag: string;
+        getAttrs: (dom: HTMLElement) => (false | import("prosemirror-model").Attrs) & {
+            vignette: string | boolean;
+        };
+    }[];
+    toDOM(node: Node): Array<unknown>;
+};
+export default VignetteTableNodeSpec;