@kids-reporter/draft-renderer 1.0.12 → 1.0.14

package/lib/draft-renderer.js

@@ -3,27 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ProjectContentDraftRenderer = exports.DraftRenderer = exports.ArticleIntroductionDraftRenderer = exports.ArticleBodyDraftRenderer = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _index = _interopRequireDefault(require("./block-render-maps/index"));
+exports.ProjectContentDraftRenderer = exports.FontSizeLevel = exports.DraftRenderer = exports.ArticleIntroductionDraftRenderer = exports.ArticleBodyDraftRenderer = void 0;
 var _draftJs = require("draft-js");
-var _index2 = require("./utils/index");
+var _react = require("react");
 var _styledComponents = require("styled-components");
+var _index = _interopRequireDefault(require("./block-render-maps/index"));
 var _blockRendererFn = require("./block-renderer-fn");
 var _customStyleFn = require("./custom-style-fn");
 var _entityDecorators = require("./entity-decorators");
+var _index2 = require("./utils/index");
+var _jsxRuntime = require("react/jsx-runtime");
 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;
 };
-var FontSizeLevel = /*#__PURE__*/function (FontSizeLevel) {
+let FontSizeLevel = exports.FontSizeLevel = /*#__PURE__*/function (FontSizeLevel) {
   FontSizeLevel["NORMAL"] = "normal";
   FontSizeLevel["LARGE"] = "large";
   return FontSizeLevel;
-}(FontSizeLevel || {});
+}({});
 const DraftRenderer = ({
   rawContentState,
   themeColor = _index2.ThemeColorEnum.RED,
@@ -38,29 +37,28 @@ const DraftRenderer = ({
     const anchor = document.querySelector(hash);
     anchor && window.scrollTo({
       top: anchor.offsetTop - offsetTop,
-      behavior: 'instant'
+      behavior: 'auto'
     });
   };
   (0, _react.useEffect)(() => {
     initiallyScrollTo && scrollToElement(initiallyScrollTo);
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
     theme: {
       themeColor,
       fontSizeLevel,
       offsetTop,
       handleImgModalOpen
-    }
-  }, /*#__PURE__*/_react.default.createElement(_draftJs.Editor, {
-    editorState: editorState,
-    blockRenderMap: _index.default.content,
-    blockRendererFn: blockRendererFn,
-    customStyleFn: _customStyleFn.customStyleFn,
-    readOnly: true
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    ,
-    onChange: () => {}
-  }));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_draftJs.Editor, {
+      editorState: editorState,
+      blockRenderMap: _index.default.content,
+      blockRendererFn: blockRendererFn,
+      customStyleFn: _customStyleFn.customStyleFn,
+      readOnly: true,
+      onChange: () => {}
+    })
+  });
 };
 exports.DraftRenderer = DraftRenderer;
 const ArticleBodyDraftRenderer = exports.ArticleBodyDraftRenderer = DraftRenderer;
