@modusoperandi/licit 1.1.3 → 1.1.5

package/buildEditorPlugins.js

@@ -20,7 +20,6 @@ import SelectionPlaceholderPlugin from './SelectionPlaceholderPlugin.js';
 import TablePlugins from './TablePlugins.js';
 import buildInputRules from './buildInputRules.js';
 import createEditorKeyMap from './createEditorKeyMap.js';
-
 // Creates the default plugin for the editor.
 var DefaultEditorPlugins = /*#__PURE__*/function () {
   function DefaultEditorPlugins(schema) {

package/buildEditorPlugins.js.flow

@@ -1,11 +1,11 @@
 // @flow
-import {baseKeymap} from 'prosemirror-commands';
-import {dropCursor} from 'prosemirror-dropcursor';
-import {gapCursor} from 'prosemirror-gapcursor';
-import {history} from 'prosemirror-history';
-import {keymap} from 'prosemirror-keymap';
-import {Schema} from 'prosemirror-model';
-import {Plugin, PluginKey} from 'prosemirror-state';
+import { baseKeymap } from 'prosemirror-commands';
+import { dropCursor } from 'prosemirror-dropcursor';
+import { gapCursor } from 'prosemirror-gapcursor';
+import { history } from 'prosemirror-history';
+import { keymap } from 'prosemirror-keymap';
+import { Schema } from 'prosemirror-model';
+import { Plugin, PluginKey } from 'prosemirror-state';
 import ContentPlaceholderPlugin from './ContentPlaceholderPlugin.js';
 import CursorPlaceholderPlugin from './CursorPlaceholderPlugin.js';
 import EditorPageLayoutPlugin from './EditorPageLayoutPlugin.js';
@@ -14,7 +14,6 @@ import SelectionPlaceholderPlugin from './SelectionPlaceholderPlugin.js';
 import TablePlugins from './TablePlugins.js';
 import buildInputRules from './buildInputRules.js';
 import createEditorKeyMap from './createEditorKeyMap.js';
-
 // Creates the default plugin for the editor.
 export default class DefaultEditorPlugins {
   plugins: Array<Plugin>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modusoperandi/licit",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "license": "MIT",
   "type": "module",
   "subversion": "1",
@@ -71,14 +71,14 @@
     "@babel/preset-env": "^7.19.4",
     "@babel/preset-flow": "^7.10.4",
     "@babel/preset-react": "^7.18.6",
-    "@cyclonedx/cyclonedx-npm": "^1.11.0",
+    "@cyclonedx/cyclonedx-npm": "^2.0.0",
     "babel-jest": "^29.2.0",
-    "babel-loader": "^9.1.3",
+    "babel-loader": "^10.0.0",
     "babel-plugin-flow-react-proptypes": "^26.0.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "body-parser": "^1.19.0",
     "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^12.0.2",
+    "copy-webpack-plugin": "^13.0.0",
     "copyfiles": "^2.4.1",
     "cors": "^2.8.5",
     "css-loader": "^7.1.1",
@@ -90,7 +90,7 @@
     "exports-loader": "^5.0.0",
     "express": "^4.17.1",
     "file-loader": "^6.2.0",
-    "flow-bin": "^0.259.1",
+    "flow-bin": "^0.263.0",
     "flow-copy-source": "^2.0.9",
     "flow-typed": "^4.0.0",
     "flow-webpack-plugin": "^1.2.0",

package/styles.css

@@ -3,7 +3,6 @@
 @import './ui/czi-indent.css';
 @import './ui/czi-list.css';
 @import './ui/czi-table.css';
-@import '~@modusoperandi/licit-ui-commands/styles.css';
 @import './ui/czi-bookmark-view.css';
 @import './ui/czi-body-layout-editor.css';
 @import './ui/czi-cursor-placeholder.css';
@@ -31,13 +30,16 @@
 @import './ui/czi-table-cell-menu.css';
 @import './ui/czi-table-grid-size-editor.css';
 @import './client/licit.css';
-
-/* [FS] IRAD-1061 2020-09-19 */
+@import '@modusoperandi/licit-ui-commands/styles.css';
 
 /* Now loaded locally, so that it work in closed network as well. */
 @import './ui/fonts.css';
 @import './ui/icon-font.css';
-@import '~prosemirror-gapcursor/style/gapcursor.css';
-@import '~prosemirror-view/style/prosemirror.css';
-@import '~react-tooltip/dist/react-tooltip.css';
+@import 'prosemirror-gapcursor/style/gapcursor.css';
+@import 'prosemirror-view/style/prosemirror.css';
+@import 'react-tooltip/dist/react-tooltip.css';
 @import './ui/listType.css';
+
+.ProseMirror {
+    content-visibility: auto /* (browser) Only render visable content */
+}

package/ui/ListItemNodeView.js

@@ -23,6 +23,7 @@ var ListItemNodeView = /*#__PURE__*/function () {
     _defineProperty(this, "_nodeUpdated", void 0);
     var dom = document.createElement('li');
     this.dom = dom;
+    this._editorView = editorView;
     this.contentDOM = dom;
     this._updateDOM(node);
   }
@@ -49,6 +50,9 @@ var ListItemNodeView = /*#__PURE__*/function () {
       // This resolves the styles for the counter by examines the marks for the
       // first text node of the list item.
       var marks = initialContent && initialContent.isText && initialContent.textContent ? initialContent.marks : null;
+      if (!marks) {
+        marks = this._editorView.state.tr.storedMarks;
+      }
       var cssColor;
       var cssFontSize;
       var cssText = '';

package/ui/ListItemNodeView.js.flow

@@ -25,6 +25,7 @@ class ListItemNodeView {
   ) {
     const dom = document.createElement('li');
     this.dom = dom;
+    this._editorView = editorView;
     this.contentDOM = dom;
     this._updateDOM(node);
   }
@@ -49,11 +50,13 @@ class ListItemNodeView {
 
     // This resolves the styles for the counter by examines the marks for the
     // first text node of the list item.
-    const marks =
+    let marks =
       initialContent && initialContent.isText && initialContent.textContent
         ? initialContent.marks
         : null;
-
+    if (!marks) {
+      marks = this._editorView.state.tr.storedMarks;
+    }
     let cssColor;
     let cssFontSize;
     let cssText = '';

package/ui/ListTypeMenu.js

@@ -70,6 +70,9 @@ var ListTypeMenu = /*#__PURE__*/function (_React$PureComponent) {
             onClick: function onClick(e) {
               return _this2._onUIEnter(command, e);
             },
+            onMouseDown: preventEventDefault,
+            onMouseEnter: preventEventDefault,
+            onMouseUp: preventEventDefault,
             value: command
           }, command.label));
         });
@@ -80,4 +83,7 @@ var ListTypeMenu = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
 }(React.PureComponent);
