@kids-reporter/draft-renderer 0.1.0

package/lib/components/slideshow-sidebar.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SlideshowSideBar;
+
+var _reactImage = _interopRequireDefault(require("@readr-media/react-image"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const defaultImage = "https://unpkg.com/@kids-reporter/draft-renderer@0.1.0/lib/public/722f90c535fa64c27555ec6ee5f22393.png";
+const arrowDown = "https://unpkg.com/@kids-reporter/draft-renderer@0.1.0/lib/public/f96d4b486ba2061c460962ae694f4670.png";
+const arrowUp = "https://unpkg.com/@kids-reporter/draft-renderer@0.1.0/lib/public/679d63b1846e81ada28c2f76edbd2931.png";
+const arrowShareStyle = (0, _styledComponents.css)`
+  width: 64px;
+  height: 64px;
+  margin: auto;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 64px;
+  cursor: pointer;
+  border-radius: 50%;
+  visibility: ${props => props.shouldHideArrow ? 'hidden' : 'visible'};
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.2);
+  }
+`;
+const SideBarWrapper = _styledComponents.default.div`
+  width: 64px;
+  position: relative;
+
+  .sidebar-images {
+    overflow-y: scroll;
+    max-height: 520px;
+    scrollbar-width: none;
+    margin: 12px auto;
+
+    &::-webkit-scrollbar {
+      display: none; /* for Chrome, Safari, and Opera */
+    }
+  }
+`;
+const ArrowUp = _styledComponents.default.div`
+  ${arrowShareStyle}
+  background-image: url(${arrowUp});
+`;
+const ArrowDown = _styledComponents.default.div`
+  ${arrowShareStyle}
+  background-image: url(${arrowDown});
+`;
+const SideBarImage = _styledComponents.default.div`
+  width: 100%;
+  aspect-ratio: 1/1;
+  cursor: pointer;
+  filter: ${props => props.isfocused ? 'none' : 'brightness(35%)'};
+
+  &:hover {
+    filter: ${props => props.isfocused ? 'none' : 'brightness(60%)'};
+  }
+
+  & + * {
+    margin-top: 12px;
+  }
+`;
+
+function SlideshowSideBar({
+  focusImageIndex,
+  images,
+  setFocusImageIndex,
+  imagesRefs
+}) {
+  const handleScrollUp = () => {
+    if (focusImageIndex > 0) {
+      var _imagesRefs$current;
+
+      setFocusImageIndex(focusImageIndex - 1);
+      imagesRefs === null || imagesRefs === void 0 ? void 0 : (_imagesRefs$current = imagesRefs.current[focusImageIndex - 1]) === null || _imagesRefs$current === void 0 ? void 0 : _imagesRefs$current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center'
+      });
+    }
+  };
+
+  const handleScrollDown = () => {
+    if (focusImageIndex < (images === null || images === void 0 ? void 0 : images.length) - 1) {
+      var _imagesRefs$current2;
+
+      setFocusImageIndex(focusImageIndex + 1);
+      imagesRefs === null || imagesRefs === void 0 ? void 0 : (_imagesRefs$current2 = imagesRefs.current[focusImageIndex + 1]) === null || _imagesRefs$current2 === void 0 ? void 0 : _imagesRefs$current2.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center'
+      });
+    }
+  };
+
+  const handleScrollIntoView = index => {
+    var _imagesRefs$current$i;
+
+    setFocusImageIndex(index);
+    imagesRefs === null || imagesRefs === void 0 ? void 0 : (_imagesRefs$current$i = imagesRefs.current[index]) === null || _imagesRefs$current$i === void 0 ? void 0 : _imagesRefs$current$i.scrollIntoView({
+      behavior: 'smooth',
+      block: 'center'
+    });
+  };
+
+  const sideBarImages = images.map((image, index) => {
+    return /*#__PURE__*/_react.default.createElement(SideBarImage, {
+      key: image === null || image === void 0 ? void 0 : image.id,
+      isfocused: focusImageIndex === index,
+      onClick: () => {
+        handleScrollIntoView(index);
+      },
+      ref: el => {
+        if (imagesRefs !== null && imagesRefs !== void 0 && imagesRefs.current) {
+          imagesRefs.current[index] = el;
+        }
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactImage.default, {
+      images: image === null || image === void 0 ? void 0 : image.resized,
+      defaultImage: defaultImage,
+      alt: image === null || image === void 0 ? void 0 : image.name,
+      rwd: {
+        desktop: '64px',
+        default: '100%'
+      },
+      priority: true
+    }));
+  });
+  return /*#__PURE__*/_react.default.createElement(SideBarWrapper, null, /*#__PURE__*/_react.default.createElement(ArrowUp, {
+    onClick: handleScrollUp,
+    shouldHideArrow: focusImageIndex === 0
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sidebar-images"
+  }, sideBarImages), /*#__PURE__*/_react.default.createElement(ArrowDown, {
+    onClick: handleScrollDown,
+    shouldHideArrow: focusImageIndex + 1 === (images === null || images === void 0 ? void 0 : images.length)
+  }));
+}