@@ -71,20 +69,19 @@ const ArticleIntroductionDraftRenderer = ({
 }) => {
   const contentState = (0, _draftJs.convertFromRaw)(rawContentState);
   const editorState = _draftJs.EditorState.createWithContent(contentState, _entityDecorators.decorator);
-  return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
     theme: {
       themeColor,
       fontSizeLevel
-    }
-  }, /*#__PURE__*/_react.default.createElement(_draftJs.Editor, {
-    editorState: editorState,
-    blockRenderMap: _index.default.brief,
-    customStyleFn: _customStyleFn.customStyleFn,
-    readOnly: true
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    ,
-    onChange: () => {}
-  }));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_draftJs.Editor, {
+      editorState: editorState,
+      blockRenderMap: _index.default.brief,
+      customStyleFn: _customStyleFn.customStyleFn,
+      readOnly: true,
+      onChange: () => {}
+    })
+  });
 };
 exports.ArticleIntroductionDraftRenderer = ArticleIntroductionDraftRenderer;
 const ProjectContentDraftRenderer = ({
@@ -94,20 +91,19 @@ const ProjectContentDraftRenderer = ({
 }) => {
   const contentState = (0, _draftJs.convertFromRaw)(rawContentState);
   const editorState = _draftJs.EditorState.createWithContent(contentState, _entityDecorators.decorator);
-  return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
     theme: {
       themeColor,
       fontSizeLevel
-    }
-  }, /*#__PURE__*/_react.default.createElement(_draftJs.Editor, {
-    editorState: editorState,
-    blockRenderMap: _index.default.projectContent,
-    blockRendererFn: blockRendererFn,
-    customStyleFn: _customStyleFn.customStyleFn,
-    readOnly: true
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    ,
-    onChange: () => {}
-  }));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_draftJs.Editor, {
+      editorState: editorState,
+      blockRenderMap: _index.default.projectContent,
+      blockRendererFn: blockRendererFn,
+      customStyleFn: _customStyleFn.customStyleFn,
+      readOnly: true,
+      onChange: () => {}
+    })
+  });
 };
 exports.ProjectContentDraftRenderer = ProjectContentDraftRenderer;

