@kids-reporter/draft-renderer 1.0.2 → 1.0.4

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

@@ -14,7 +14,7 @@ var _index2 = require("./utils/index");
 var _styledComponents = require("styled-components");
 var _blockRendererFn = require("./block-renderer-fn");
 var _customStyleFn = require("./custom-style-fn");
-var _index3 = require("./entity-decorators/index");
+var _entityDecorators = require("./entity-decorators");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const blockRendererFn = block => {
   const atomicBlockObj = (0, _blockRendererFn.atomicBlockRenderer)(block);
@@ -31,7 +31,7 @@ function DraftRenderer({
   fontSizeLevel = FontSizeLevel.NORMAL
 }) {
   const contentState = (0, _draftJs.convertFromRaw)(rawContentState);
-  const editorState = _draftJs.EditorState.createWithContent(contentState, _index3.decorator);
+  const editorState = _draftJs.EditorState.createWithContent(contentState, _entityDecorators.decorator);
   return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
     theme: {
       themeColor,
@@ -48,15 +48,14 @@ function DraftRenderer({
     onChange: () => {}
   }));
 }
-const ArticleBodyDraftRenderer = DraftRenderer;
-exports.ArticleBodyDraftRenderer = ArticleBodyDraftRenderer;
+const ArticleBodyDraftRenderer = exports.ArticleBodyDraftRenderer = DraftRenderer;
 function ArticleIntroductionDraftRenderer({
   rawContentState,
   themeColor = _index2.ThemeColorEnum.RED,
   fontSizeLevel = FontSizeLevel.NORMAL
 }) {
   const contentState = (0, _draftJs.convertFromRaw)(rawContentState);
-  const editorState = _draftJs.EditorState.createWithContent(contentState, _index3.decorator);
+  const editorState = _draftJs.EditorState.createWithContent(contentState, _entityDecorators.decorator);
   return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
     theme: {
       themeColor,
@@ -78,7 +77,7 @@ function ProjectContentDraftRenderer({
   fontSizeLevel = FontSizeLevel.NORMAL
 }) {
   const contentState = (0, _draftJs.convertFromRaw)(rawContentState);
-  const editorState = _draftJs.EditorState.createWithContent(contentState, _index3.decorator);
+  const editorState = _draftJs.EditorState.createWithContent(contentState, _entityDecorators.decorator);
   return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
     theme: {
       themeColor,

package/lib/entity-decorators/anchor.js

@@ -0,0 +1,32 @@
+"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 = exports.ANCHOR_ENTITY_TYPE = 'TOC_ANCHOR';
+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 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: `anchor-${key}`
+  }, children);
+};
+const anchorDecorator = exports.anchorDecorator = {
+  strategy: findAnchorEntities,
+  component: Anchor
+};

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

@@ -10,8 +10,8 @@ var _draftJs = require("draft-js");
 var _index = _interopRequireDefault(require("../block-render-maps/index"));
 var _index2 = require("../entity-decorators/index");
 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;
@@ -94,8 +94,7 @@ function findAnnotationEntities(contentBlock, callback, contentState) {
     return entityKey !== null && contentState.getEntity(entityKey).getType() === 'ANNOTATION';
   }, callback);
 }
-const annotationDecorator = {
+const annotationDecorator = exports.annotationDecorator = {
   strategy: findAnnotationEntities,
   component: AnnotationBlock
-};
-exports.annotationDecorator = annotationDecorator;
+};

package/lib/entity-decorators/index.js

@@ -3,6 +3,12 @@
 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 () {
@@ -10,6 +16,12 @@ 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 () {
@@ -19,5 +31,5 @@ Object.defineProperty(exports, "linkDecorator", {
 var _draftJs = require("draft-js");
 var _annotationDecorator = require("./annotation-decorator");
 var _linkDecorator = require("./link-decorator");
-const decorator = new _draftJs.CompositeDecorator([_annotationDecorator.annotationDecorator, _linkDecorator.linkDecorator]);
-exports.decorator = decorator;
+var _anchor = require("./anchor");
+const decorator = exports.decorator = new _draftJs.CompositeDecorator([_annotationDecorator.annotationDecorator, _linkDecorator.linkDecorator, _anchor.anchorDecorator]);

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

@@ -22,11 +22,10 @@ function findLinkEntities(contentBlock, callback, contentState) {
     return entityKey !== null && contentState.getEntity(entityKey).getType() === 'LINK';
   }, callback);
 }
-const linkDecorator = {
+const linkDecorator = exports.linkDecorator = {
   strategy: findLinkEntities,
   component: Link
 };
-exports.linkDecorator = linkDecorator;
 function Link(props) {
   const {
     url

package/lib/index.js

@@ -3,6 +3,12 @@
 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 +33,12 @@ Object.defineProperty(exports, "ProjectContentDraftRenderer", {
     return _draftRenderer.ProjectContentDraftRenderer;
   }
 });
+Object.defineProperty(exports, "annotationDecorator", {
+  enumerable: true,
+  get: function () {
+    return _entityDecorators.annotationDecorator;
+  }
+});
 Object.defineProperty(exports, "atomicBlockRenderer", {
   enumerable: true,
   get: function () {
@@ -46,23 +58,28 @@ Object.defineProperty(exports, "customStyleFn", {
     return _customStyleFn.customStyleFn;
   }
 });
-Object.defineProperty(exports, "decorator", {
+exports.default = void 0;
+Object.defineProperty(exports, "findAnchorEntities", {
   enumerable: true,
   get: function () {
-    return _index2.decorator;
+    return _entityDecorators.findAnchorEntities;
+  }
+});
+Object.defineProperty(exports, "linkDecorator", {
+  enumerable: true,
+  get: function () {
+    return _entityDecorators.linkDecorator;
   }
 });
-exports.default = void 0;
 var _index = _interopRequireDefault(require("./block-render-maps/index"));
 var _draftRenderer = require("./draft-renderer");
 var _blockRendererFn = require("./block-renderer-fn");
 var _blockRenderers = require("./block-renderers");
-var _index2 = require("./entity-decorators/index");
+var _entityDecorators = require("./entity-decorators");
 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,
@@ -71,6 +88,8 @@ var _default = {
   blockRenderMap: _index.default.content,
   blockRenderers: _blockRenderers.blockRenderers,
   customStyleFn: _customStyleFn.customStyleFn,
-  decorator: _index2.decorator
-};
-exports.default = _default;
+  annotationDecorator: _entityDecorators.annotationDecorator,
+  linkDecorator: _entityDecorators.linkDecorator,
+  findAnchorEntities: _entityDecorators.findAnchorEntities,
+  ANCHOR_ENTITY_TYPE: _entityDecorators.ANCHOR_ENTITY_TYPE
+};

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/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.2",
+  "version": "1.0.4",
   "description": "",
   "main": "lib/index.js",
   "scripts": {