package/lib/const.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CUSTOM_STYLE_PREFIX_FONT_COLOR = exports.CUSTOM_STYLE_PREFIX_BACKGROUND_COLOR = void 0;
+const CUSTOM_STYLE_PREFIX_FONT_COLOR = 'FONT_COLOR_';
+exports.CUSTOM_STYLE_PREFIX_FONT_COLOR = CUSTOM_STYLE_PREFIX_FONT_COLOR;
+const CUSTOM_STYLE_PREFIX_BACKGROUND_COLOR = 'BACKGROUND_COLOR_';
+exports.CUSTOM_STYLE_PREFIX_BACKGROUND_COLOR = CUSTOM_STYLE_PREFIX_BACKGROUND_COLOR;

package/lib/draft-renderer.js

@@ -0,0 +1,234 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DraftRenderer;
+
+var _draftJs = require("draft-js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _const = require("./const");
+
+var _blockRendererFn = require("./block-renderer-fn");
+
+var _entityDecorator = _interopRequireDefault(require("./entity-decorator"));
+
+var _contentType = require("./shared-style/content-type");
+
+var _index = require("./shared-style/index");
+
+var _theme = _interopRequireDefault(require("./theme"));
+
+var _types = require("./types");
+
+var _common = require("./utils/common");
+
+var _post = require("./utils/post");
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const DraftEditorWrapper = _styledComponents.default.div`
+  /* Rich-editor default setting (.RichEditor-root)*/
+  font-family: 'Georgia', serif;
+  text-align: left;
+
+  /* Custom setting */
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  width: 100%;
+  height: 100%;
+  letter-spacing: 0.01em;
+  color: rgba(0, 9, 40, 0.87);
+
+  *:has(.bg) + *:has(.bg) {
+    section {
+      margin-top: 0 !important;
+    }
+  }
+
+  /* Draft built-in buttons' style */
+  .public-DraftStyleDefault-header-two {
+    ${_index.defaultH2Style}
+
+    & + * {
+      ${_index.narrowSpacingBetweenContent}
+    }
+  }
+
+  .public-DraftStyleDefault-ul {
+    ${_index.defaultUlStyle}
+  }
+
+  .public-DraftStyleDefault-ol {
+    ${_index.defaultOlStyle}
+  }
+
+  /* code-block */
+  .public-DraftStyleDefault-pre {
+    overflow: hidden;
+  }
+
+  .alignCenter * {
+    text-align: center;
+  }
+  .alignLeft * {
+    text-align: left;
+  }
+
+  /* image-block: text-around-picture */
+  figure.left {
+    ${({
+  theme
+}) => theme.breakpoint.xl} {
+      ${_index.textAroundPictureStyle};
+      float: left;
+      transform: translateX(calc(-50% - 32px));
+    }
+  }
+
+  figure.right {
+    ${({
+  theme
+}) => theme.breakpoint.xl} {
+      ${_index.textAroundPictureStyle};
+      float: right;
+      transform: translateX(32px);
+    }
+  }
+
+  ${({
+  contentType
+}) => {
+  switch (contentType) {
+    case _types.ValidPostContentType.NORMAL:
+    case _types.ValidPostContentType.ACTIONLIST:
+      return _contentType.NormalStyle;
+
+    case _types.ValidPostContentType.SUMMARY:
+      return _contentType.SummaryStyle;
+
+    case _types.ValidPostContentType.CITATION:
+      return _contentType.CitationStyle;
+
+    default:
+      return _contentType.NormalStyle;
+  }
+}}
+`;
+const customStyleMap = {
+  CODE: {
+    backgroundColor: 'rgba(0, 0, 0, 0.05)',
+    fontFamily: '"Inconsolata", "Menlo", "Consolas", monospace',
+    fontSize: 16,
+    padding: 2
+  }
+};
+
+const customStyleFn = style => {
+  return style.reduce((styles, styleName) => {
+    if (styleName !== null && styleName !== void 0 && styleName.startsWith(_const.CUSTOM_STYLE_PREFIX_FONT_COLOR)) {
+      styles['color'] = styleName.split(_const.CUSTOM_STYLE_PREFIX_FONT_COLOR)[1];
+    }
+
+    if (styleName !== null && styleName !== void 0 && styleName.startsWith(_const.CUSTOM_STYLE_PREFIX_BACKGROUND_COLOR)) {
+      const highlightColor = styleName.split(_const.CUSTOM_STYLE_PREFIX_BACKGROUND_COLOR)[1];
+      styles['background'] = `linear-gradient(to top, transparent 25%, ${highlightColor} 25% 75%, transparent 75%)`;
+    }
+
+    return styles;
+  }, {});
+};
+
+const blockStyleFn = (editorState, block) => {
+  var _entity$getData;
+
+  const entityKey = block.getEntityAt(0);
+  const entity = entityKey ? editorState.getCurrentContent().getEntity(entityKey) : null;
+  let result = '';
+  const blockData = block.getData();
+
+  if (blockData) {
+    const textAlign = blockData === null || blockData === void 0 ? void 0 : blockData.get('textAlign');
+
+    if (textAlign === 'center') {
+      result += 'alignCenter ';
+    } else if (textAlign === 'left') {
+      result += 'alignLeft ';
+    }
+  }
+
+  switch (block.getType()) {
+    case 'header-two':
+    case 'header-three':
+    case 'header-four':
+    case 'blockquote':
+      result += 'public-DraftStyleDefault-' + block.getType();
+      break;
+
+    case 'atomic':
+      if ((_entity$getData = entity.getData()) !== null && _entity$getData !== void 0 && _entity$getData.alignment) {
+        // support all atomic block to set alignment
+        result += ' ' + entity.getData().alignment;
+      }
+
+      break;
+
+    default:
+      break;
+  }
+
+  return result;
+};
+
+const blockRendererFn = block => {
+  const atomicBlockObj = (0, _blockRendererFn.atomicBlockRenderer)(block);
+  return atomicBlockObj;
+};
+
+function DraftRenderer({
+  rawContentBlock,
+  insertRecommend = [],
+  contentType = _types.ValidPostContentType.NORMAL
+}) {
+  //if `rawContentBlock` has no data, throw error
+  if (!rawContentBlock || !rawContentBlock.blocks || !rawContentBlock.blocks.length) {
+    throw new Error('There is no content in rawContentBlock, please check again.');
+  }
+
+  let contentState; //if `rawContentBlock` data need to insert recommends, use `insertRecommendInContent` utils
+
+  if (insertRecommend.length) {
+    const contentWithRecommend = (0, _post.insertRecommendInContentBlock)(rawContentBlock, insertRecommend);
+    contentState = (0, _draftJs.convertFromRaw)(contentWithRecommend);
+  } else {
+    //if `rawContentBlock` data has no recommends, only remove empty content blocks
+    const contentRemoveEmpty = (0, _common.removeEmptyContentBlock)(rawContentBlock);
+    contentState = (0, _draftJs.convertFromRaw)(contentRemoveEmpty);
+  }
+
+  const editorState = _draftJs.EditorState.createWithContent(contentState, _entityDecorator.default);
+
+  return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
+    theme: _theme.default
+  }, /*#__PURE__*/_react.default.createElement(DraftEditorWrapper, {
+    contentType: contentType
+  }, /*#__PURE__*/_react.default.createElement(_draftJs.Editor, {
+    editorState: editorState,
+    customStyleMap: customStyleMap,
+    blockStyleFn: blockStyleFn.bind(null, editorState),
+    blockRendererFn: blockRendererFn,
+    customStyleFn: customStyleFn,
+    readOnly: true // eslint-disable-next-line @typescript-eslint/no-empty-function
+    ,
+    onChange: () => {}
+  })));
+}

