@modusoperandi/licit 1.0.4 → 1.0.7

package/toggleBlockquote.js.flow

@@ -1,108 +1,101 @@
-// @flow
-
-import {
-  Schema
-} from 'prosemirror-model';
-import {
-  Transform
-} from 'prosemirror-transform';
-
-import {
-  BLOCKQUOTE,
-  HEADING,
-  LIST_ITEM,
-  PARAGRAPH
-} from './NodeNames.js';
-import {
-  compareNumber
-} from '@modusoperandi/licit-ui-commands';
-import {
-  isInsideListItem
-} from '@modusoperandi/licit-ui-commands';
-import {
-  isListNode
-} from '@modusoperandi/licit-ui-commands';
-import {
-  unwrapNodesFromList
-} from '@modusoperandi/licit-ui-commands';
-
-export default function toggleBlockquote(
-  tr: Transform,
-  schema: Schema
-): Transform {
-  const { nodes } = schema;
-  const { selection, doc } = tr;
-  const heading = nodes[HEADING];
-  const blockquote = nodes[BLOCKQUOTE];
-  const paragraph = nodes[PARAGRAPH];
-  const listItem = nodes[LIST_ITEM];
-
-  if (!selection || !doc || !heading || !paragraph || !listItem) {
-    return tr;
-  }
-
-  const { from, to } = tr.selection;
-  let startWithBlockQuote = null;
-  const poses = [];
-  doc.nodesBetween(from, to, (node, pos, parentNode) => {
-    const nodeType = node.type;
-    const parentNodeType = parentNode.type;
-
-    if (startWithBlockQuote === null) {
-      startWithBlockQuote = nodeType === blockquote;
-    }
-
-    if (parentNodeType !== listItem) {
-      poses.push(pos);
-    }
-    return !isListNode(node);
-  });
-  // Update from the bottom to avoid disruptive changes in pos.
-  poses
-    .sort(compareNumber)
-    .reverse()
-    .forEach((pos) => {
-      tr = setBlockquoteNode(tr, schema, pos);
-    });
-  return tr;
-}
-
-function setBlockquoteNode(
-  tr: Transform,
-  schema: Schema,
-  pos: number
-): Transform {
-  const { nodes } = schema;
-  const heading = nodes[HEADING];
-  const paragraph = nodes[PARAGRAPH];
-  const blockquote = nodes[BLOCKQUOTE];
-
-  if (pos >= tr.doc.content.size) {
-    // Workaround to handle the edge case that pos was shifted caused by `toggleList`.
-    return tr;
-  }
-  const node = tr.doc.nodeAt(pos);
-
-  if (!node || !heading || !paragraph) {
-    return tr;
-  }
-
-  const nodeType = node.type;
-  if (isInsideListItem(tr.doc, pos)) {
-    return tr;
-  } else if (isListNode(node)) {
-    // Toggle list
-    if (blockquote) {
-      tr = unwrapNodesFromList(tr, schema, pos, (paragraphNode) => {
-        const { content, marks, attrs } = paragraphNode;
-        return blockquote.create(attrs, content, marks);
-      });
-    }
-  } else if (nodeType === blockquote) {
-    // Toggle heading
-    tr = tr.setNodeMarkup(pos, paragraph, node.attrs, node.marks);
-  } else if (nodeType === paragraph || nodeType === heading) {
-    tr = tr.setNodeMarkup(pos, blockquote, node.attrs, node.marks);
-  }
-  return tr;
-}
+// @flow
+
+import {
+  Schema
+} from 'prosemirror-model';
+import {
+  Transform
+} from 'prosemirror-transform';
+
+import {
+  BLOCKQUOTE,
+  HEADING,
+  LIST_ITEM,
+  PARAGRAPH
+} from './NodeNames.js';
+import {
+  compareNumber, isInsideListItem, isListNode, unwrapNodesFromList
+} from '@modusoperandi/licit-ui-commands';
+
+export default function toggleBlockquote(
+  tr: Transform,
+  schema: Schema
+): Transform {
+  const { nodes } = schema;
+  const { selection, doc } = tr;
+  const heading = nodes[HEADING];
+  const blockquote = nodes[BLOCKQUOTE];
+  const paragraph = nodes[PARAGRAPH];
+  const listItem = nodes[LIST_ITEM];
+
+  if (!selection || !doc || !heading || !paragraph || !listItem) {
+    return tr;
+  }
+
+  const { from, to } = tr.selection;
+  let startWithBlockQuote = null;
+  const poses = [];
+  doc.nodesBetween(from, to, (node, pos, parentNode) => {
+    const nodeType = node.type;
+    const parentNodeType = parentNode.type;
+
+    if (startWithBlockQuote === null) {
+      startWithBlockQuote = nodeType === blockquote;
+    }
+
+    if (parentNodeType !== listItem) {
+      poses.push(pos);
+    }
+    return !isListNode(node);
+  });
+  // Update from the bottom to avoid disruptive changes in pos.
+  const sortedPoses = [...poses];  // Create a shallow copy of poses
+  sortedPoses.sort(compareNumber);
+
+  sortedPoses.sort(compareNumber)
+    .reverse()
+    .forEach((pos) => {
+      tr = setBlockquoteNode(tr, schema, pos);
+    });
+  return tr;
+}
+
+function setBlockquoteNode(
+  tr: Transform,
+  schema: Schema,
+  pos: number
+): Transform {
+  const { nodes } = schema;
+  const heading = nodes[HEADING];
+  const paragraph = nodes[PARAGRAPH];
+  const blockquote = nodes[BLOCKQUOTE];
+
+  if (pos >= tr.doc.content.size) {
+    // Workaround to handle the edge case that pos was shifted caused by `toggleList`.
+    return tr;
+  }
+  const node = tr.doc.nodeAt(pos);
+
+  if (!node || !heading || !paragraph) {
+    return tr;
+  }
+
+  const nodeType = node.type;
+  if (isInsideListItem(tr.doc, pos)) {
+    return tr;
+  } else if (isListNode(node)) {
+    // Toggle list
+    if (blockquote) {
+      tr = unwrapNodesFromList(tr, schema, pos, (paragraphNode) => {
+        const { content, marks, attrs } = paragraphNode;
+        return blockquote.create(attrs, content, marks);
+      });
+    }
+  } else if (nodeType === blockquote) {
+    // Toggle heading
+    tr = tr.setNodeMarkup(pos, paragraph, node.attrs, node.marks);
+  } else if (nodeType === paragraph || nodeType === heading) {
+    tr = tr.setNodeMarkup(pos, blockquote, node.attrs, node.marks);
+  }
+  return tr;
+}

