@kids-reporter/draft-renderer 1.0.3 → 1.0.5

package/lib/block-render-maps/annotation.js

@@ -59,5 +59,4 @@ const _blockRenderMapForAnnotation = _immutable.default.Map({
     wrapper: /*#__PURE__*/_react.default.createElement(ParagraphForAnnotation, null)
   }
 });
-const blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMapForAnnotation);
-exports.blockRenderMap = blockRenderMap;
+const blockRenderMap = exports.blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMapForAnnotation);

package/lib/block-render-maps/article-brief.js

@@ -19,7 +19,7 @@ const ParagraphForIntroduction = (0, _styledComponents.default)(_articleContent.
 const ListForIntroduction = (0, _styledComponents.default)(_articleContent.List)`
   color: #575757;
 `;
-const blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_immutable.default.Map({
+const blockRenderMap = exports.blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_immutable.default.Map({
   'ordered-list-item': {
     element: 'li',
     wrapper: /*#__PURE__*/_react.default.createElement(ListForIntroduction, null)
@@ -34,5 +34,4 @@ const blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_immutable.defa
     element: 'div',
     wrapper: /*#__PURE__*/_react.default.createElement(ParagraphForIntroduction, null)
   }
-}));
-exports.blockRenderMap = blockRenderMap;
+}));

package/lib/block-render-maps/article-content.js

@@ -10,7 +10,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _draftJs = require("draft-js");
 var _mediaQuery = require("../utils/media-query");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Paragraph = _styledComponents.default.div`
+const Paragraph = exports.Paragraph = _styledComponents.default.div`
   width: 100%;
   max-width: 700px;
   font-size: ${({
@@ -31,8 +31,7 @@ const Paragraph = _styledComponents.default.div`
     margin-bottom: 27px;
   }
 `;
-exports.Paragraph = Paragraph;
-const Heading = _styledComponents.default.div`
+const Heading = exports.Heading = _styledComponents.default.div`
   font-weight: 700;
   line-height: 1.5;
   color: #232323;
@@ -77,8 +76,7 @@ const Heading = _styledComponents.default.div`
     padding-right: 15px;
   }
 `;
-exports.Heading = Heading;
-const List = _styledComponents.default.ol`
+const List = exports.List = _styledComponents.default.ol`
   width: 100%;
   max-width: 700px;
   margin: 0 auto 27px auto;
@@ -94,14 +92,12 @@ const List = _styledComponents.default.ol`
     margin-bottom: 6px;
   }
 `;
-exports.List = List;
-const Atomic = _styledComponents.default.div`
+const Atomic = exports.Atomic = _styledComponents.default.div`
   /* reset browser default styles */
   > figure {
     margin: 0;
   }
 `;
-exports.Atomic = Atomic;
 const _blockRenderMap = _immutable.default.Map({
   atomic: {
     element: 'figure',
@@ -138,5 +134,4 @@ const _blockRenderMap = _immutable.default.Map({
     wrapper: /*#__PURE__*/_react.default.createElement(Paragraph, null)
   }
 });
-const blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMap);
-exports.blockRenderMap = blockRenderMap;
+const blockRenderMap = exports.blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMap);

package/lib/block-render-maps/index.js

@@ -9,7 +9,7 @@ var _articleBrief = require("./article-brief");
 var _articleContent = require("./article-content");
 var _infoBox = require("./info-box");
 var _projectContent = require("./project-content");
-var _default = {
+var _default = exports.default = {
   annotation: _annotation.blockRenderMap,
   // article page brief
   brief: _articleBrief.blockRenderMap,
@@ -21,5 +21,4 @@ var _default = {
   },
   // project page content
   projectContent: _projectContent.blockRenderMap
-};
-exports.default = _default;
+};

package/lib/block-render-maps/info-box.js

@@ -9,8 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _draftJs = require("draft-js");
 var _articleContent = require("./article-content");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const HeadingForInfoBox = (0, _styledComponents.default)(_articleContent.Heading)`
   margin-top: 0px;
@@ -65,8 +65,7 @@ const _blockRenderMapForAnnotation = _immutable.default.Map({
     wrapper: /*#__PURE__*/_react.default.createElement(ParagraphForInfoBox, null)
   }
 });
-const blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMapForAnnotation);
-exports.blockRenderMap = blockRenderMap;
+const blockRenderMap = exports.blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMapForAnnotation);
 const dividerStyles = (0, _styledComponents.css)`
   content: '';
   width: 100%;
@@ -91,10 +90,9 @@ const HeadingForInfoBoxWithHeaderBorder = (0, _styledComponents.default)(Heading
     ${dividerStyles}
   }
 `;
