@mirrormedia/lilith-draft-editor 1.3.3 → 2.1.0

package/lib/draft-js/buttons/slideshow.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SlideshowButton = SlideshowButton;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _imageSelector = require("./selector/image-selector");
 
 var _draftJs = require("draft-js");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function SlideshowButton(props) {
   const {
     editorState,
@@ -57,15 +53,15 @@ function SlideshowButton(props) {
     setToShowImageSelector(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toShowImageSelector && /*#__PURE__*/_react.default.createElement(ImageSelector, {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, toShowImageSelector && /*#__PURE__*/React.createElement(ImageSelector, {
     onChange: onImageSelectorChange,
     enableCaption: true,
     enableDelay: true,
     enableMultiSelect: true
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: className,
     onClick: promptForImageSelector
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "far fa-images"
-  }), /*#__PURE__*/_react.default.createElement("span", null, " Slideshow")));
+  }), /*#__PURE__*/React.createElement("span", null, " Slideshow")));
 }

package/lib/draft-js/buttons/table.js

@@ -5,12 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TableButton = TableButton;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _draftJs = require("draft-js");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function TableButton(props) {
   const {
     editorState,
@@ -58,10 +54,10 @@ function TableButton(props) {
     onChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     onClick: onClick,
     className: className
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "fa fa-table"
-  }), /*#__PURE__*/_react.default.createElement("span", null, "Table"));
+  }), /*#__PURE__*/React.createElement("span", null, "Table"));
 }

package/lib/draft-js/buttons/text-align.js

@@ -7,14 +7,12 @@ exports.AlignCenterButton = AlignCenterButton;
 exports.AlignLeftButton = AlignLeftButton;
 exports.getSelectionBlockData = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 
 var _draftJs = require("draft-js");
 
 var _modifier = require("../modifier");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const toggleSelectionTextAlign = (editorState, textAlign) => {
   return setSelectionBlockData(editorState, {
     textAlign: getSelectionBlockData(editorState, 'textAlign') !== textAlign ? textAlign : undefined
@@ -37,24 +35,26 @@ function AlignCenterButton(props) {
   const {
     isActive,
     editorState,
-    onChange
+    onChange,
+    className
   } = props;
 
   const toggleTextAlign = () => {
     const newContentState = toggleSelectionTextAlign(editorState, 'center');
-    onChange(_draftJs.EditorState.push(editorState, newContentState, 'change-block-style'));
+    onChange( // @ts-ignore `change-block-style` is not EditoChangeType
+    _draftJs.EditorState.push(editorState, newContentState, 'change-block-style'));
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: props.className,
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: className,
     onMouseDown: toggleTextAlign
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M11.4286 2.28571H4.57143C3.93929 2.28571 3.42857 1.77393 3.42857 1.14286C3.42857 0.511786 3.93929 0 4.57143 0H11.4286C12.0607 0 12.5714 0.511786 12.5714 1.14286C12.5714 1.77393 12.0607 2.28571 11.4286 2.28571ZM14.8571 6.85714H1.14286C0.511786 6.85714 0 6.34643 0 5.71429C0 5.08214 0.511786 4.57143 1.14286 4.57143H14.8571C15.4893 4.57143 16 5.08214 16 5.71429C16 6.34643 15.4893 6.85714 14.8571 6.85714ZM0 14.8571C0 14.225 0.511786 13.7143 1.14286 13.7143H14.8571C15.4893 13.7143 16 14.225 16 14.8571C16 15.4893 15.4893 16 14.8571 16H1.14286C0.511786 16 0 15.4893 0 14.8571ZM11.4286 11.4286H4.57143C3.93929 11.4286 3.42857 10.9179 3.42857 10.2857C3.42857 9.65357 3.93929 9.14286 4.57143 9.14286H11.4286C12.0607 9.14286 12.5714 9.65357 12.5714 10.2857C12.5714 10.9179 12.0607 11.4286 11.4286 11.4286Z",
     fill: isActive ? '#ED8B00' : '#6b7280'
   }))));