package/lib/entity-decorator.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _draftJs = require("draft-js");
+
+var _entityDecorators = require("./entity-decorators");
+
+const {
+  annotationDecorator,
+  linkDecorator
+} = _entityDecorators.entityDecorators;
+const decorators = new _draftJs.CompositeDecorator([annotationDecorator, linkDecorator]);
+var _default = decorators;
+exports.default = _default;

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

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.annotationDecorator = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _sharedStyle = require("../shared-style");
+
+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 annotationArrow = "https://unpkg.com/@kids-reporter/draft-renderer@0.1.0/lib/public/07d1287fd390346af0c15b930148a5e4.png";
+const annotationDefaultSpacing = 8;
+const AnnotationText = _styledComponents.default.span`
+  ${_sharedStyle.defaultLinkStyle};
+`;
+const AnnotationWrapper = _styledComponents.default.span`
+  display: inline-block;
+  cursor: pointer;
+
+  &:hover ${AnnotationText} {
+    border-bottom: 2px solid #04295e;
+  }
+`;
+const AnnotationBody = _styledComponents.default.div`
+  border-radius: 2px;
+  background-color: #f6f6fb;
+  padding: 12px 24px;
+  margin: 8px 0 32px;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 1.6;
+  display: inline-block;
+  text-align: left;
+  width: 100%;
+  color: rgba(0, 9, 40, 0.87);
+
+  ${({
+  theme
+}) => theme.breakpoint.md} {
+    padding: 16px 32px;
+  }
+
+  > * + * {
+    margin: ${annotationDefaultSpacing}px 0 0;
+    min-height: 0.01px; //to make margins between paragraphs effective
+  }
+
+  h2 {
+    ${_sharedStyle.defaultH2Style}
+  }
+
+  ul {
+    ${_sharedStyle.defaultUlStyle}
+    margin-top: ${annotationDefaultSpacing}px;
+
+    > li {
+      ${_sharedStyle.defaultUnorderedListStyle}
+    }
+  }
+
+  ol {
+    ${_sharedStyle.defaultOlStyle}
+    margin-top: ${annotationDefaultSpacing}px;
+
+    > li {
+      ${_sharedStyle.defaultOrderedListStyle}
+    }
+  }
+
+  a {
+    ${_sharedStyle.defaultLinkStyle}
+  }
+
+  blockquote {
+    ${_sharedStyle.defaultBlockQuoteStyle}
+  }
+`;
+const ArrowIcon = _styledComponents.default.span`
+  width: 24px;
+  height: 24px;
+  background-image: url(${annotationArrow});
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 24px;
+  margin: auto 4px;
+  transition: transform 0.3s;
+  display: inline-flex;
+  vertical-align: text-top;
+  transform: ${props => props.showContent ? 'rotate(-180deg)' : ''};
+`;
+
+function AnnotationBlock(props) {
+  const {
+    children: annotated
+  } = props;
+  const [showContent, setShowContent] = (0, _react.useState)(false);
+  /**
+   * to support k5 old annotation data, check if annotation key exist
+   * k5
+   * {
+   *    text: string,
+   *     annotation: html string,
+   *     draftRawObj: DraftBlocks
+   * }
+   * k6
+   * {
+   *   bodyHTML: string,
+   *   bodyEscapedHTML: string,
+   *   rawContentState: DraftBlocks
+   * }
+   */
+
+  const {
+    bodyHTML,
+    annotation
+  } = props.contentState.getEntity(props.entityKey).getData();
+  const annotationBodyHtml = bodyHTML || annotation.trim();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(AnnotationWrapper, {
+    onClick: e => {
+      e.preventDefault();
+      setShowContent(!showContent);
+    }
+  }, /*#__PURE__*/_react.default.createElement(AnnotationText, {
+    className: "text"
+  }, annotated), /*#__PURE__*/_react.default.createElement(ArrowIcon, {
+    showContent: showContent
+  })), showContent ? /*#__PURE__*/_react.default.createElement(AnnotationBody, {
+    contentEditable: false,
+    dangerouslySetInnerHTML: {
+      __html: annotationBodyHtml
+    }
+  }) : 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,
+  component: AnnotationBlock
+};
+exports.annotationDecorator = annotationDecorator;

