@modusoperandi/licit 1.0.12 → 1.1.1

package/client/Licit.js

@@ -215,9 +215,11 @@ var Licit = /*#__PURE__*/function (_React$Component) {
     /**
      * Method to open page layout
      */
-    _defineProperty(_this, "pageLayout", function (state) {
+    _defineProperty(_this, "pageLayout", function () {
       var DOC_LAYOUT = new DocLayoutCommand();
-      DOC_LAYOUT.waitForUserInput(state);
+      DOC_LAYOUT.waitForUserInput(_this._editorView.state, _this._editorView.dispatch, _this._editorView).then(function (inputs) {
+        DOC_LAYOUT.executeWithUserInput(_this._editorView.state, _this._editorView.dispatch, _this._editorView, inputs);
+      });
     });
     _this.initialize(_props);
     return _this;

package/client/Licit.js.flow

@@ -610,9 +610,20 @@ class Licit extends React.Component<any, any> {
   /**
    * Method to open page layout
    */
-  pageLayout = (state: EditorState): void => {
+  pageLayout = (): void => {
     const DOC_LAYOUT = new DocLayoutCommand();
-    DOC_LAYOUT.waitForUserInput(state);
+    DOC_LAYOUT.waitForUserInput(
+      this._editorView.state,
+      this._editorView.dispatch,
+      this._editorView
+    ).then((inputs) => {
+      DOC_LAYOUT.executeWithUserInput(
+        this._editorView.state,
+        this._editorView.dispatch,
+        this._editorView,
+        inputs
+      );
+    });
   };
 }
 

package/index.d.ts

@@ -92,7 +92,7 @@ export class Licit extends React.Component<any, any> {
 
   goToEnd(): void;
 
-  pageLayout(state: EditorState): void;
+  pageLayout(): void;
 }
 
 // from './Types';

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@modusoperandi/licit",
-  "version": "1.0.12",
+  "version": "1.1.1",
+  "license": "MIT",
   "type": "module",
   "subversion": "1",
   "description": "Rich text editor built with React and ProseMirror",
@@ -24,7 +25,7 @@
     "build:dist": "npm run build:clean && npm run build:babel && npm run build:flow && npm run build:css && npm run build:fonts && npm run build:bom && cp src/*.d.ts dist/",
     "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 dist",
+    "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\"",
@@ -68,14 +69,14 @@
     "cors": "^2.8.5",
     "css-loader": "^7.1.1",
     "eslint": "^8.0.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-jest": "^28.2.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.33.2",
     "exports-loader": "^5.0.0",
     "express": "^4.17.1",
     "file-loader": "^6.2.0",
-    "flow-bin": "^0.258.1",
+    "flow-bin": "^0.259.1",
     "flow-copy-source": "^2.0.9",
     "flow-typed": "^4.0.0",
     "flow-webpack-plugin": "^1.2.0",

package/ui/CustomRadioButton.js

@@ -1,8 +1,8 @@
 var _excluded = ["title", "className", "checked", "label", "inline", "name", "onSelect", "disabled"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }

package/ui/LinkURLEditor.js

@@ -1,4 +1,6 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
@@ -63,14 +65,15 @@ var LinkURLEditor = /*#__PURE__*/function (_React$PureComponent) {
       if (!(TocNode !== null && TocNode !== void 0 && (_TocNode$attrs = TocNode.attrs) !== null && _TocNode$attrs !== void 0 && _TocNode$attrs.innerLink)) {
         var nodeUUID = uuid();
         var texthash = '#';
-        var nodeAttrs = TocNode.attrs;
+        var nodeAttrs = _objectSpread({}, TocNode.attrs);
         var nodeconcat_UUID = texthash.concat(nodeUUID);
         nodeAttrs.innerLink = nodeconcat_UUID;
-        tr.setNodeMarkup(tocNodePosition_, undefined, nodeAttrs);
+        tr = tr.setNodeMarkup(tocNodePosition_, undefined, nodeAttrs);
         textContent = nodeconcat_UUID.concat(INNER_LINK, textContent_);
       } else {
         textContent = TocNode.attrs.innerLink.concat(INNER_LINK, textContent_);
       }
+      view.dispatch(tr);
       _this.props.close(textContent);
     });
     _defineProperty(_this, "_onKeyDown", function (e) {

package/ui/LinkURLEditor.js.flow

@@ -64,8 +64,7 @@ class LinkURLEditor extends React.PureComponent<any, any> {
   };
 
   render(): React.Element<any> {
-    const { url, TOCselectedNode_, view_, selectionId } =
-      this.state;
+    const { url, TOCselectedNode_, view_, selectionId } = this.state;
 
     const isTOCValid = () => {
       if (!TOCselectedNode_ || TOCselectedNode_.length === 0) {
@@ -73,7 +72,7 @@ class LinkURLEditor extends React.PureComponent<any, any> {
       }
 
       return TOCselectedNode_.some(
-        item => item.node_ && item.node_.textContent.trim() !== ''
+        (item) => item.node_ && item.node_.textContent.trim() !== ''
       );
     };
     const isValid = isTOCValid();
@@ -92,7 +91,7 @@ class LinkURLEditor extends React.PureComponent<any, any> {
 
     return (
       <div className="czi-image-url-editor">
-        <div className="czi-form" style={{padding:'10px', display:'flex'}}>
+        <div className="czi-form" style={{ padding: '10px', display: 'flex' }}>
           <div className="tab">
             <button
               className="tablinks"
@@ -138,7 +137,7 @@ class LinkURLEditor extends React.PureComponent<any, any> {
             </form>
           </div>
           {!isValid ? (
-            <div className="tabcontent" id="innerlink" >
+            <div className="tabcontent" id="innerlink">
               <p>No TOC styles</p>
               <div className="czi-form-buttons">
                 <CustomButton label="Cancel" onClick={this._cancel} />
@@ -151,13 +150,19 @@ class LinkURLEditor extends React.PureComponent<any, any> {
                 <br></br>
                 <select
                   defaultValue={
-                    TOCselectedNode_.some(res => res.node_.textContent === url) ? url : null
+                    TOCselectedNode_.some(
+                      (res) => res.node_.textContent === url
+                    )
+                      ? url
+                      : null
                   }
                   id="toc"
                   name="toccontents"
                   size="3"
                 >
-                  {TOCselectedNode_?.filter(res => res.node_.textContent.trim() !== '').map((res, index) => (
+                  {TOCselectedNode_?.filter(
+                    (res) => res.node_.textContent.trim() !== ''
+                  ).map((res, index) => (
                     <option
                       data-tooltip-content={res.node_.textContent}
                       data-tooltip-id="select-toc-tooltip"
@@ -193,20 +198,21 @@ class LinkURLEditor extends React.PureComponent<any, any> {
   }
 
   handleOptionChange = (textContent_, tocNodePosition_, view: EditorView) => {
-    const tr = view.state.tr;
+    let tr = view.state.tr;
     const TocNode = view.state.doc.nodeAt(tocNodePosition_);
     let textContent;
     if (!TocNode?.attrs?.innerLink) {
       const nodeUUID = uuid();
       const texthash = '#';
-      const nodeAttrs = TocNode.attrs;
+      const nodeAttrs = { ...TocNode.attrs };
       const nodeconcat_UUID = texthash.concat(nodeUUID);
       nodeAttrs.innerLink = nodeconcat_UUID;
-      tr.setNodeMarkup(tocNodePosition_, undefined, nodeAttrs);
+      tr = tr.setNodeMarkup(tocNodePosition_, undefined, nodeAttrs);
       textContent = nodeconcat_UUID.concat(INNER_LINK, textContent_);
     } else {
       textContent = TocNode.attrs.innerLink.concat(INNER_LINK, textContent_);
     }
+    view.dispatch(tr);
     this.props.close(textContent);
   };