@@ -64,24 +64,26 @@ function AlignLeftButton(props) {
   const {
     isActive,
     editorState,
-    onChange
+    onChange,
+    className
   } = props;
 
   const toggleTextAlign = () => {
     const newContentState = toggleSelectionTextAlign(editorState, 'left');
-    onChange(_draftJs.EditorState.push(editorState, newContentState, 'change-block-style'));
+    onChange( // @ts-ignore `change-block-style` is not EditoChangeType
+    _draftJs.EditorState.push(editorState, newContentState, 'change-block-style'));
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: props.className,
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: className,
     onMouseDown: toggleTextAlign
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M9.14286 2.28571H1.14286C0.511786 2.28571 0 1.77393 0 1.14286C0 0.511786 0.511786 0 1.14286 0H9.14286C9.775 0 10.2857 0.511786 10.2857 1.14286C10.2857 1.77393 9.775 2.28571 9.14286 2.28571ZM9.14286 11.4286H1.14286C0.511786 11.4286 0 10.9179 0 10.2857C0 9.65357 0.511786 9.14286 1.14286 9.14286H9.14286C9.775 9.14286 10.2857 9.65357 10.2857 10.2857C10.2857 10.9179 9.775 11.4286 9.14286 11.4286ZM0 5.71429C0 5.08214 0.511786 4.57143 1.14286 4.57143H14.8571C15.4893 4.57143 16 5.08214 16 5.71429C16 6.34643 15.4893 6.85714 14.8571 6.85714H1.14286C0.511786 6.85714 0 6.34643 0 5.71429ZM14.8571 16H1.14286C0.511786 16 0 15.4893 0 14.8571C0 14.225 0.511786 13.7143 1.14286 13.7143H14.8571C15.4893 13.7143 16 14.225 16 14.8571C16 15.4893 15.4893 16 14.8571 16Z",
     fill: isActive ? '#ED8B00' : '#6b7280'
   }))));

package/lib/draft-js/buttons/type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/draft-js/buttons/video.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VideoButton = VideoButton;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _draftJs = require("draft-js");
 
 var _videoSelector = require("./selector/video-selector");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function VideoButton(props) {
   const {
     editorState,
@@ -54,12 +50,12 @@ function VideoButton(props) {
     setToShowVideoSelector(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toShowVideoSelector && /*#__PURE__*/_react.default.createElement(VideoSelector, {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, toShowVideoSelector && /*#__PURE__*/React.createElement(VideoSelector, {
     onChange: onVideoSelectorChange
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: className,
     onClick: promptForVideoSelector
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "fa fa-video-camera"
-  }), /*#__PURE__*/_react.default.createElement("span", null, " Video")));
+  }), /*#__PURE__*/React.createElement("span", null, " Video")));
 }

package/lib/draft-js/buttons/youtube.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.YoutubeButton = YoutubeButton;
 exports.YoutubeInput = YoutubeInput;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _draftJs = require("draft-js");
 