-const blockRenderMapForInfoBoxWithHeaderBorder = blockRenderMap.merge(_immutable.default.Map({
+const blockRenderMapForInfoBoxWithHeaderBorder = exports.blockRenderMapForInfoBoxWithHeaderBorder = blockRenderMap.merge(_immutable.default.Map({
   'header-four': {
     element: 'h4',
     wrapper: /*#__PURE__*/_react.default.createElement(HeadingForInfoBoxWithHeaderBorder, null)
   }
-}));
-exports.blockRenderMapForInfoBoxWithHeaderBorder = blockRenderMapForInfoBoxWithHeaderBorder;
+}));

package/lib/block-render-maps/project-content.js

@@ -10,15 +10,13 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _draftJs = require("draft-js");
 var _articleContent = require("./article-content");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Paragraph = (0, _styledComponents.default)(_articleContent.Paragraph)`
+const Paragraph = exports.Paragraph = (0, _styledComponents.default)(_articleContent.Paragraph)`
   text-align: center;
   max-width: 750px;
 `;
-exports.Paragraph = Paragraph;
-const Heading = (0, _styledComponents.default)(_articleContent.Heading)`
+const Heading = exports.Heading = (0, _styledComponents.default)(_articleContent.Heading)`
   text-align: center;
 `;
-exports.Heading = Heading;
 const _blockRenderMap = _immutable.default.Map({
   atomic: {
     element: 'figure',
@@ -55,5 +53,4 @@ const _blockRenderMap = _immutable.default.Map({
     wrapper: /*#__PURE__*/_react.default.createElement(Paragraph, null)
   }
 });
-const blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMap);
-exports.blockRenderMap = blockRenderMap;
+const blockRenderMap = exports.blockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_blockRenderMap);

package/lib/block-renderers/divider.js

@@ -25,5 +25,4 @@ const Divider = () => {
   return /*#__PURE__*/_react.default.createElement(Hr, null);
 };
 exports.Divider = Divider;
-var _default = Divider;
-exports.default = _default;
+var _default = exports.default = Divider;

package/lib/block-renderers/dropdown.js

@@ -7,8 +7,8 @@ exports.Dropdown = void 0;
 var _react = _interopRequireWildcard(require("react"));
 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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const DropdownOptionList = _styledComponents.default.ul`
   margin: 0;
   position: relative;

package/lib/block-renderers/embedded-code-block.js

@@ -9,9 +9,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _mediaQuery = require("../utils/media-query");
 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 Block = _styledComponents.default.div`
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Block = exports.Block = _styledComponents.default.div`
   position: relative;
   white-space: normal;
   /* styles for image link */
@@ -22,8 +22,7 @@ const Block = _styledComponents.default.div`
     display: block;
   }
 `;
-exports.Block = Block;
-const Caption = _styledComponents.default.div`
+const Caption = exports.Caption = _styledComponents.default.div`
   font-size: ${({
   theme
 }) => (theme === null || theme === void 0 ? void 0 : theme.fontSizeLevel) === 'large' ? '18px' : '14px'};
@@ -32,7 +31,6 @@ const Caption = _styledComponents.default.div`
   color: #808080;
   padding: 15px 15px 0 15px;
 `;
-exports.Caption = Caption;
 const EmbeddedCodeBlock = ({
   className,
   data
@@ -85,7 +83,7 @@ const EmbeddedCodeBlock = ({
 };
 exports.EmbeddedCodeBlock = EmbeddedCodeBlock;
 const ArticleBodyContainer = _styledComponents.default.div`