+export function preventEventDefault(e) {
+  e.preventDefault();
+}
 export default ListTypeMenu;

package/ui/ListTypeMenu.js.flow

@@ -42,6 +42,9 @@ class ListTypeMenu extends React.PureComponent<any, any> {
             id={label}
             key={label}
             onClick={(e) => this._onUIEnter(command, e)}
+            onMouseDown={preventEventDefault}
+            onMouseEnter={preventEventDefault}
+            onMouseUp={preventEventDefault}
             value={command}
           >
             {command.label}
@@ -66,4 +69,10 @@ class ListTypeMenu extends React.PureComponent<any, any> {
   };
 }
 
+
+
+export function preventEventDefault(e: React.SyntheticEvent): void {
+  e.preventDefault();
+}
+
 export default ListTypeMenu;

package/ui/TableCellMenu.js

@@ -12,7 +12,6 @@ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { EditorState, PluginView } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { Node } from 'prosemirror-model';
 import * as React from 'react';

package/ui/TableCellMenu.js.flow

@@ -1,5 +1,5 @@
 // @flow
-import { EditorState, PluginView } from 'prosemirror-state';
+import type { EditorState, PluginView } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { Node } from 'prosemirror-model';
 import * as React from 'react';

package/ui/czi-editor.css

@@ -15,7 +15,9 @@
 .ProseMirror {
   background: var(--czi-content-body-background-color);
   border-radius: 1px;
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+  box-shadow:
+    0 3px 6px rgba(0, 0, 0, 0.16),
+    0 3px 6px rgba(0, 0, 0, 0.23);
   box-sizing: border-box;
   color: var(--czi-content-font-color);
   font-family: var(--czi-content-font-family);
@@ -126,9 +128,6 @@
   line-height: var(--czi-content-line-height);
   margin: 0;
 }
