@mirrormedia/lilith-draft-editor 1.3.3 → 2.1.0

package/lib/draft-js/draft-converter/inline-styles-processor.js

@@ -12,9 +12,26 @@ var _const = require("../const");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // Modified from https://github.com/dburrows/draft-js-basic-html-editor/blob/master/src/utils/processInlineStylesAndEntities.js
+
+/**
+ * @typedef {import('./jsdoc').RawDraftContentBlock} RawDraftContentBlock
+ * @typedef {import('./jsdoc').EntityMap} EntityMap
+ * @typedef {import('./jsdoc').RawDraftEntityRange} RawDraftEntityRange
+ * @typedef {import('./jsdoc').DraftInlineStyleType} DraftInlineStyleType
+ * @typedef {import('./jsdoc').RawDraftInlineStyleRange} RawDraftInlineStyleRange
+ * @typedef {import('./jsdoc').EntityTagMap} EntityTagMap
+ * @typedef {import('./jsdoc').InlineTagMap} InlineTagMap
+ * @typedef {Record<string, any>} TagInsertMap
+ */
+
+/**
+ * @param {DraftInlineStyleType} style
+ */
 function tagForCustomInlineStyle(style) {
   const customInlineStylePrefixs = [_const.CUSTOM_STYLE_PREFIX_FONT_COLOR, _const.CUSTOM_STYLE_PREFIX_BACKGROUND_COLOR];
   const stylePrefix = customInlineStylePrefixs.find(prefix => style.startsWith(prefix));
+  /** @type {string[]} */
+
   let tag, value;
 
   switch (stylePrefix) {
@@ -29,37 +46,44 @@ function tagForCustomInlineStyle(style) {
       break;
 
     default:
+      tag = [];
       break;
   }
 
   return tag;
 }
+/**
+ * @param {RawDraftContentBlock} block
+ */
+
 
 function _fullfilIntersection(block) {
   // SORT BEFORE PROCESSING
-  let sortedISRanges = _lodash.default.sortBy(block.inlineStyleRanges, 'offset');
+  const sortedISRanges = _lodash.default.sortBy(block.inlineStyleRanges, 'offset');
 
-  let sortedEntityRanges = _lodash.default.sortBy(block.entityRanges, 'offset');
+  const sortedEntityRanges = _lodash.default.sortBy(block.entityRanges, 'offset');
 
-  let splitedISInline = [];
+  const splitedISInline = [];
 
   for (let i = 0; i < sortedEntityRanges.length; i++) {
-    let entityRange = sortedEntityRanges[i];
+    const entityRange = sortedEntityRanges[i];
 
     for (let j = 0; j < sortedISRanges.length; j++) {
-      let entityOffset = _lodash.default.get(entityRange, 'offset', 0);
+      const entityOffset = _lodash.default.get(entityRange, 'offset', 0);
 
-      let entityLength = _lodash.default.get(entityRange, 'length', 0);
+      const entityLength = _lodash.default.get(entityRange, 'length', 0);
 
-      let inlineLength = _lodash.default.get(sortedISRanges, [j, 'length'], 0);
+      const inlineLength = _lodash.default.get(sortedISRanges, [j, 'length'], 0);
 
-      let inlineOffset = _lodash.default.get(sortedISRanges, [j, 'offset'], 0);
+      const inlineOffset = _lodash.default.get(sortedISRanges, [j, 'offset'], 0);
 
-      let inlineStyle = _lodash.default.get(sortedISRanges, [j, 'style'], '');
+      const inlineStyle =
+      /** @type {DraftInlineStyleType}*/
+      _lodash.default.get(sortedISRanges, [j, 'style'], '');
 
-      let nextEntityOffset = _lodash.default.get(sortedEntityRanges, [i + 1, 'offset'], 0);
+      const nextEntityOffset = _lodash.default.get(sortedEntityRanges, [i + 1, 'offset'], 0);
 
-      let nextEntityLength = _lodash.default.get(sortedEntityRanges, [i + 1, 'length'], 0); // handle intersections of inline style and entity
+      const nextEntityLength = _lodash.default.get(sortedEntityRanges, [i + 1, 'length'], 0); // handle intersections of inline style and entity
       // <a></a> is entity
       // <abbr></abbr> is next entity
       // <strong></strong>  is inline style
@@ -128,10 +152,16 @@ function _fullfilIntersection(block) {
 
   return sortedISRanges;
 }
+/**
+ * @param {InlineTagMap} inlineTagMap
+ * @param {RawDraftInlineStyleRange[]} inlineStyleRanges
+ * @param {TagInsertMap} [tagInsertMap]
+ */
+
 
 function _inlineTag(inlineTagMap, inlineStyleRanges, tagInsertMap = {}) {
   // SORT BEFORE PROCESSING
-  let sortedRanges = _lodash.default.sortBy(inlineStyleRanges, 'offset'); // map all the tag insertions we're going to do
+  const sortedRanges = _lodash.default.sortBy(inlineStyleRanges, 'offset'); // map all the tag insertions we're going to do
 
 
   sortedRanges.forEach(function (range) {
@@ -159,19 +189,26 @@ function _inlineTag(inlineTagMap, inlineStyleRanges, tagInsertMap = {}) {
   });
   return tagInsertMap;
 }
+/**
+ * @param {EntityTagMap} entityTagMap
+ * @param {EntityMap} entityMap
+ * @param {RawDraftEntityRange[]} entityRanges
+ * @param {TagInsertMap} tagInsertMap
+ */
+
 
 function _entityTag(entityTagMap, entityMap, entityRanges, tagInsertMap = {}) {
   _lodash.default.forEach(entityRanges, range => {
-    let entity = entityMap[range.key];
-    let type = entity.type && entity.type.toUpperCase();
-    let tag = entityTagMap[type];
-    let data = entity.data;
+    const entity = entityMap[range.key];
+    const type = entity.type && entity.type.toUpperCase();
+    const tag = entityTagMap[type];
+    const data = entity.data;
 
-    let compiledTag0 = _lodash.default.template(tag[0], {
+    const compiledTag0 = _lodash.default.template(tag[0], {
       variable: 'data'
     })(data);
 
-    let compiledTag1 = _lodash.default.template(tag[1], {
+    const compiledTag1 = _lodash.default.template(tag[1], {
       variable: 'data'
     })(data);
 
@@ -194,6 +231,13 @@ function _entityTag(entityTagMap, entityMap, entityRanges, tagInsertMap = {}) {
 
   return tagInsertMap;
 }
+/**
+ * @param {InlineTagMap} inlineTagMap
+ * @param {EntityTagMap} entityTagMap
+ * @param {EntityMap} entityMap
+ * @param {RawDraftContentBlock} block
+ */
+
 
 function convertToHtml(inlineTagMap, entityTagMap, entityMap, block) {
   //  exit if there is no inlineStyleRanges/entityRanges or length === 0 as well
@@ -203,21 +247,23 @@ function convertToHtml(inlineTagMap, entityTagMap, entityMap, block) {
 
   let html = block.text;
 
-  let inlineStyleRanges = _fullfilIntersection(block);
+  const inlineStyleRanges = _fullfilIntersection(block);
+  /** @type {TagInsertMap} */
+
 
   let tagInsertMap = {};
   tagInsertMap = _entityTag(entityTagMap, entityMap, block.entityRanges, tagInsertMap);
   tagInsertMap = _inlineTag(inlineTagMap, inlineStyleRanges, tagInsertMap); // sort on position, as we'll need to keep track of offset
 
-  let orderedKeys = Object.keys(tagInsertMap).sort(function (a, b) {
-    a = Number(a);
-    b = Number(b);
+  const orderedKeys = Object.keys(tagInsertMap).sort(function (a, b) {
+    const x = Number(a);
+    const y = Number(b);
 
-    if (a > b) {
+    if (x > y) {
       return 1;
     }
 
-    if (a < b) {
+    if (x < y) {
       return -1;
     }
 
@@ -226,8 +272,10 @@ function convertToHtml(inlineTagMap, entityTagMap, entityMap, block) {
 
   let offset = 0;
   orderedKeys.forEach(function (pos) {
-    let index = Number(pos);
-    tagInsertMap[pos].forEach(function (tag) {
+    const index = Number(pos);
+    tagInsertMap[pos].forEach(function (
+    /** @type {any} */
+    tag) {
       html = html.substr(0, offset + index) + tag + html.substr(offset + index);
       offset += tag.length;
     });

package/lib/draft-js/draft-converter/jsdoc.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {};
+/**
+ * @typedef {import('draft-js').RawDraftContentState} RawDraftContentState
+ * @typedef {import('draft-js').RawDraftContentBlock} RawDraftContentBlock
+ * @typedef {import('draft-js').RawDraftEntity} RawDraftEntity
+ * @typedef {import('draft-js').RawDraftEntityRange} RawDraftEntityRange
+ * @typedef {import('draft-js').DraftInlineStyleType} DraftInlineStyleType
+ * @typedef {import('draft-js').RawDraftInlineStyleRange} RawDraftInlineStyleRange
+ */
+
+/**
+ * @typedef {Record<string, RawDraftEntity>} EntityMap
+ * @typedef {Record<string, any>} BlockTagMap
+ * @typedef {Record<string, string[]>} EntityTagMap
+ * @typedef {EntityTagMap} InlineTagMap
+ */
+
+exports.default = _default;

package/lib/draft-js/modifier.js

@@ -9,8 +9,6 @@ var _draftJs = require("draft-js");
 
 var _immutable = require("immutable");
 
-const Modifier = { ..._draftJs.Modifier
-};
 /* 
     This method is specified for custom inline style such as 'FONT_COLOR_#ffffff'.
     For this kind of inline style there may be more than one style name 'FONT_COLOR_#ffffff', 'FONT_COLOR_#000000'.
@@ -22,10 +20,7 @@ const Modifier = { ..._draftJs.Modifier
 
     Reference: https://github.com/facebook/draft-js/blob/main/src/model/transaction/ContentStateInlineStyle.js#L39-L88
   */
-
-exports.Modifier = Modifier;
-
-Modifier.removeInlineStyleByPrefix = (contentState, selectionState, inlineStylePrefix) => {
+const removeInlineStyleByPrefix = (contentState, selectionState, inlineStylePrefix) => {
   const blockMap = contentState.getBlockMap();
   const startKey = selectionState.getStartKey();
   const startOffset = selectionState.getStartOffset();
@@ -65,4 +60,9 @@ Modifier.removeInlineStyleByPrefix = (contentState, selectionState, inlineStyleP
     selectionBefore: selectionState,
     selectionAfter: selectionState
   });
-};
+};
+
+const Modifier = Object.assign({}, _draftJs.Modifier, {
+  removeInlineStyleByPrefix
+});
+exports.Modifier = Modifier;

package/lib/draft-js/util.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSelectionEntityData = void 0;
 
-const getSelectionEntityData = editorState => {
+const getSelectionEntityData = (
+/** @type {import('draft-js').EditorState} */
+editorState) => {
   const selection = editorState.getSelection();
   const startOffset = selection.getStartOffset();
   const startBlock = editorState.getCurrentContent().getBlockForKey(selection.getStartKey());