@modusoperandi/licit 1.6.1 → 1.6.2

package/insertTable.js

@@ -32,7 +32,9 @@ export default function insertTable(tr, schema, rows, cols) {
     var rowNode = row.create({}, Fragment.from(cellNodes));
     rowNodes.push(rowNode);
   }
-  var tableNode = table.create({}, Fragment.from(rowNodes));
+  var tableNode = table.create({
+    noOfColumns: cols
+  }, Fragment.from(rowNodes));
   tr = tr.insert(from, Fragment.from(tableNode));
   var selection = TextSelection.create(tr.doc, from + 5, from + 5);
   tr = tr.setSelection(selection);

package/insertTable.js.flow

@@ -44,7 +44,10 @@ export default function insertTable(
     const rowNode = row.create({}, Fragment.from(cellNodes));
     rowNodes.push(rowNode);
   }
-  const tableNode = table.create({}, Fragment.from(rowNodes));
+  const tableNode = table.create(
+    { noOfColumns: cols },
+    Fragment.from(rowNodes)
+  );
   tr = tr.insert(from, Fragment.from(tableNode));
 
   const selection = TextSelection.create(tr.doc, from + 5, from + 5);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modusoperandi/licit",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "license": "MIT",
   "type": "module",
   "subversion": "1",
@@ -42,7 +42,7 @@
   "dependencies": {
     "@modusoperandi/color-picker": "^1.0.7",
     "browserkeymap": "^2.0.2",
-    "flatted": "^3.3.3",
+    "flatted": "^3.3.4",
     "prop-types": "^15.8.1",
     "react-tooltip": "^5.30.0",
     "resize-observer-polyfill": "^1.5.1",
@@ -82,7 +82,7 @@
     "copyfiles": "^2.4.1",
     "cors": "^2.8.6",
     "css-loader": "^7.1.4",
-    "eslint": "^9.39.2",
+    "eslint": "^9.39.3",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-jest": "^29.15.0",
     "eslint-plugin-prettier": "^5.5.5",
@@ -90,12 +90,12 @@
     "exports-loader": "^5.0.0",
     "express": "^5.2.1",
     "file-loader": "^6.2.0",
-    "flow-bin": "^0.301.0",
+    "flow-bin": "^0.303.0",
     "flow-copy-source": "^2.0.9",
     "flow-typed": "^4.1.1",
     "flow-webpack-plugin": "^1.2.0",
     "formidable": "^3.5.4",
-    "globals": "^17.3.0",
+    "globals": "^17.4.0",
     "html-loader": "^5.1.0",
     "html-webpack-inline-source-plugin": "1.0.0-beta.2",
     "html-webpack-plugin": "^5.6.6",
@@ -106,7 +106,7 @@
     "jest-junit": "^16.0.0",
     "jest-prosemirror": "^3.0.1",
     "jest-sonar-reporter": "^2.0.0",
-    "lint-staged": "^16.2.7",
+    "lint-staged": "^16.3.1",
     "mkdirp": "^3.0.1",
     "mv": "^2.1.1",
     "prettier": "^3.8.1",
@@ -119,7 +119,7 @@
     "ts-loader": "^9.5.4",
     "ts-node": "^10.9.2",
     "typescript": "5.9.3",
-    "webpack": "^5.105.2",
+    "webpack": "^5.105.3",
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.2.3",
     "write-file-webpack-plugin": "^4.5.1"

package/ui/TableNodeView.js

@@ -17,6 +17,7 @@ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf
 import { Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
 import { TableView } from 'prosemirror-tables';
+import toCSSLength from './toCSSLength.js';
 
 // A custom table view that renders the margin-left style.
 var TableNodeView = /*#__PURE__*/function (_TableView) {
@@ -40,23 +41,30 @@ var TableNodeView = /*#__PURE__*/function (_TableView) {
   }, {
     key: "_updateAttrs",
     value: function _updateAttrs(node) {
-      var _node$attrs, _node$attrs2, _node$attrs3, _node$attrs4;
+      var _node$attrs, _node$attrs2, _node$attrs3, _node$attrs4, _node$attrs5, _node$attrs6;
       // Handle marginLeft
       var marginLeft = ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.marginLeft) || 0;
       this.table.style.marginLeft = marginLeft ? "".concat(marginLeft, "px") : '';
+      this.table.style.height = toCSSLength((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.tableheight);
+      var noOfColumns = (_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.noOfColumns;
+      if (typeof noOfColumns === 'number' && noOfColumns > 0) {
+        this.table.setAttribute('data-no-of-columns', String(noOfColumns));
+      } else {
+        this.table.removeAttribute('data-no-of-columns');
+      }
 
       // Handle vignette
-      if ((_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.vignette) {
+      if ((_node$attrs4 = node.attrs) !== null && _node$attrs4 !== void 0 && _node$attrs4.vignette) {
         this.table.style.border = 'none';
       }
 
       // Handle dirty -> sets a data attribute for DOM/state sync
-      if ((_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.dirty) {
+      if ((_node$attrs5 = node.attrs) !== null && _node$attrs5 !== void 0 && _node$attrs5.dirty) {
         this.table.setAttribute('dirty', 'true');
       } else {
         this.table.removeAttribute('dirty');
       }
-      if ((_node$attrs4 = node.attrs) !== null && _node$attrs4 !== void 0 && _node$attrs4.coverPage) {
+      if ((_node$attrs6 = node.attrs) !== null && _node$attrs6 !== void 0 && _node$attrs6.coverPage) {
         this.table.setAttribute('data-cover-page', 'true');
       } else {
         this.table.removeAttribute('data-cover-page');

package/ui/TableNodeView.js.flow

@@ -1,6 +1,7 @@
 import { Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
 import { TableView } from 'prosemirror-tables';
+import toCSSLength from './toCSSLength.js';
 
 // A custom table view that renders the margin-left style.
 export default class TableNodeView extends TableView {
@@ -20,6 +21,14 @@ export default class TableNodeView extends TableView {
     // Handle marginLeft
     const marginLeft = node.attrs?.marginLeft || 0;
     this.table.style.marginLeft = marginLeft ? `${marginLeft}px` : '';
+    this.table.style.height = toCSSLength(node.attrs?.tableheight);
+
+    const noOfColumns = node.attrs?.noOfColumns;
+    if (typeof noOfColumns === 'number' && noOfColumns > 0) {
+      this.table.setAttribute('data-no-of-columns', String(noOfColumns));
+    } else {
+      this.table.removeAttribute('data-no-of-columns');
+    }
 
     // Handle vignette
     if (node.attrs?.vignette) {

package/ui/toCSSLength.js

@@ -0,0 +1,38 @@
+var NUMERIC_LENGTH_PATTERN = /^-?\d{1,1000}(\.\d{1,1000})?$/;
+
+/**
+ * @param {unknown} value
+ * @returns {string | null}
+ */
+function normalizeCSSLength(value) {
+  if (value === null || value === undefined) {
+    return null;
+  }
+  if (typeof value === 'number' && isFinite(value)) {
+    return "".concat(value, "px");
+  }
+  var stringValue = String(value).trim();
+  if (!stringValue) {
+    return null;
+  }
+  if (NUMERIC_LENGTH_PATTERN.test(stringValue)) {
+    return "".concat(stringValue, "px");
+  }
+  return stringValue;
+}
+
+/**
+ * @param {unknown} value
+ * @returns {string | null}
+ */
+export function toCSSLengthOrNull(value) {
+  return normalizeCSSLength(value);
+}
+
+/**
+ * @param {unknown} value
+ * @returns {string}
+ */
+export default function toCSSLength(value) {
+  return normalizeCSSLength(value) || '';
+}

package/ui/toCSSLength.js.flow

@@ -0,0 +1,38 @@
+const NUMERIC_LENGTH_PATTERN = /^-?\d{1,1000}(\.\d{1,1000})?$/;
+
+/**
+ * @param {unknown} value
+ * @returns {string | null}
+ */
+function normalizeCSSLength(value) {
+  if (value === null || value === undefined) {
+    return null;
+  }
+  if (typeof value === 'number' && isFinite(value)) {
+    return `${value}px`;
+  }
+  const stringValue = String(value).trim();
+  if (!stringValue) {
+    return null;
+  }
+  if (NUMERIC_LENGTH_PATTERN.test(stringValue)) {
+    return `${stringValue}px`;
+  }
+  return stringValue;
+}
+
+/**
+ * @param {unknown} value
+ * @returns {string | null}
+ */
+export function toCSSLengthOrNull(value) {
+  return normalizeCSSLength(value);
+}
+
+/**
+ * @param {unknown} value
+ * @returns {string}
+ */
+export default function toCSSLength(value) {
+  return normalizeCSSLength(value) || '';
+}