package/toggleCodeBlock.js

@@ -1,11 +1,10 @@
+function _readOnlyError(r) { throw new TypeError('"' + r + '" is read-only'); }
 import { Schema } from 'prosemirror-model';
 import { TextSelection } from 'prosemirror-state';
 import { Transform } from 'prosemirror-transform';
 import { MARK_LINK } from './MarkNames';
 import { BLOCKQUOTE, CODE_BLOCK, HEADING, PARAGRAPH } from './NodeNames';
-import { clearMarks } from '@modusoperandi/licit-ui-commands';
-import { compareNumber } from '@modusoperandi/licit-ui-commands';
-import { isListNode } from '@modusoperandi/licit-ui-commands';
+import { clearMarks, compareNumber, isListNode } from '@modusoperandi/licit-ui-commands';
 export default function toggleCodeBlock(tr, schema) {
   var nodes = schema.nodes;
   var _tr = tr,
@@ -37,10 +36,11 @@ export default function toggleCodeBlock(tr, schema) {
     }
     return isBlock;
   });
-
+  var sortedPoses = [].concat(poses); // Create a shallow copy of poses
   // Update from the bottom to avoid disruptive changes in pos.
-  allowed && poses.sort(compareNumber).reverse().forEach(function (pos) {
-    tr = setCodeBlockNodeEnabled(tr, schema, pos, startWithCodeBlock ? false : true);
+  allowed ? poses.toSorted(compareNumber) : poses, _readOnlyError("sortedPoses");
+  allowed && sortedPoses.sort(compareNumber).reverse().forEach(function (pos) {
+    tr = setCodeBlockNodeEnabled(tr, schema, pos, !startWithCodeBlock);
   });
   return tr;
 }

package/toggleCodeBlock.js.flow

@@ -1,102 +1,102 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-
-import { MARK_LINK } from './MarkNames';
-import { BLOCKQUOTE, CODE_BLOCK, HEADING, PARAGRAPH } from './NodeNames';
-import { clearMarks } from '@modusoperandi/licit-ui-commands';
-import { compareNumber } from '@modusoperandi/licit-ui-commands';
-import { isListNode } from '@modusoperandi/licit-ui-commands';
-
-export default function toggleCodeBlock(
-  tr: Transform,
-  schema: Schema
-): Transform {
-  const { nodes } = schema;
-  const { selection, doc } = tr;
-  const codeBlock = nodes[CODE_BLOCK];
-  const paragraph = nodes[PARAGRAPH];
-  const heading = nodes[HEADING];
-  const blockquote = nodes[BLOCKQUOTE];
-  if (!selection || !doc || !codeBlock || !paragraph) {
-    return tr;
-  }
-
-  const poses = [];
-  const { from, to } = tr.selection;
-  let allowed = true;
-  let startWithCodeBlock = null;
-  doc.nodesBetween(from, to, (node, pos) => {
-    const nodeType = node.type;
-    if (startWithCodeBlock === null) {
-      startWithCodeBlock = nodeType === codeBlock;
-    }
-    const { type, isBlock } = node;
-    if (isBlock) {
-      allowed =
-        allowed &&
-        (type === paragraph ||
-          type === codeBlock ||
-          type === heading ||
-          type === blockquote);
-      allowed && poses.push(pos);
-    }
-
-    return isBlock;
-  });
-
-  // Update from the bottom to avoid disruptive changes in pos.
-  allowed &&
-    poses
-      .sort(compareNumber)
-      .reverse()
-      .forEach((pos) => {
-        tr = setCodeBlockNodeEnabled(
-          tr,
-          schema,
-          pos,
-          startWithCodeBlock ? false : true
-        );
-      });
-  return tr;
-}
-
-function setCodeBlockNodeEnabled(
-  tr: Transform,
-  schema: Schema,
-  pos: number,
-  enabled: boolean
-): Transform {
-  const { doc } = tr;
-  if (!doc) {
-    return tr;
-  }
-
-  const node = doc.nodeAt(pos);
-  if (!node) {
-    return tr;
-  }
-  if (isListNode(node)) {
-    return tr;
-  }
-
-  const { nodes } = schema;
-  const codeBlock = nodes[CODE_BLOCK];
-  const paragraph = nodes[PARAGRAPH];
-
-  if (codeBlock && !enabled && node.type === codeBlock) {
-    tr = tr.setNodeMarkup(pos, paragraph, node.attrs, node.marks);
-  } else if (enabled && node.type !== codeBlock) {
-    const { selection } = tr;
-    tr = tr.setSelection(
-      TextSelection.create(tr.doc, pos, pos + node.nodeSize)
-    );
-    tr = clearMarks(tr, schema);
-    tr = tr.removeMark(pos, pos + node.nodeSize, schema.marks[MARK_LINK]);
-    tr = tr.setSelection(selection);
-    tr = tr.setNodeMarkup(pos, codeBlock, node.attrs, node.marks);
-  }
-  return tr;
-}
+// @flow
+
+import { Schema } from 'prosemirror-model';
+import { TextSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+
+import { MARK_LINK } from './MarkNames';
+import { BLOCKQUOTE, CODE_BLOCK, HEADING, PARAGRAPH } from './NodeNames';
+import {
+  clearMarks,
+  compareNumber,
+  isListNode,
+} from '@modusoperandi/licit-ui-commands';
+
+export default function toggleCodeBlock(
+  tr: Transform,
+  schema: Schema
+): Transform {
+  const { nodes } = schema;
+  const { selection, doc } = tr;
+  const codeBlock = nodes[CODE_BLOCK];
+  const paragraph = nodes[PARAGRAPH];
+  const heading = nodes[HEADING];
+  const blockquote = nodes[BLOCKQUOTE];
+  if (!selection || !doc || !codeBlock || !paragraph) {
+    return tr;
+  }
+
+  const poses = [];
+  const { from, to } = tr.selection;
+  let allowed = true;
+  let startWithCodeBlock = null;
+  doc.nodesBetween(from, to, (node, pos) => {
+    const nodeType = node.type;
+    if (startWithCodeBlock === null) {
+      startWithCodeBlock = nodeType === codeBlock;
+    }
+    const { type, isBlock } = node;
+    if (isBlock) {
+      allowed =
+        allowed &&
+        (type === paragraph ||
+          type === codeBlock ||
+          type === heading ||
+          type === blockquote);
+      allowed && poses.push(pos);
+    }
+
+    return isBlock;
+  });
+
+  const sortedPoses = [...poses]; // Create a shallow copy of poses
+  // Update from the bottom to avoid disruptive changes in pos.
+  sortedPoses = allowed ? poses.toSorted(compareNumber) : poses;
+
+  allowed &&
+    sortedPoses
+      .sort(compareNumber)
+      .reverse()
+      .forEach((pos) => {
+        tr = setCodeBlockNodeEnabled(tr, schema, pos, !startWithCodeBlock);
+      });
+  return tr;
+}
+
+function setCodeBlockNodeEnabled(
+  tr: Transform,
+  schema: Schema,
+  pos: number,
+  enabled: boolean
+): Transform {
+  const { doc } = tr;
+  if (!doc) {
+    return tr;
+  }
+
+  const node = doc.nodeAt(pos);
+  if (!node) {
+    return tr;
+  }
+  if (isListNode(node)) {
+    return tr;
+  }
+
+  const { nodes } = schema;
+  const codeBlock = nodes[CODE_BLOCK];
+  const paragraph = nodes[PARAGRAPH];
+
+  if (codeBlock && !enabled && node.type === codeBlock) {
+    tr = tr.setNodeMarkup(pos, paragraph, node.attrs, node.marks);
+  } else if (enabled && node.type !== codeBlock) {
+    const { selection } = tr;
+    tr = tr.setSelection(
+      TextSelection.create(tr.doc, pos, pos + node.nodeSize)
+    );
+    tr = clearMarks(tr, schema);
+    tr = tr.removeMark(pos, pos + node.nodeSize, schema.marks[MARK_LINK]);
+    tr = tr.setSelection(selection);
+    tr = tr.setNodeMarkup(pos, codeBlock, node.attrs, node.marks);
+  }
+  return tr;
+}

package/ui/AlertInfo.js

@@ -1,33 +1,32 @@
 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(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import './czi-form.css';
 var AlertInfo = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(AlertInfo, _React$PureComponent);
   function AlertInfo(props) {
     var _this;
     _classCallCheck(this, AlertInfo);
     _this = _callSuper(this, AlertInfo, [props]);
-    _defineProperty(_assertThisInitialized(_this), "_unmounted", false);
-    _defineProperty(_assertThisInitialized(_this), "state", _objectSpread(_objectSpread({}, _this.props.initialValue || {}), {}, {
+    _defineProperty(_this, "_unmounted", false);
+    _defineProperty(_this, "state", _objectSpread(_objectSpread({}, _this.props.initialValue || {}), {}, {
       validValue: null
     }));
-    _defineProperty(_assertThisInitialized(_this), "_cancel", function () {
+    _defineProperty(_this, "_cancel", function () {
       _this.props.close();
     });
     return _this;
@@ -36,7 +35,8 @@ var AlertInfo = /*#__PURE__*/function (_React$PureComponent) {
   // [FS] IRAD-1005 2020-07-07
   // Upgrade outdated packages.
   // To take care of the property type declaration.
-  _createClass(AlertInfo, [{
+  _inherits(AlertInfo, _React$PureComponent);
+  return _createClass(AlertInfo, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this._unmounted = true;
@@ -54,7 +54,6 @@ var AlertInfo = /*#__PURE__*/function (_React$PureComponent) {
       }, "\xD7"), /*#__PURE__*/React.createElement("strong", null, title), /*#__PURE__*/React.createElement("span", null, content));
     }
   }]);
-  return AlertInfo;
 }(React.PureComponent);
 _defineProperty(AlertInfo, "propsTypes", {
   initialValue: PropTypes.object,

package/ui/AlertInfo.js.flow

@@ -1,64 +1,64 @@
-// @flow
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import './czi-form.css';
-
-class AlertInfo extends React.PureComponent<any, any> {
-  _unmounted = false;
-
-  constructor(props: any) {
-    super(props);
-  }
-
-  // [FS] IRAD-1005 2020-07-07
-  // Upgrade outdated packages.
-  // To take care of the property type declaration.
-  static propsTypes = {
-    initialValue: PropTypes.object,
-    close: function (props: any, propName: string) {
-      const fn = props[propName];
-      if (
-        !fn.prototype ||
-        (typeof fn.prototype.constructor !== 'function' &&
-          fn.prototype.constructor.length !== 1)
-      ) {
-        return new Error(
-          propName + ' must be a function with 1 arg of type ImageLike'
-        );
-      }
-      return null;
-    },
-  };
-
-  state = {
-    ...(this.props.initialValue || {}),
-    validValue: null,
-  };
-
-  componentWillUnmount(): void {
-    this._unmounted = true;
-  }
-
-  render(): React.Element<any> {
-    const title = this.props.title || 'Document Error!';
-    const content =
-      this.props.content ||
-      'Unable to load the document. Have issues in Json format, please verify...';
-    return (
-      <div className="licit-alert">
-        <span className="closebtn" onClick={this._cancel}>
-          &times;
-        </span>
-        <strong>{title}</strong>
-        <span>{content}</span>
-      </div>
-    );
-  }
-
-  _cancel = (): void => {
-    this.props.close();
-  };
-}
-
-export default AlertInfo;
+// @flow
+
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import './czi-form.css';
+
+class AlertInfo extends React.PureComponent<any, any> {
+  _unmounted = false;
+
+  constructor(props: any) {
+    super(props);
+  }
+
+  // [FS] IRAD-1005 2020-07-07
+  // Upgrade outdated packages.
+  // To take care of the property type declaration.
+  static propsTypes = {
+    initialValue: PropTypes.object,
+    close: function (props: any, propName: string) {
+      const fn = props[propName];
+      if (
+        !fn.prototype ||
+        (typeof fn.prototype.constructor !== 'function' &&
+          fn.prototype.constructor.length !== 1)
+      ) {
+        return new Error(
+          propName + ' must be a function with 1 arg of type ImageLike'
+        );
+      }
+      return null;
+    },
+  };
+
+  state = {
+    ...(this.props.initialValue || {}),
+    validValue: null,
+  };
+
+  componentWillUnmount(): void {
+    this._unmounted = true;
+  }
+
+  render(): React.Element<any> {
+    const title = this.props.title || 'Document Error!';
+    const content =
+      this.props.content ||
+      'Unable to load the document. Have issues in Json format, please verify...';
+    return (
+      <div className="licit-alert">
+        <span className="closebtn" onClick={this._cancel}>
+          &times;
+        </span>
+        <strong>{title}</strong>
+        <span>{content}</span>
+      </div>
+    );
+  }
+
+  _cancel = (): void => {
+    this.props.close();
+  };
+}
+
+export default AlertInfo;