package/lib/entity-decorators/anchor.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.anchorDecorator = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _entity = require("../utils/entity");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Anchor = props => {
   var _contentState$getEnti;
@@ -15,9 +16,10 @@ const Anchor = props => {
     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);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    id: id,
+    children: children
+  });
 };
 const anchorDecorator = exports.anchorDecorator = {
   strategy: (0, _entity.findEntitiesByType)(_entity.ENTITY.Anchor),

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

@@ -4,17 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.annotationDecorator = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _draftJs = require("draft-js");
+var _react = require("react");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _blockRenderMaps = _interopRequireDefault(require("../block-render-maps"));
+var _entity = require("../utils/entity");
+var _anchor = require("./anchor");
 var _linkDecorator = require("./link-decorator");
 var _tocAnchor = require("./toc-anchor");
-var _anchor = require("./anchor");
-var _entity = require("../utils/entity");
+var _jsxRuntime = require("react/jsx-runtime");
 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 AnnotationWrapper = _styledComponents.default.span`
   display: inline-block;
   cursor: pointer;
@@ -75,21 +74,26 @@ function AnnotationBlock(props) {
   } = props.contentState.getEntity(props.entityKey).getData();
   const contentState = (0, _draftJs.convertFromRaw)(rawContentState);
   const editorState = _draftJs.EditorState.createWithContent(contentState, new _draftJs.CompositeDecorator([_linkDecorator.linkDecorator, _tocAnchor.tocAnchorDecorator, _anchor.anchorDecorator]));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(AnnotationWrapper, {
-    onClick: e => {
-      e.preventDefault();
-      setShowContent(!showContent);
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", null, annotated), /*#__PURE__*/_react.default.createElement(ArrowIcon, {
-    $showContent: showContent
-  })), showContent ? /*#__PURE__*/_react.default.createElement(AnnotationBody, null, /*#__PURE__*/_react.default.createElement(_draftJs.Editor, {
-    editorState: editorState,
-    blockRenderMap: _blockRenderMaps.default.annotation,
-    readOnly: true
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    ,
-    onChange: () => {}
-  })) : null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(AnnotationWrapper, {
+      onClick: e => {
+        e.preventDefault();
+        setShowContent(!showContent);
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: annotated
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ArrowIcon, {
+        $showContent: showContent
+      })]
+    }), showContent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnnotationBody, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_draftJs.Editor, {
+        editorState: editorState,
+        blockRenderMap: _blockRenderMaps.default.annotation,
+        readOnly: true,
+        onChange: () => {}
+      })
+    }) : null]
+  });
 }
 const annotationDecorator = exports.annotationDecorator = {
   strategy: (0, _entity.findEntitiesByType)(_entity.ENTITY.Annotation),

package/lib/entity-decorators/index.js

@@ -17,8 +17,8 @@ Object.defineProperty(exports, "linkDecorator", {
   }
 });
 var _draftJs = require("draft-js");
+var _anchor = require("./anchor");
 var _annotationDecorator = require("./annotation-decorator");
 var _linkDecorator = require("./link-decorator");
 var _tocAnchor = require("./toc-anchor");
-var _anchor = require("./anchor");
 const decorator = exports.decorator = new _draftJs.CompositeDecorator([_annotationDecorator.annotationDecorator, _linkDecorator.linkDecorator, _tocAnchor.tocAnchorDecorator, _anchor.anchorDecorator]);

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

@@ -7,6 +7,7 @@ exports.linkDecorator = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _entity = require("../utils/entity");
+var _jsxRuntime = require("react/jsx-runtime");
 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 }; }
@@ -20,7 +21,7 @@ const LinkWrapper = _styledComponents.default.a`
     color: #232323;
   }
 `;
-const Link = props => {
+const LinkInner = props => {
   const {
     url
   } = props.contentState.getEntity(props.entityKey).getData();
@@ -41,7 +42,18 @@ const Link = props => {
     href: url,
     target: '_blank'
   };
-  return /*#__PURE__*/_react.default.createElement(LinkWrapper, linkProps, props.children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkWrapper, {
+    ...linkProps,
+    children: props.children
+  });
+};
+const Link = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
+    theme: {},
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkInner, {
+      ...props
+    })
+  });
 };
 const linkDecorator = exports.linkDecorator = {
   strategy: (0, _entity.findEntitiesByType)(_entity.ENTITY.Link),

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.tocAnchorDecorator = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _entity = require("../utils/entity");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TOCAnchor = props => {
   var _contentState$getEnti;
@@ -15,9 +16,10 @@ const TOCAnchor = props => {
     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);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    id: `toc-anchor-${key}`,
+    children: children
+  });
 };
 const tocAnchorDecorator = exports.tocAnchorDecorator = {
   strategy: (0, _entity.findEntitiesByType)(_entity.ENTITY.TOCAnchor),

package/lib/global.d.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontSizeLevel = void 0;
+/* eslint-disable @typescript-eslint/consistent-type-definitions */
+let FontSizeLevel = exports.FontSizeLevel = /*#__PURE__*/function (FontSizeLevel) {
+  FontSizeLevel["NORMAL"] = "normal";
+  FontSizeLevel["LARGE"] = "large";
+  return FontSizeLevel;
+}({});

package/lib/index.js

@@ -72,12 +72,12 @@ Object.defineProperty(exports, "linkDecorator", {
   }
 });
 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 _customStyleFn = require("./custom-style-fn");
+var _draftRenderer = require("./draft-renderer");
 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 = exports.blockRenderMap = _index.default.content;
 var _default = exports.default = {

package/lib/utils/index.js

@@ -21,5 +21,5 @@ Object.defineProperty(exports, "getColorHex", {
     return _color.getColorHex;
   }
 });
-var _constants = require("./constants");
-var _color = require("./color");
+var _color = require("./color");
+var _constants = require("./constants");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kids-reporter/draft-renderer",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -8,7 +8,9 @@
     "dev": "make dev",
     "build": "make build",
     "clean": "make clean",
-    "build-lib": "make build-lib"
+    "build-lib": "make build-lib",
+    "lint:check": "eslint src --ext .ts,.tsx,.js,.jsx",
+    "type-check": "tsc --noEmit"
   },
   "repository": {
     "type": "git",
@@ -31,17 +33,17 @@
   },
   "peerDependencies": {
     "draft-js": "^0.11.7",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "styled-components": "5.3.5"
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "styled-components": "6.1.19"
   },
   "files": [
     "lib",
     "public"
   ],
   "devDependencies": {
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "styled-components": "5.3.5"
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "styled-components": "6.1.19"
   }
 }