@kids-reporter/draft-renderer 0.1.0 → 0.2.1

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

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColorBoxBlock = ColorBoxBlock;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _sharedStyle = require("../shared-style");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const colorBoxDefaultSpacing = 32;
-const ColorBoxRenderWrapper = _styledComponents.default.div`
-  background-color: ${props => props.color ? props.color : ' #FFFFFF'};
-  padding: 12px 24px;
-  position: relative;
-  color: #000928;
-  ${({
-  theme
-}) => theme.margin.default};
-
-  > div > * + * {
-    margin: ${colorBoxDefaultSpacing}px 0 0;
-    min-height: 0.01px; //to make margins between paragraphs effective
-  }
-
-  h2 {
-    ${_sharedStyle.defaultH2Style}
-  }
-
-  ul {
-    ${_sharedStyle.defaultUlStyle}
-    margin-top: ${colorBoxDefaultSpacing}px;
-
-    > li {
-      ${_sharedStyle.defaultUnorderedListStyle}
-
-      & + li {
-        margin: ${colorBoxDefaultSpacing / 2}px 0 0;
-      }
-    }
-  }
-
-  ol {
-    ${_sharedStyle.defaultOlStyle}
-    margin-top: ${colorBoxDefaultSpacing}px;
-
-    > li {
-      ${_sharedStyle.defaultOrderedListStyle}
-
-      & + li {
-        margin: ${colorBoxDefaultSpacing / 2}px 0 0;
-      }
-    }
-  }
-
-  a {
-    ${_sharedStyle.defaultLinkStyle}
-  }
-
-  blockquote {
-    ${_sharedStyle.defaultBlockQuoteStyle}
-  }
-
-  ${({
-  theme
-}) => theme.breakpoint.md} {
-    padding: 16px 32px;
-  }
-`;
-
-function ColorBoxBlock(props) {
-  const {
-    block,
-    contentState
-  } = props;
-  const entityKey = block.getEntityAt(0);
-  const entity = contentState.getEntity(entityKey);
-  const {
-    color,
-    body
-  } = entity.getData();
-  return /*#__PURE__*/_react.default.createElement(ColorBoxRenderWrapper, {
-    color: color
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: body
-    }
-  }));
-}

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

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DividerBlock = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Divider = _styledComponents.default.hr`
-  box-sizing: border-box;
-  border-width: 1px;
-  border-style: inset;
-  ${({
-  theme
-}) => theme.margin.default};
-`;
-
-const DividerBlock = () => {
-  return /*#__PURE__*/_react.default.createElement(Divider, null);
-};
-
-exports.DividerBlock = DividerBlock;

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

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MediaBlock = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const styles = {
-  media: {
-    width: '100%'
-  }
-};
-
-const Audio = props => {
-  return /*#__PURE__*/_react.default.createElement("audio", {
-    controls: true,
-    src: props.src,
-    style: styles.media
-  });
-};
-
-const Image = props => {
-  return /*#__PURE__*/_react.default.createElement("img", {
-    src: props.src,
-    style: styles.media
-  });
-};
-
-const Video = props => {
-  return /*#__PURE__*/_react.default.createElement("video", {
-    controls: true,
-    src: props.src,
-    style: styles.media
-  });
-};
-
-const MediaBlock = entity => {
-  const {
-    src
-  } = entity.getData();
-  const type = entity.getType();
-  let media;
-
-  if (type === 'audioLink') {
-    media = /*#__PURE__*/_react.default.createElement(Audio, {
-      src: src
-    });
-  } else if (type === 'imageLink') {
-    media = /*#__PURE__*/_react.default.createElement(Image, {
-      src: src
-    });
-  } else if (type === 'videoLink') {
-    media = /*#__PURE__*/_react.default.createElement(Video, {
-      src: src
-    });
-  }
-
-  return media;
-};
-
-exports.MediaBlock = MediaBlock;

package/lib/block-renderers/related-post-block.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RelatedPostBlock = RelatedPostBlock;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const RelatedPostWrapper = _styledComponents.default.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  border: 2px solid #04295e;
-  border-width: 2px 2px 2px 12px;
-  padding: 16px;
-  ${({
-  theme
-}) => theme.margin.default};
-
-  ${({
-  theme
-}) => theme.breakpoint.md} {
-    padding: 24px;
-  }
-`;
-const RelatedPostTitle = _styledComponents.default.p`
-  color: #04295e;
-  font-size: 14px;
-  line-height: 20px;
-  margin: 0 0 -8px;
-  ${({
-  theme
-}) => theme.breakpoint.md} {
-    font-size: 16px;
-    line-height: 23px;
-  }
-`;
-const RelatedPostItem = _styledComponents.default.div`
-  display: flex;
-`;
-const RelatedPostAnchorWrapper = _styledComponents.default.a`
-  text-decoration: none;
-  display: inline-block;
-  margin: 12px 0 0;
-
-  &:hover span {
-    border-bottom: 2px solid #04295e;
-  }
-`;
-const RelatedPost = _styledComponents.default.span`
-  color: rgba(0, 9, 40, 0.87);
-  font-size: 18px;
-  line-height: 1.6;
-  border-bottom: 2px solid #ebf02c;
-  padding-bottom: 2px;
-`;
-
-function RelatedPostBlock(entity) {
-  const {
-    posts
-  } = entity.getData();
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(RelatedPostWrapper, null, /*#__PURE__*/_react.default.createElement(RelatedPostTitle, null, "\u63A8\u85A6\u95B1\u8B80"), posts.map(post => /*#__PURE__*/_react.default.createElement(RelatedPostItem, {
-    key: post.id
-  }, /*#__PURE__*/_react.default.createElement(RelatedPostAnchorWrapper, {
-    href: `/post/${post.id}`,
-    target: "_blank"
-  }, /*#__PURE__*/_react.default.createElement(RelatedPost, null, post.name))))));
-}

package/lib/block-renderers/side-index-block.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SideIndexBlock = SideIndexBlock;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _sharedStyle = require("../shared-style");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const sideIndexDefaultSpacing = 32;
-const SideIndexBlockWrapper = _styledComponents.default.div`
-  margin-top: ${sideIndexDefaultSpacing}px;
-
-  h2 {
-    ${_sharedStyle.defaultH2Style}
-  }
-`;
-
-function SideIndexBlock(props) {
-  const {
-    block,
-    contentState
-  } = props;
-  const entityKey = block.getEntityAt(0);
-  const entity = contentState.getEntity(entityKey);
-  const {
-    h2Text,
-    sideIndexText
-  } = entity.getData();
-  const sideIndexTitle = sideIndexText || h2Text || '';
-  const key = sideIndexTitle.replace(/\s+/g, '');
-  let sideIndexBlock;
-
-  if (h2Text) {
-    sideIndexBlock = /*#__PURE__*/_react.default.createElement(SideIndexBlockWrapper, {
-      id: `header-${key}`
-    }, /*#__PURE__*/_react.default.createElement("h2", null, h2Text));
-  } else {
-    sideIndexBlock = null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sideIndexBlock);
-}