@modusoperandi/licit 1.1.1 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modusoperandi/licit",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "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,22 @@
     "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",
+    "jquery": "^3.5.1",
+    "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",
@@ -86,7 +101,6 @@
     "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/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/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,