-.prosemirror-editor-wrapper.readOnly a {
-  pointer-events: none; /* Disable interaction */
-}
 
 .ProseMirror a:link,
 .ProseMirror a:visited,

package/ui/czi-link-tooltip.css

@@ -1,4 +1,4 @@
-@import '~@modusoperandi/licit-ui-commands/ui/czi-custom-button.css';
+@import '@modusoperandi/licit-ui-commands/ui/czi-custom-button.css';
 @import './czi-vars.css';
 
 .czi-link-tooltip {

package/ui/czi-table.css

@@ -9,7 +9,6 @@
   height: 12px;
  }
 .ProseMirror table {
-  border: 1px solid var(--czi-table-border-color);
   border-collapse:collapse;
   border-spacing: 0;
   border: none;

package/ui/czi-vars.css

@@ -1,2 +1,45 @@
-@import '~@modusoperandi/licit-ui-commands/ui/czi-vars.css';
+:root {
+    --czi-blockquote-background-color: rgb(0 0 0 / 5%);
+    --czi-blockquote-border: solid 8px rgb(0 0 0 / 60%);
+    --czi-blockquote-color: #555;
+    --czi-blockquote-font-family: "Open Sans";
+    --czi-border-blue: solid 1px #5882eb;
+    --czi-border-grey: solid 1px #ccc;
+    --czi-border-red: solid 1px #f00;
+    --czi-button-hover-background-color: rgb(0 0 0 / 50%);
+    --czi-button-radius: 5px;
+    --czi-button-text-color: #666;
+    --czi-color-grey-200: rgb(0 0 0 / 46%);
+    --czi-font-family: helvetica;
+    --czi-font-size-small: 12px;
+    --czi-font-size: 13px;
+    --czi-link-color: rgb(0 0 238);
+    --czi-overlay-radius: 3px;
+    --czi-overlay-shadow: 0 1px 2px rgb(0 0 0 / 46%);
+    --czi-page-background-color: #e6e6e6;
+    --czi-placeholder-text-color: #dedede;
+    --czi-selection-highlight-color-dark: rgb(152 204 253 / 80%);
+    --czi-selection-highlight-color: rgb(152 204 253 / 40%);
+    --czi-table-header-background-color: rgb(0 0 0 / 5%);
+    --czi-table-border-color: #000;
+    --czi-doc-padding-default: 14.5mm;
+    --czi-doc-width-us-letter-portrait: 216mm;
+    --czi-doc-width-us-letter-landscape: 279mm;
+    --czi-doc-width-a4-portrait: 210mm;
+    --czi-doc-width-a4-landscape: 297mm;
+    --czi-doc-width-us-desktop-screen-4-3: 120vh;
+    --czi-doc-width-us-desktop-screen-16-9: 142vh;
 
+    /* content styles */
+    --czi-content-body-background-color: #fff;
+    --czi-content-font-color: #000;
+    --czi-content-font-family: arial;
+    --czi-content-font-size-h1: 18px;
+    --czi-content-font-size-h2: 16px;
+    --czi-content-font-size-h3: 13px;
+    --czi-content-font-size: 11pt;
+
+    /* This maps to the default line spacing value of 1.5 in Google Doc */
+    --czi-content-line-height: 138%;
+    --czi-content-link-color: rgb(0 0 238);
+}