@@ -18,10 +18,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const Label = _styledComponents.default.label`
   display: block;
   font-weight: 600;
@@ -44,9 +40,9 @@ function YoutubeInput(props) {
     setInputValue(initialInputValue);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
+  return /*#__PURE__*/React.createElement(_modals.DrawerController, {
     isOpen: isOpen
-  }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
+  }, /*#__PURE__*/React.createElement(_modals.Drawer, {
     title: `Insert Youtube video`,
     actions: {
       cancel: {
@@ -67,9 +63,9 @@ function YoutubeInput(props) {
         }
       }
     }
-  }, /*#__PURE__*/_react.default.createElement(Label, {
+  }, /*#__PURE__*/React.createElement(Label, {
     htmlFor: "description"
-  }, "Youtube Description"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+  }, "Youtube Description"), /*#__PURE__*/React.createElement(_fields.TextInput, {
     onChange: e => setInputValue({
       description: e.target.value,
       youtubeId: inputValue.youtubeId
@@ -78,9 +74,9 @@ function YoutubeInput(props) {
     placeholder: "description",
     id: "description",
     value: inputValue.description
-  }), /*#__PURE__*/_react.default.createElement(Label, {
+  }), /*#__PURE__*/React.createElement(Label, {
     htmlFor: "youtubeId"
-  }, "Youtube Videi Id"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+  }, "Youtube Videi Id"), /*#__PURE__*/React.createElement(_fields.TextInput, {
     onChange: e => setInputValue({
       description: inputValue.description,
       youtubeId: e.target.value
@@ -122,26 +118,26 @@ function YoutubeButton(props) {
     setToShowInput(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(YoutubeInput, {
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(YoutubeInput, {
     onChange: onChange,
     onCancel: () => {
       setToShowInput(false);
     },
     isOpen: toShowInput
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: className,
     onClick: () => {
       setToShowInput(true);
     }
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     height: "16px",
     width: "14px",
     version: "1.1",
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 461.001 461.001"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     fill: "#6b7280",
     d: "M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728 c0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137 C461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607 c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z"
-  })), /*#__PURE__*/_react.default.createElement("span", null, "Youtube")));
+  })), /*#__PURE__*/React.createElement("span", null, "Youtube")));
 }

package/lib/draft-js/draft-converter/api-data-instance.js

@@ -11,7 +11,18 @@ var _shortid = _interopRequireDefault(require("shortid"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ApiDataInstanceRecord = (0, _immutable.Record)({
+/**
+ * @typedef Property
+ * @property {string} [id]
+ * @property {string} [type]
+ * @property {string} [alignment]
+ * @property {any[]} [content]
+ * @property {Record<string, any>} [styles]
+ * @property {string} [textAlign]
+ */
+const ApiDataInstanceRecord = (0, _immutable.Record)(
+/** @type {Property} */
+{
   id: _shortid.default.generate(),
   type: 'paragraph',
   alignment: 'center',
@@ -21,8 +32,11 @@ const ApiDataInstanceRecord = (0, _immutable.Record)({
 });
 
 class ApiDataInstance extends ApiDataInstanceRecord {
+  /**
+   * @param {Property} props
+   */
   constructor(props) {
-    let id = props && props.id || _shortid.default.generate();
+    const id = props && props.id || _shortid.default.generate();
 
     props.id = id;
     super(props);

package/lib/draft-js/draft-converter/atomic-block-processor.js

@@ -19,7 +19,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /* eslint-disable @typescript-eslint/no-var-requires */
 // import sizeOf from 'image-size';
-// eslint-disable-line
 // import htmlparser2 from 'htmlparser2'
 // eslint-disable-next-line no-undef
 const htmlparser2 = require('htmlparser2');
@@ -31,16 +30,23 @@ const htmlparser2 = require('htmlparser2');
  */
 
 /**
+ *  @typedef {import('./jsdoc').RawDraftContentState} RawDraftContentState
+ *  @typedef {import('./jsdoc').RawDraftContentBlock} RawDraftContentBlock
+ *  @typedef {import('./jsdoc').EntityMap} EntityMap
  *  @typedef {RawDraftContentState[][]} DraftEditor.TableEntity.TableData
  */
 
 
 const processor = {
+  /**
+   * @param {EntityMap} entityMap
+   * @param {RawDraftContentBlock} block
+   */
   convertBlock(entityMap, block) {
     let alignment = 'center';
     let content;
-    let entityRange = block.entityRanges[0];
-    let styles = {}; // current block's entity data
+    const entityRange = block.entityRanges[0];
+    const styles = {}; // current block's entity data
     // ex:
     // entity.type = IMAGE, entity.data={id,name,url...}
 
@@ -106,7 +112,7 @@ const processor = {
         // this is different from default blockquote of draftjs
         // so we name our specific blockquote as 'quoteby'
         type = 'quoteby';
-        alignment = entity.data && entity.data.alignment || alignment;
+        alignment = (entity === null || entity === void 0 ? void 0 : entity.data) && (entity === null || entity === void 0 ? void 0 : entity.data.alignment) || alignment;
         content = _lodash.default.get(entity, 'data');
         content = Array.isArray(content) ? content : [content];
         break;
@@ -124,7 +130,7 @@ const processor = {
       case _entities.default.BACKGROUNDVIDEO.type:
       case _entities.default.RELATEDPOST.type:
       case _entities.default.SIDEINDEX.type:
-        alignment = entity.data && entity.data.alignment || alignment;
+        alignment = (entity === null || entity === void 0 ? void 0 : entity.data) && (entity === null || entity === void 0 ? void 0 : entity.data.alignment) || alignment;
         content = _lodash.default.get(entity, 'data');
         content = Array.isArray(content) ? content : [content];
         break;
@@ -133,11 +139,11 @@ const processor = {
         {
           // use Embedded component to dangerouslySetInnerHTML
           type = _entities.default.EMBEDDEDCODE.type;
-          alignment = entity.data && entity.data.alignment || alignment;
+          alignment = (entity === null || entity === void 0 ? void 0 : entity.data) && (entity === null || entity === void 0 ? void 0 : entity.data.alignment) || alignment;
 
-          let description = _lodash.default.get(entity, ['data', 'description'], '');
+          const description = _lodash.default.get(entity, ['data', 'description'], '');
 
-          let url = _lodash.default.get(entity, ['data', 'url'], '');
+          const url = _lodash.default.get(entity, ['data', 'url'], '');
 
           content = [{
             caption: description,
@@ -149,18 +155,22 @@ const processor = {
 
       case _entities.default.EMBEDDEDCODE.type:
         {
-          alignment = entity.data && entity.data.alignment || alignment;
+          alignment = (entity === null || entity === void 0 ? void 0 : entity.data) && (entity === null || entity === void 0 ? void 0 : entity.data.alignment) || alignment;
 
-          let caption = _lodash.default.get(entity, ['data', 'caption'], '');
+          const caption = _lodash.default.get(entity, ['data', 'caption'], '');
 
-          let embeddedCode = _lodash.default.get(entity, ['data', 'embeddedCode'], '');
+          const embeddedCode = _lodash.default.get(entity, ['data', 'embeddedCode'], '');
+          /** @type {Record<string, any>} */
 
-          let script = {};
-          let scripts = [];
+
+          const script = {};
+          /** @type {typeof script[]} */
+
+          const scripts = [];
           let scriptTagStart = false;
           let height;
           let width;
-          let parser = new htmlparser2.Parser({
+          const parser = new htmlparser2.Parser({
             onopentag: (name, attribs) => {
               if (name === 'script') {
                 scriptTagStart = true;

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

@@ -25,7 +25,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Modified from https://github.com/dburrows/draft-js-basic-html-editor/blob/master/src/utils/draftRawToHtml.js
 // 'use strict';
-let defaultBlockTagMap = {
+const defaultBlockTagMap = {
   atomic: `<div>%content%</div>`,
   blockquote: `<blockquote>%content%</blockquote>`,
   'code-block': `<code>%content%</code>`,
@@ -38,14 +38,14 @@ let defaultBlockTagMap = {
   'unordered-list-item': `<li>%content%</li>`,
   unstyled: `<p>%content%</p>`
 };
-let inlineTagMap = {
+const inlineTagMap = {
   BOLD: ['<strong>', '</strong>'],
   CODE: ['<code>', '</code>'],
   default: ['<span>', '</span>'],
   ITALIC: ['<em>', '</em>'],
   UNDERLINE: ['<u>', '</u>']
 };
-let defaultEntityTagMap = {
+const defaultEntityTagMap = {
   [_entities.default.DIVIDER.type]: ['<hr>', ''],
   [_entities.default.ANNOTATION.type]: ['<abbr title="<%= data.body %>"><%= data.text %>', '</abbr>'],
   [_entities.default.AUDIO.type]: ['<div class="audio-container center"><div class="audio-title"><%= data.name %></div><!-- <div class="audio-desc"><%= data.description %></div> --><audio src="<%= data.url %>" />', '</div>'],
@@ -62,23 +62,48 @@ let defaultEntityTagMap = {
   [_entities.default.VIDEO.type]: ['<div controls class="video-container <%= data.alignment %>"><div class="video-name"><%= data.title %></div><div class="video-desc"><%= data.description %></div><video src="<%= data.url %>" />', '</div>'],
   [_entities.default.YOUTUBE.type]: ['<iframe width="560" alt="<%= data.description %>" height="315" src="https://www.youtube.com/embed/<%= data.id %>" frameborder="0" allowfullscreen>', '</iframe>']
 };
-let nestedTagMap = {
+const nestedTagMap = {
   'ordered-list-item': ['<ol>', '</ol>'],
   'unordered-list-item': ['<ul>', '</ul>']
 };
+/**
+ * @typedef {import('./jsdoc').RawDraftContentState} RawDraftContentState
+ * @typedef {import('./jsdoc').RawDraftContentBlock} RawDraftContentBlock
+ * @typedef {import('./jsdoc').EntityMap} EntityMap
+ * @typedef {import('./jsdoc').BlockTagMap} BlockTagMap
+ * @typedef {import('./jsdoc').EntityTagMap} EntityTagMap
+ */
+
+/**
+ * @param {RawDraftContentBlock} block
+ * @param {EntityMap} entityMap
+ * @param {BlockTagMap} blockTagMap
+ * @param {EntityTagMap} entityTagMap
+ */
 
 function _convertInlineStyle(block, entityMap, blockTagMap, entityTagMap) {
-  return blockTagMap[block.type] ? blockTagMap[block.type].replace('%content%', InlineStylesProcessor.convertToHtml(inlineTagMap, entityTagMap, entityMap, block)) : blockTagMap.default.replace('%content%', InlineStylesProcessor.convertToHtml(inlineTagMap, block));
+  return blockTagMap[block.type] ? blockTagMap[block.type].replace('%content%', InlineStylesProcessor.convertToHtml(inlineTagMap, entityTagMap, entityMap, block)) : blockTagMap.default.replace('%content%', InlineStylesProcessor.convertToHtml(inlineTagMap, entityTagMap, entityMap, block));
 }
+/**
+ * @param {RawDraftContentBlock[]} blocks
+ * @param {EntityMap} entityMap
+ * @param {BlockTagMap} blockTagMap
+ * @param {EntityTagMap} entityTagMap
+ */
+
 
 function _convertBlocksToHtml(blocks, entityMap, blockTagMap, entityTagMap) {
   let html = '';
-  let nestLevel = []; // store the list type of the previous item: null/ol/ul
+  /** @type {string[]} */
+
+  const nestLevel = []; // store the list type of the previous item: null/ol/ul
 
   blocks.forEach(block => {
     // create tag for <ol> or <ul>: deal with ordered/unordered list item
     // if the block is a list-item && the previous block is not a list-item
-    if (nestedTagMap[block.type] && nestLevel[0] !== block.type) {
+    if (block.type in nestedTagMap && // @ts-ignore: block.type is nestedTagMap property
+    nestedTagMap[block.type] && nestLevel[0] !== block.type) {
+      // @ts-ignore: block.type is nestedTagMap property
       html += nestedTagMap[block.type][0]; // start with <ol> or <ul>
 
       nestLevel.unshift(block.type);
@@ -86,26 +111,39 @@ function _convertBlocksToHtml(blocks, entityMap, blockTagMap, entityTagMap) {
 
 
     if (nestLevel.length > 0 && nestLevel[0] !== block.type) {
+      // @ts-ignore: nestLevel.shift() is not undefined
       html += nestedTagMap[nestLevel.shift()][1]; // close with </ol> or </ul>
     }
 
     html += _convertInlineStyle(block, entityMap, blockTagMap, entityTagMap);
   }); // end tag with </ol> or </ul>: or if it is the last block
+  // @ts-ignore: blocks[blocks.length - 1] is not undefined
 
   if (blocks.length > 0 && nestedTagMap[blocks[blocks.length - 1].type]) {
+    // @ts-ignore: nestLevel.shift() should not be undefined
     html += nestedTagMap[nestLevel.shift()][1]; // close with </ol> or </ul>
   }
 
   return html;
 }
+/**
+ * @param {RawDraftContentBlock[]} blocks
+ * @param {EntityMap} entityMap
+ * @param {EntityTagMap} entityTagMap
+ */
+
 
 function convertBlocksToApiData(blocks, entityMap, entityTagMap) {
   let apiDataArr = (0, _immutable.List)();
+  /** @type {any[]} */
+
   let content = [];
-  let nestLevel = [];
+  /** @type {string[]} */
+
+  const nestLevel = [];
   blocks.forEach(block => {
     // block is not a list-item
-    if (!nestedTagMap[block.type]) {
+    if (!(block.type in nestedTagMap)) {
       // if previous block is a list-item
       if (content.length > 0 && nestLevel.length > 0) {
         apiDataArr = apiDataArr.push(new _apiDataInstance.default({
@@ -125,7 +163,7 @@ function convertBlocksToApiData(blocks, entityMap, entityTagMap) {
       } else {
         var _block$data;
 
-        let converted = InlineStylesProcessor.convertToHtml(inlineTagMap, entityTagMap, entityMap, block);
+        const converted = InlineStylesProcessor.convertToHtml(inlineTagMap, entityTagMap, entityMap, block);
         const type = block.type;
         const textAlign = (_block$data = block.data) === null || _block$data === void 0 ? void 0 : _block$data.textAlign;
         apiDataArr = apiDataArr.push(new _apiDataInstance.default({
@@ -136,7 +174,7 @@ function convertBlocksToApiData(blocks, entityMap, entityTagMap) {
         }));
       }
     } else {
-      let converted = InlineStylesProcessor.convertToHtml(inlineTagMap, entityTagMap, entityMap, block); // previous block is not an item-list block
+      const converted = InlineStylesProcessor.convertToHtml(inlineTagMap, entityTagMap, entityMap, block); // previous block is not an item-list block
 
       if (nestLevel.length === 0) {
         nestLevel.unshift(block.type);
@@ -158,7 +196,7 @@ function convertBlocksToApiData(blocks, entityMap, entityTagMap) {
   }); // last block is a item-list
 
   if (blocks.length > 0 && nestLevel.length > 0) {
-    let block = blocks[blocks.length - 1];
+    const block = blocks[blocks.length - 1];
     apiDataArr = apiDataArr.push(new _apiDataInstance.default({
       id: block.key,
       type: block.type,
@@ -168,29 +206,42 @@ function convertBlocksToApiData(blocks, entityMap, entityTagMap) {
 
   return apiDataArr;
 }
+/**
+ * @param {RawDraftContentState} raw
+ * @param {BlockTagMap} [blockTagMap]
+ * @param {EntityTagMap} [entityTagMap]
+ */
+
 
 function convertRawToHtml(raw, blockTagMap, entityTagMap) {
   blockTagMap = _lodash.default.merge({}, defaultBlockTagMap, blockTagMap);
   entityTagMap = entityTagMap || defaultEntityTagMap;
   let html = '';
-  raw = raw || {};
+  raw = raw ||
+  /** @type {RawDraftContentState} */
+  {};
   const blocks = Array.isArray(raw.blocks) ? raw.blocks : [];
   const entityMap = typeof raw.entityMap === 'object' ? raw.entityMap : {};
   html = _convertBlocksToHtml(blocks, entityMap, blockTagMap, entityTagMap);
   return html;
 }
+/**
+ * @param {RawDraftContentState} raw
+ */
+
 
 function convertRawToApiData(raw) {
-  let apiData;
-  raw = raw || {};
+  raw = raw ||
+  /** @type {RawDraftContentState} */
+  {};
   const blocks = Array.isArray(raw.blocks) ? raw.blocks : [];
   const entityMap = typeof raw.entityMap === 'object' ? raw.entityMap : {};
 
-  let entityTagMap = _lodash.default.merge({}, defaultEntityTagMap, {
+  const entityTagMap = _lodash.default.merge({}, defaultEntityTagMap, {
     [_entities.default.ANNOTATION.type]: [`<span data-entity-type="annotation" data-annotation-body="<%= data.bodyEscapedHTML %>">`, '</span>']
   });
 
-  apiData = convertBlocksToApiData(blocks, entityMap, entityTagMap);
+  const apiData = convertBlocksToApiData(blocks, entityMap, entityTagMap);
   return apiData;
 }