package/lib/entity-decorators/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.entityDecorators = void 0;
+
+var _annotationDecorator = require("./annotation-decorator");
+
+var _linkDecorator = require("./link-decorator");
+
+const entityDecorators = {
+  annotationDecorator: _annotationDecorator.annotationDecorator,
+  linkDecorator: _linkDecorator.linkDecorator
+};
+exports.entityDecorators = entityDecorators;

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.linkDecorator = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const LinkWrapper = _styledComponents.default.a`
+  display: inline;
+  border-bottom: 2px solid #ebf02c;
+  letter-spacing: 0.01em;
+  text-align: justify;
+  color: rgba(0, 9, 40, 0.87);
+  padding-bottom: 2px;
+
+  &:hover {
+    border-bottom: 2px solid #04295e;
+  }
+`;
+
+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 {
+    url
+  } = props.contentState.getEntity(props.entityKey).getData();
+  return /*#__PURE__*/_react.default.createElement(LinkWrapper, {
+    href: url,
+    target: "_blank"
+  }, props.children);
+}

package/lib/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _blockRenderers = require("./block-renderers");
+
+var _draftRenderer = _interopRequireDefault(require("./draft-renderer"));
+
+var _entityDecorators = require("./entity-decorators");
+
+var _common = require("./utils/common");
+
+var _post = require("./utils/post");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  DraftRenderer: _draftRenderer.default,
+  blockRenderers: _blockRenderers.blockRenderers,
+  entityDecorators: _entityDecorators.entityDecorators,
+  hasContentInRawContentBlock: _common.hasContentInRawContentBlock,
+  removeEmptyContentBlock: _common.removeEmptyContentBlock,
+  getSideIndexEntityData: _post.getSideIndexEntityData,
+  insertRecommendInContentBlock: _post.insertRecommendInContentBlock,
+  getFirstBlockEntityType: _post.getFirstBlockEntityType
+};
+exports.default = _default;