-  max-width: 700px;
+  max-width: ${props => props.$align === 'image-width' ? '1000' : '700'}px;
   margin: 0 auto 27px auto;
 
   ${_mediaQuery.mediaQuery.smallOnly} {
@@ -97,6 +95,7 @@ function EmbeddedCodeInArticleBody({
   data
 }) {
   return /*#__PURE__*/_react.default.createElement(ArticleBodyContainer, {
+    $align: data.align,
     className: className
   }, /*#__PURE__*/_react.default.createElement(EmbeddedCodeBlock, {
     data: data

package/lib/block-renderers/index.js

@@ -11,7 +11,7 @@ var _imageBlock = require("./image-block");
 var _infoBoxBlock = require("./info-box-block");
 var _slideshowBlock = require("./slideshow-block");
 var _newsReading = require("./news-reading");
-const blockRenderers = {
+const blockRenderers = exports.blockRenderers = {
   BlockquoteInArticleBody: _blockquote.BlockquoteInArticleBody,
   Divider: _divider.Divider,
   EmbeddedCodeBlock: _embeddedCodeBlock.EmbeddedCodeBlock,
@@ -22,5 +22,4 @@ const blockRenderers = {
   NewsReading: _newsReading.NewsReading,
   SlideshowBlock: _slideshowBlock.SlideshowBlock,
   SlideshowInArticleBody: _slideshowBlock.SlideshowInArticleBody
-};
-exports.blockRenderers = blockRenderers;
+};

package/lib/block-renderers/info-box-block.js

@@ -12,8 +12,8 @@ var _imageBlock = require("../block-renderers/image-block");
 var _index2 = require("../utils/index");
 var _index3 = require("../entity-decorators/index");
 var _mediaQuery = require("../utils/media-query");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var InfoBoxTypeEnum = /*#__PURE__*/function (InfoBoxTypeEnum) {
   InfoBoxTypeEnum["newsChargeStation"] = "news-charge-station";

package/lib/block-renderers/multimedia.js

@@ -17,7 +17,6 @@ const mockup = {
       width: 250 // px
     }
   },
-
   tablet: {
     figure: {
       width: '100%'
@@ -26,7 +25,6 @@ const mockup = {
       width: 512 // px
     }
   },
-
   desktop: {
     figure: {
       width: {
@@ -35,12 +33,10 @@ const mockup = {
         small: 403 // px
       }
     },
-
     caption: {
       width: 180 // px
     }
   },
-
   hd: {
     figure: {
       width: {
@@ -49,13 +45,11 @@ const mockup = {
         small: 532 // px
       }
     },
-
     caption: {
       width: 265 // px
     }
   }
 };
-
 const Caption = _styledComponents.default.figcaption`
   color: #494949;
   &::after {
@@ -118,7 +112,6 @@ const Caption = _styledComponents.default.figcaption`
     padding: 25px 0 20px 0;
   }
 `;
-var _default = {
+var _default = exports.default = {
   Caption
-};
-exports.default = _default;
+};

package/lib/block-renderers/news-reading.js

@@ -8,8 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _dropdown = require("./dropdown");
 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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const ArticleBodyContainer = _styledComponents.default.div`
   max-width: 600px;
   width: calc(280 / 320 * 100%);

package/lib/block-renderers/slideshow-block.js

@@ -10,15 +10,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _index = require("../utils/index");
 var _mediaQuery = require("../utils/media-query");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const mockup = {
   mobile: {
     container: {
       width: 375 // px
     },
-
     slide: {
       width: 339,
       // px
@@ -26,17 +25,14 @@ const mockup = {
       // px
       paddingRight: 2 // px
     },
-
     offset: {
       left: 18 // px
     }
   },
-
   tablet: {
     container: {
       width: 768 // px
     },
-
     slide: {
       width: 687,
       // px
@@ -44,17 +40,14 @@ const mockup = {
       // px
       paddingRight: 4 // px
     },
-
     offset: {
       left: 41 // px
     }
   },
-
   desktop: {
     container: {
       width: 752 // px
     },
-
     slide: {
       width: 688,
       // px
@@ -62,17 +55,14 @@ const mockup = {
       // px
       paddingRight: 4 // px
     },
-
     offset: {
       left: 32 // px
     }
   },
-
   hd: {
     container: {
       width: 1034 // px
     },
-
     slide: {
       width: 944,
       // px
@@ -80,7 +70,6 @@ const mockup = {
       // px
       paddingRight: 4 // px
     },
-
     offset: {
       left: 45 // px
     }
@@ -456,7 +445,6 @@ function getLeftMaskWidth(deviceMockup) {
 function getRightMaskWidth(deviceMockup) {
   return deviceMockup.container.width - deviceMockup.offset.left - getSlideWidth(deviceMockup); // px
 }
-
 function SlideshowBlock({
   className = '',
   data

package/lib/custom-style-fn.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fontColorPrefix = exports.default = exports.customStyleFn = exports.bgColorPrefix = void 0;
-const bgColorPrefix = 'BACKGROUND_COLOR_';
-exports.bgColorPrefix = bgColorPrefix;
-const fontColorPrefix = 'FONT_COLOR_';
-exports.fontColorPrefix = fontColorPrefix;
+const bgColorPrefix = exports.bgColorPrefix = 'BACKGROUND_COLOR_';
+const fontColorPrefix = exports.fontColorPrefix = 'FONT_COLOR_';
 const customStyleFn = style => {
   return style.reduce((cssObject = {}, styleName) => {
     if (styleName !== null && styleName !== void 0 && styleName.startsWith(bgColorPrefix)) {
@@ -20,5 +18,4 @@ const customStyleFn = style => {
   }, {});
 };
 exports.customStyleFn = customStyleFn;
-var _default = customStyleFn;
-exports.default = _default;
+var _default = exports.default = customStyleFn;

package/lib/draft-renderer.js

@@ -3,11 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ArticleBodyDraftRenderer = void 0;
-exports.ArticleIntroductionDraftRenderer = ArticleIntroductionDraftRenderer;
-exports.DraftRenderer = DraftRenderer;
-exports.ProjectContentDraftRenderer = ProjectContentDraftRenderer;
-var _react = _interopRequireDefault(require("react"));
+exports.ProjectContentDraftRenderer = exports.DraftRenderer = exports.ArticleIntroductionDraftRenderer = exports.ArticleBodyDraftRenderer = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _index = _interopRequireDefault(require("./block-render-maps/index"));
 var _draftJs = require("draft-js");
 var _index2 = require("./utils/index");
@@ -16,6 +13,8 @@ var _blockRendererFn = require("./block-renderer-fn");
 var _customStyleFn = require("./custom-style-fn");
 var _entityDecorators = require("./entity-decorators");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const blockRendererFn = block => {
   const atomicBlockObj = (0, _blockRendererFn.atomicBlockRenderer)(block);
   return atomicBlockObj;
@@ -25,17 +24,30 @@ var FontSizeLevel = /*#__PURE__*/function (FontSizeLevel) {
   FontSizeLevel["LARGE"] = "large";
   return FontSizeLevel;
 }(FontSizeLevel || {});
-function DraftRenderer({
+const DraftRenderer = ({
   rawContentState,
   themeColor = _index2.ThemeColorEnum.RED,
-  fontSizeLevel = FontSizeLevel.NORMAL
-}) {
+  fontSizeLevel = FontSizeLevel.NORMAL,
+  initiallyScrollTo = '',
+  offsetTop = 0
+}) => {
   const contentState = (0, _draftJs.convertFromRaw)(rawContentState);
   const editorState = _draftJs.EditorState.createWithContent(contentState, _entityDecorators.decorator);
+  const scrollToElement = hash => {
+    const anchor = document.querySelector(hash);
+    anchor && window.scrollTo({
+      top: anchor.offsetTop - offsetTop,
+      behavior: 'smooth'
+    });
+  };
+  (0, _react.useEffect)(() => {
+    initiallyScrollTo && scrollToElement(initiallyScrollTo);
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
     theme: {
       themeColor,
-      fontSizeLevel
+      fontSizeLevel,
+      offsetTop
     }
   }, /*#__PURE__*/_react.default.createElement(_draftJs.Editor, {
     editorState: editorState,
@@ -47,14 +59,14 @@ function DraftRenderer({
     ,
     onChange: () => {}
   }));
-}
-const ArticleBodyDraftRenderer = DraftRenderer;
-exports.ArticleBodyDraftRenderer = ArticleBodyDraftRenderer;
-function ArticleIntroductionDraftRenderer({
+};
+exports.DraftRenderer = DraftRenderer;
+const ArticleBodyDraftRenderer = exports.ArticleBodyDraftRenderer = DraftRenderer;
+const ArticleIntroductionDraftRenderer = ({
   rawContentState,
   themeColor = _index2.ThemeColorEnum.RED,
   fontSizeLevel = FontSizeLevel.NORMAL
-}) {
+}) => {
   const contentState = (0, _draftJs.convertFromRaw)(rawContentState);
   const editorState = _draftJs.EditorState.createWithContent(contentState, _entityDecorators.decorator);
   return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
@@ -71,12 +83,13 @@ function ArticleIntroductionDraftRenderer({
     ,
     onChange: () => {}
   }));
-}
-function ProjectContentDraftRenderer({
+};
+exports.ArticleIntroductionDraftRenderer = ArticleIntroductionDraftRenderer;
+const ProjectContentDraftRenderer = ({
   rawContentState,
   themeColor = _index2.ThemeColorEnum.BLUE,
   fontSizeLevel = FontSizeLevel.NORMAL
-}) {
+}) => {
   const contentState = (0, _draftJs.convertFromRaw)(rawContentState);
   const editorState = _draftJs.EditorState.createWithContent(contentState, _entityDecorators.decorator);
   return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
@@ -94,4 +107,5 @@ function ProjectContentDraftRenderer({
     ,
     onChange: () => {}
   }));
-}
+};
+exports.ProjectContentDraftRenderer = ProjectContentDraftRenderer;

package/lib/entity-decorators/anchor.js

@@ -3,18 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.findAnchorEntities = exports.anchorDecorator = exports.ANCHOR_ENTITY_TYPE = void 0;
+exports.anchorDecorator = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _entity = require("../utils/entity");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ANCHOR_ENTITY_TYPE = 'TOC_ANCHOR';
-exports.ANCHOR_ENTITY_TYPE = ANCHOR_ENTITY_TYPE;
-const findAnchorEntities = (contentBlock, callback, contentState) => {
-  contentBlock.findEntityRanges(character => {
-    const entityKey = character.getEntity();
-    return entityKey !== null && contentState.getEntity(entityKey).getType() === ANCHOR_ENTITY_TYPE;
-  }, callback);
-};
-exports.findAnchorEntities = findAnchorEntities;
 const Anchor = props => {
   var _contentState$getEnti;
   const {
@@ -22,13 +14,12 @@ const Anchor = props => {
     contentState,
     entityKey
   } = props;
-  const key = contentState === null || contentState === void 0 || (_contentState$getEnti = contentState.getEntity(entityKey)) === null || _contentState$getEnti === void 0 || (_contentState$getEnti = _contentState$getEnti.getData()) === null || _contentState$getEnti === void 0 ? void 0 : _contentState$getEnti.anchorKey;
+  const id = contentState === null || contentState === void 0 || (_contentState$getEnti = contentState.getEntity(entityKey)) === null || _contentState$getEnti === void 0 || (_contentState$getEnti = _contentState$getEnti.getData()) === null || _contentState$getEnti === void 0 ? void 0 : _contentState$getEnti.anchorID;
   return /*#__PURE__*/_react.default.createElement("span", {
-    id: `anchor-${key}`
+    id: id
   }, children);
 };
-const anchorDecorator = {
-  strategy: findAnchorEntities,
+const anchorDecorator = exports.anchorDecorator = {
+  strategy: (0, _entity.findEntitiesByType)(_entity.ENTITY.Anchor),
   component: Anchor
-};
-exports.anchorDecorator = anchorDecorator;
+};

package/lib/entity-decorators/annotation-decorator.js

@@ -7,11 +7,12 @@ exports.annotationDecorator = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _draftJs = require("draft-js");
-var _index = _interopRequireDefault(require("../block-render-maps/index"));
-var _index2 = require("../entity-decorators/index");
+var _blockRenderMaps = _interopRequireDefault(require("../block-render-maps"));
+var _entityDecorators = require("../entity-decorators");
+var _entity = require("../utils/entity");
 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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const AnnotationWrapper = _styledComponents.default.span`
   display: inline-block;
   cursor: pointer;
@@ -71,7 +72,7 @@ function AnnotationBlock(props) {
     rawContentState
   } = props.contentState.getEntity(props.entityKey).getData();
   const contentState = (0, _draftJs.convertFromRaw)(rawContentState);
-  const editorState = _draftJs.EditorState.createWithContent(contentState, _index2.decorator);
+  const editorState = _draftJs.EditorState.createWithContent(contentState, _entityDecorators.decorator);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(AnnotationWrapper, {
     onClick: e => {
       e.preventDefault();
@@ -81,21 +82,14 @@ function AnnotationBlock(props) {
     $showContent: showContent
   })), showContent ? /*#__PURE__*/_react.default.createElement(AnnotationBody, null, /*#__PURE__*/_react.default.createElement(_draftJs.Editor, {
     editorState: editorState,
-    blockRenderMap: _index.default.annotation,
+    blockRenderMap: _blockRenderMaps.default.annotation,
     readOnly: true
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     ,
     onChange: () => {}
   })) : null);
 }
-function findAnnotationEntities(contentBlock, callback, contentState) {
-  contentBlock.findEntityRanges(character => {
-    const entityKey = character.getEntity();
-    return entityKey !== null && contentState.getEntity(entityKey).getType() === 'ANNOTATION';
-  }, callback);
-}
-const annotationDecorator = {
-  strategy: findAnnotationEntities,
+const annotationDecorator = exports.annotationDecorator = {
+  strategy: (0, _entity.findEntitiesByType)(_entity.ENTITY.Annotation),
   component: AnnotationBlock
-};
-exports.annotationDecorator = annotationDecorator;
+};

package/lib/entity-decorators/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ANCHOR_ENTITY_TYPE", {
-  enumerable: true,
-  get: function () {
-    return _anchor.ANCHOR_ENTITY_TYPE;
-  }
-});
 Object.defineProperty(exports, "annotationDecorator", {
   enumerable: true,
   get: function () {
@@ -16,12 +10,6 @@ Object.defineProperty(exports, "annotationDecorator", {
   }
 });
 exports.decorator = void 0;
-Object.defineProperty(exports, "findAnchorEntities", {
-  enumerable: true,
-  get: function () {
-    return _anchor.findAnchorEntities;
-  }
-});
 Object.defineProperty(exports, "linkDecorator", {
   enumerable: true,
   get: function () {
@@ -31,6 +19,6 @@ Object.defineProperty(exports, "linkDecorator", {
 var _draftJs = require("draft-js");
 var _annotationDecorator = require("./annotation-decorator");
 var _linkDecorator = require("./link-decorator");
+var _tocAnchor = require("./toc-anchor");
 var _anchor = require("./anchor");
-const decorator = new _draftJs.CompositeDecorator([_annotationDecorator.annotationDecorator, _linkDecorator.linkDecorator, _anchor.anchorDecorator]);
-exports.decorator = decorator;
+const decorator = exports.decorator = new _draftJs.CompositeDecorator([_annotationDecorator.annotationDecorator, _linkDecorator.linkDecorator, _tocAnchor.tocAnchorDecorator, _anchor.anchorDecorator]);

package/lib/entity-decorators/link-decorator.js

@@ -5,34 +5,45 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.linkDecorator = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _entity = require("../utils/entity");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const LinkWrapper = _styledComponents.default.a`
   text-decoration: underline;
   color: #27b5f7;
   transition: color 0.1s ease-in;
+  cursor: pointer;
 
   &:hover {
     color: #232323;
   }
 `;
-function findLinkEntities(contentBlock, callback, contentState) {
-  contentBlock.findEntityRanges(character => {
-    const entityKey = character.getEntity();
-    return entityKey !== null && contentState.getEntity(entityKey).getType() === 'LINK';
-  }, callback);
-}
-const linkDecorator = {
-  strategy: findLinkEntities,
-  component: Link
-};
-exports.linkDecorator = linkDecorator;
-function Link(props) {
+const Link = props => {
   const {
     url
   } = props.contentState.getEntity(props.entityKey).getData();
-  return /*#__PURE__*/_react.default.createElement(LinkWrapper, {
+  const theme = (0, _styledComponents.useTheme)();
+
+  // Handling for internal/external links, internal links start with '#'
+  const linkProps = url.match(/^#/) ? {
+    onClick: () => {
+      const anchor = document.querySelector(url);
+      if (anchor) {
+        window.scrollTo({
+          top: anchor.offsetTop - (theme === null || theme === void 0 ? void 0 : theme.offsetTop),
+          behavior: 'smooth'
+        });
+      }
+    }
+  } : {
     href: url,
-    target: "_blank"
-  }, props.children);
-}
+    target: '_blank'
+  };
+  return /*#__PURE__*/_react.default.createElement(LinkWrapper, linkProps, props.children);
+};
+const linkDecorator = exports.linkDecorator = {
+  strategy: (0, _entity.findEntitiesByType)(_entity.ENTITY.Link),
+  component: Link
+};

package/lib/entity-decorators/toc-anchor.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tocAnchorDecorator = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _entity = require("../utils/entity");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const TOCAnchor = props => {
+  var _contentState$getEnti;
+  const {
+    children,
+    contentState,
+    entityKey
+  } = props;
+  const key = contentState === null || contentState === void 0 || (_contentState$getEnti = contentState.getEntity(entityKey)) === null || _contentState$getEnti === void 0 || (_contentState$getEnti = _contentState$getEnti.getData()) === null || _contentState$getEnti === void 0 ? void 0 : _contentState$getEnti.anchorKey;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    id: `toc-anchor-${key}`
+  }, children);
+};
+const tocAnchorDecorator = exports.tocAnchorDecorator = {
+  strategy: (0, _entity.findEntitiesByType)(_entity.ENTITY.TOCAnchor),
+  component: TOCAnchor
+};

package/lib/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ANCHOR_ENTITY_TYPE", {
-  enumerable: true,
-  get: function () {
-    return _entityDecorators.ANCHOR_ENTITY_TYPE;
-  }
-});
 Object.defineProperty(exports, "ArticleBodyDraftRenderer", {
   enumerable: true,
   get: function () {
@@ -27,6 +21,12 @@ Object.defineProperty(exports, "DraftRenderer", {
     return _draftRenderer.DraftRenderer;
   }
 });
+Object.defineProperty(exports, "ENTITY", {
+  enumerable: true,
+  get: function () {
+    return _entity.ENTITY;
+  }
+});
 Object.defineProperty(exports, "ProjectContentDraftRenderer", {
   enumerable: true,
   get: function () {
@@ -59,10 +59,10 @@ Object.defineProperty(exports, "customStyleFn", {
   }
 });
 exports.default = void 0;
-Object.defineProperty(exports, "findAnchorEntities", {
+Object.defineProperty(exports, "findEntitiesByType", {
   enumerable: true,
   get: function () {
-    return _entityDecorators.findAnchorEntities;
+    return _entity.findEntitiesByType;
   }
 });
 Object.defineProperty(exports, "linkDecorator", {
@@ -76,11 +76,11 @@ var _draftRenderer = require("./draft-renderer");
 var _blockRendererFn = require("./block-renderer-fn");
 var _blockRenderers = require("./block-renderers");
 var _entityDecorators = require("./entity-decorators");
+var _entity = require("./utils/entity");
 var _customStyleFn = require("./custom-style-fn");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const blockRenderMap = _index.default.content;
-exports.blockRenderMap = blockRenderMap;
-var _default = {
+const blockRenderMap = exports.blockRenderMap = _index.default.content;
+var _default = exports.default = {
   ArticleBodyDraftRenderer: _draftRenderer.ArticleBodyDraftRenderer,
   ArticleIntroductionDraftRenderer: _draftRenderer.ArticleIntroductionDraftRenderer,
   DraftRenderer: _draftRenderer.DraftRenderer,
@@ -91,7 +91,6 @@ var _default = {
   customStyleFn: _customStyleFn.customStyleFn,
   annotationDecorator: _entityDecorators.annotationDecorator,
   linkDecorator: _entityDecorators.linkDecorator,
-  findAnchorEntities: _entityDecorators.findAnchorEntities,
-  ANCHOR_ENTITY_TYPE: _entityDecorators.ANCHOR_ENTITY_TYPE
-};
-exports.default = _default;
+  ENTITY: _entity.ENTITY,
+  findEntitiesByType: _entity.findEntitiesByType
+};

package/lib/utils/color.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.ThemeColorEnum = void 0;
 exports.getColorHex = getColorHex;
 var _constants = require("./constants");
-let ThemeColorEnum = /*#__PURE__*/function (ThemeColorEnum) {
+let ThemeColorEnum = exports.ThemeColorEnum = /*#__PURE__*/function (ThemeColorEnum) {
   ThemeColorEnum["RED"] = "red";
   ThemeColorEnum["BLUE"] = "blue";
   ThemeColorEnum["YELLOW"] = "yellow";
   return ThemeColorEnum;
 }({});
-exports.ThemeColorEnum = ThemeColorEnum;
 function getColorHex(themeColor) {
   switch (themeColor) {
     case ThemeColorEnum.RED:

package/lib/utils/constants.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.colorHex = void 0;
-const colorHex = {
+const colorHex = exports.colorHex = {
   blue: '#27B5F7',
   red: '#F76977',
   yellow: '#F8C341'
-};
-exports.colorHex = colorHex;
+};

package/lib/utils/entity.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findEntitiesByType = exports.ENTITY = void 0;
+let ENTITY = exports.ENTITY = /*#__PURE__*/function (ENTITY) {
+  ENTITY["Link"] = "LINK";
+  ENTITY["Annotation"] = "ANNOTATION";
+  ENTITY["Anchor"] = "ANCHOR";
+  ENTITY["TOCAnchor"] = "TOC_ANCHOR";
+  return ENTITY;
+}({});
+const findEntitiesByType = type => {
+  return (contentBlock, callback, contentState) => {
+    contentBlock.findEntityRanges(character => {
+      const entityKey = character.getEntity();
+      return entityKey !== null && contentState.getEntity(entityKey).getType() === type;
+    }, callback);
+  };
+};
+exports.findEntitiesByType = findEntitiesByType;

package/lib/utils/media-query.js

@@ -4,17 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mediaQuery = exports.breakpoints = void 0;
-const breakpoints = {
+const breakpoints = exports.breakpoints = {
   small: 320,
   medium: 760,
   large: 1440
 };
-exports.breakpoints = breakpoints;
-const mediaQuery = {
+const mediaQuery = exports.mediaQuery = {
   smallOnly: `@media (max-width: ${breakpoints.medium - 1}px)`,
   mediumOnly: `@media (min-width: ${breakpoints.medium}px) and (max-width: ${breakpoints.large - 1}px)`,
   mediumAbove: `@media (min-width: ${breakpoints.medium}px)`,
   largeBelow: `@media (max-width: ${breakpoints.large - 1}px)`,
   largeOnly: `@media (min-width: ${breakpoints.large}px)`
-};
-exports.mediaQuery = mediaQuery;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kids-reporter/draft-renderer",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "",
   "main": "lib/index.js",
   "scripts": {

package/lib/entity-decorators/inner-anchor.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.findAnchorEntities = exports.anchorDecorator = exports.ANCHOR_ENTITY_TYPE = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ANCHOR_ENTITY_TYPE = 'ANCHOR';
-exports.ANCHOR_ENTITY_TYPE = ANCHOR_ENTITY_TYPE;
-const findAnchorEntities = (contentBlock, callback, contentState) => {
-  contentBlock.findEntityRanges(character => {
-    const entityKey = character.getEntity();
-    return entityKey !== null && contentState.getEntity(entityKey).getType() === ANCHOR_ENTITY_TYPE;
-  }, callback);
-};
-exports.findAnchorEntities = findAnchorEntities;
-const Anchor = props => {
-  var _contentState$getEnti;
-  const {
-    children,
-    contentState,
-    entityKey
-  } = props;
-  const id = contentState === null || contentState === void 0 || (_contentState$getEnti = contentState.getEntity(entityKey)) === null || _contentState$getEnti === void 0 || (_contentState$getEnti = _contentState$getEnti.getData()) === null || _contentState$getEnti === void 0 ? void 0 : _contentState$getEnti.anchorID;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    id: id
-  }, children);
-};
-const anchorDecorator = {
-  strategy: findAnchorEntities,
-  component: Anchor
-};
-exports.anchorDecorator = anchorDecorator;