@modusoperandi/licit 1.1.1 → 1.1.3

package/client/Reporter.js

@@ -4,7 +4,6 @@ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o =
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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); }
-/* eslint-disable */
 var Reporter = /*#__PURE__*/function () {
   function Reporter() {
     _classCallCheck(this, Reporter);

package/client/Reporter.js.flow

@@ -1,5 +1,3 @@
-/* eslint-disable */
-
 class Reporter {
   constructor() {
     this.setAt = 0;

package/client/http.js

@@ -1,5 +1,4 @@
-/* eslint-disable */
-
+function _readOnlyError(r) { throw new TypeError('"' + r + '" is read-only'); }
 // A simple wrapper for XHR.
 export function req(conf) {
   var req = new XMLHttpRequest(),
@@ -26,7 +25,7 @@ export function req(conf) {
   result.abort = function () {
     if (!aborted) {
       req.abort();
-      aborted = true;
+      true, _readOnlyError("aborted");
     }
   };
   return result;

package/client/http.js.flow

@@ -1,18 +1,16 @@
-/* eslint-disable */
-
 // A simple wrapper for XHR.
 export function req(conf) {
-  let req = new XMLHttpRequest(),
+  const req = new XMLHttpRequest(),
     aborted = false;
-  let result = new Promise((success, failure) => {
+  const result = new Promise((success, failure) => {
     req.open(conf.method, conf.url, true);
     req.addEventListener('load', () => {
       if (aborted) return;
       if (req.status < 400) {
         success(req.responseText);
       } else {
-        let text = req.responseText;
-        let err = new Error(
+        const text = req.responseText;
+        const err = new Error(
           'Request failed: ' + req.statusText + (text ? '\n\n' + text : '')
         );
         err.status = req.status;
@@ -24,7 +22,7 @@ export function req(conf) {
       if (!aborted) failure(new Error('Network error'));
     });
     if (conf.headers)
-      for (let header in conf.headers)
+      for (const header in conf.headers)
         req.setRequestHeader(header, conf.headers[header]);
     req.send(conf.body || null);
   });

package/convertFromJSON.js

@@ -28,7 +28,7 @@ export default function convertFromJSON(json, schema, defaultSchema, effectivePl
   var doc = null;
   try {
     doc = editorSchema.nodeFromJSON(json);
-  } catch (error) {
+  } catch (_unused) {
     return null;
   }
   return EditorState.create({

package/convertFromJSON.js.flow

@@ -27,14 +27,10 @@ export default function convertFromJSON(
     error = true;
   }
 
-  if(error) {
+  if (error) {
     // [FS] IRAD-1455 2021-06-16
     // Use the effectivePlugins, editor hangs, b'coz of missing default core plugins
-    return createEmptyEditorState(
-      schema,
-      defaultSchema,
-      effectivePlugins
-    );
+    return createEmptyEditorState(schema, defaultSchema, effectivePlugins);
   }
 
   // [FS] IRAD-1067 2020-09-19
@@ -43,7 +39,7 @@ export default function convertFromJSON(
 
   try {
     doc = editorSchema.nodeFromJSON(json);
-  } catch (error) {
+  } catch {
     return null;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modusoperandi/licit",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "license": "MIT",
   "type": "module",
   "subversion": "1",
@@ -26,7 +26,6 @@
     "build:licit": "node utils/build_bin.js",
     "ci:bom": "cyclonedx-npm --ignore-npm-errors --short-PURLs --output-format XML --output-file dist/bom.xml",
     "ci:build": "npm run build:clean && npm run build:babel && npm run build:flow && npm run build:css && npm run build:fonts && npm run build:bom && copyfiles --up 1 \"src/**/*.d.ts\" dist/ && copyfiles --up 1 \"src/**/*.css\" dist && copyfiles package.json LICENSE dist",
-    "flow": "flow --show-all-errors",
     "lint:css": "stylelint \"**/*.css\"",
     "lint:js": "eslint \"src/**/*.js\"",
     "lint": "npm run lint:css & npm run lint:js",
@@ -35,6 +34,21 @@
     "build:style-service-docker": "docker build . -f style-service.Dockerfile -t style-service:latest",
     "verify": "npm run lint -- --fix && npm run ci:build && npm run test:coverage && echo 'All Tests Passed!'"
   },
+  "peerDependencies": {
+    "@modusoperandi/licit-ui-commands": "^1.0.8",
+    "prosemirror-collab": "^1.2.2",
+    "prosemirror-tables": "^1.2.5"
+  },
+  "dependencies": {
+    "@modusoperandi/color-picker": "^1.0.4",
+    "browserkeymap": "^2.0.2",
+    "flatted": "^3.1.0",
+    "react-tooltip": "^5.28.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "smooth-scroll-into-view-if-needed": "^2.0.2",
+    "url": "^0.11.0",
+    "webfontloader": "^1.6.28"
+  },
   "devDependencies": {
     "@babel/cli": "^7.19.3",
     "@babel/core": "^7.19.3",
@@ -68,7 +82,7 @@
     "copyfiles": "^2.4.1",
     "cors": "^2.8.5",
     "css-loader": "^7.1.1",
-    "eslint": "^8.0.0",
+    "eslint": "^9.20.1",
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-jest": "^28.2.0",
     "eslint-plugin-prettier": "^5.1.3",
@@ -81,12 +95,12 @@
     "flow-typed": "^4.0.0",
     "flow-webpack-plugin": "^1.2.0",
     "formidable": "^3.5.1",
+    "globals": "^16.0.0",
     "html-loader": "^5.0.0",
     "html-webpack-inline-source-plugin": "1.0.0-beta.2",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^9.0.10",
     "identity-obj-proxy": "^3.0.0",
-    "invariant": "^2.2.4",
     "jest": "^29.2.0",
     "jest-environment-jsdom": "^29.3.1",
     "jest-junit": "^16.0.0",
@@ -98,7 +112,7 @@
     "prettier": "^3.2.5",
     "style-loader": "^4.0.0",
     "stylelint": "^16.2.1",
-    "stylelint-config-standard": "^36.0.0",
+    "stylelint-config-standard": "^37.0.0",
     "stylelint-prettier": "^5.0.0",
     "terser-webpack-plugin": "^5.3.10",
     "ts-jest": "^29.1.2",
@@ -110,32 +124,8 @@
     "webpack-dev-server": "^5.0.2",
     "write-file-webpack-plugin": "^4.5.1"
   },
-  "dependencies": {
-    "@modusoperandi/color-picker": "^1.0.4",
-    "body-parser": "^1.19.0",
-    "browserkeymap": "^2.0.2",
-    "flatted": "^3.1.0",
-    "flow-typed": "^4.0.0",
-    "formidable": "^3.5.1",
-    "invariant": "^2.2.4",
-    "jquery": "^3.5.1",
-    "react-tooltip": "^5.28.0",
-    "resize-observer-polyfill": "^1.5.1",
-    "smooth-scroll-into-view-if-needed": "^2.0.2",
-    "style-loader": "^4.0.0",
-    "url": "^0.11.0",
-    "webfontloader": "^1.6.28"
-  },
-  "peerDependencies": {
-    "@modusoperandi/licit-ui-commands": "^1.0.8",
-    "jquery": "^3.5.1",
-    "prosemirror-collab": "^1.2.2",
-    "prosemirror-tables": "^1.2.5"
-  },
   "overrides": {
-    "libxmljs2": "^1.0.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "libxmljs2": "^1.0.0"
   },
   "importSort": {
     ".js": {

package/ui/CommandMenu.js

@@ -67,7 +67,7 @@ var CommandMenu = /*#__PURE__*/function (_React$PureComponent) {
             // [FS] IRAD-1053 2020-10-22
             // Disable the Clear style menu when no styles applied to a paragraph
             disabled = !editorView || !command.isEnabled(editorState, editorView, label);
-          } catch (ex) {
+          } catch (_unused) {
             disabled = false;
           }
           children.push(/*#__PURE__*/React.createElement(CustomMenuItem, {

package/ui/CommandMenu.js.flow

@@ -34,7 +34,7 @@ class CommandMenu extends React.PureComponent<any, any> {
           // Disable the Clear style menu when no styles applied to a paragraph
           disabled =
             !editorView || !command.isEnabled(editorState, editorView, label);
-        } catch (ex) {
+        } catch {
           disabled = false;
         }
         children.push(

package/ui/CommandMenuButton.js

@@ -98,7 +98,7 @@ var CommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
           var disabledVal = true;
           try {
             disabledVal = !editorView || !command.isEnabled(editorState, editorView, label);
-          } catch (ex) {
+          } catch (_unused) {
             disabledVal = false;
           }
           return !disabledVal;

package/ui/CommandMenuButton.js.flow

@@ -52,7 +52,7 @@ class CommandMenuButton extends React.PureComponent<any, any> {
           try {
             disabledVal =
               !editorView || !command.isEnabled(editorState, editorView, label);
-          } catch (ex) {
+          } catch {
             disabledVal = false;
           }
           return !disabledVal;

package/ui/LinkTooltip.js

@@ -102,6 +102,7 @@ var LinkTooltip = /*#__PURE__*/function (_React$PureComponent) {
         onRemove = _this$props2.onRemove,
         tocItemPos_ = _this$props2.tocItemPos_,
         selectionId_ = _this$props2.selectionId_;
+      var canEdit = editorView.editable;
       // [FS] IRAD-1013 2020-07-09
       var getLabel = function getLabel() {
         if (tocItemPos_ && selectionId_) {
@@ -131,11 +132,11 @@ var LinkTooltip = /*#__PURE__*/function (_React$PureComponent) {
         target: "new",
         title: label,
         value: label
-      }), /*#__PURE__*/React.createElement(CustomButton, {
+      }), canEdit && /*#__PURE__*/React.createElement(CustomButton, {
         label: "Change",
         onClick: onEdit,
         value: editorView
-      }), /*#__PURE__*/React.createElement(CustomButton, {
+      }), canEdit && /*#__PURE__*/React.createElement(CustomButton, {
         label: "Remove",
         onClick: onRemove,
         value: editorView

package/ui/LinkTooltip.js.flow

@@ -24,6 +24,7 @@ class LinkTooltip extends React.PureComponent<any, any> {
   render(): React.Element<any> {
     const { href, editorView, onEdit, onRemove, tocItemPos_, selectionId_ } =
       this.props;
+      const canEdit = editorView.editable;
     // [FS] IRAD-1013 2020-07-09
     const getLabel = () => {
       if (tocItemPos_ && selectionId_) {
@@ -53,8 +54,16 @@ class LinkTooltip extends React.PureComponent<any, any> {
               title={label}
               value={label}
             />
-            <CustomButton label="Change" onClick={onEdit} value={editorView} />
-            <CustomButton label="Remove" onClick={onRemove} value={editorView} />
+            {canEdit && (
+              <CustomButton label="Change" onClick={onEdit} value={editorView} />
+            )}
+            {canEdit && (
+              <CustomButton
+                label="Remove"
+                onClick={onRemove}
+                value={editorView}
+              />
+            )}
           </div>
         </div>
       </div>

package/ui/ListTypeButton.js

@@ -100,7 +100,7 @@ var ListTypeButton = /*#__PURE__*/function (_React$PureComponent) {
           var disabledVal = true;
           try {
             disabledVal = false;
-          } catch (ex) {
+          } catch (_unused) {
             disabledVal = false;
           }
           return !disabledVal;

package/ui/ListTypeButton.js.flow

@@ -36,14 +36,8 @@ class ListTypeButton extends React.PureComponent<any, any> {
   render(): React.Element<any> {
     // editorState,
     // editorView,
-    const {
-      className,
-      label,
-      commandGroups,
-      icon,
-      disabled,
-      title,
-    } = this.props;
+    const { className, label, commandGroups, icon, disabled, title } =
+      this.props;
     const enabled =
       !disabled &&
       commandGroups.some((group, ii) => {
@@ -51,7 +45,7 @@ class ListTypeButton extends React.PureComponent<any, any> {
           let disabledVal = true;
           try {
             disabledVal = false;
-          } catch (ex) {
+          } catch {
             disabledVal = false;
           }
           return !disabledVal;

package/ui/czi-editor.css

@@ -126,6 +126,9 @@
   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/toCSSColor.js

@@ -34,7 +34,7 @@ export function toCSSColor(source) {
     hex = Color(source).hex().toLowerCase();
     ColorMaping[source] = hex;
   } catch (ex) {
-    console.warn('unable to convert to hex', source);
+    console.warn('unable to convert to hex', source, ex);
     ColorMaping[source] = '';
   }
   return hex;

package/ui/toCSSColor.js.flow

@@ -42,7 +42,7 @@ export function toCSSColor(source: any): string {
     hex = Color(source).hex().toLowerCase();
     ColorMaping[source] = hex;
   } catch (ex) {
-    console.warn('unable to convert to hex', source);
+    console.warn('unable to convert to hex', source, ex);
     ColorMaping[source] = '';
   }
   return hex;

package/ui/toHexColor.js

@@ -15,7 +15,7 @@ export default function toHexColor(source) {
     hex = Color(source).hex().toLowerCase();
     ColorMaping[source] = hex;
   } catch (ex) {
-    console.warn('unable to convert to hex', source);
+    console.warn('unable to convert to hex', source, ex);
     ColorMaping[source] = '';
   }
   return hex;

package/ui/toHexColor.js.flow

@@ -19,7 +19,7 @@ export default function toHexColor(source: any): string {
     hex = Color(source).hex().toLowerCase();
     ColorMaping[source] = hex;
   } catch (ex) {
-    console.warn('unable to convert to hex', source);
+    console.warn('unable to convert to hex', source, ex);
     ColorMaping[source] = '';
   }
   return hex;