@kids-reporter/draft-renderer 1.0.11 → 1.0.13

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 }; }
@@ -41,7 +42,10 @@ 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 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/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/constants.js

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

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/lib/utils/media-query.js

@@ -7,6 +7,8 @@ exports.mediaQuery = exports.breakpoints = void 0;
 const breakpoints = exports.breakpoints = {
   small: 320,
   medium: 760,
+  desktop: 1024,
+  // TODO: unify breakpoints in twreporter/kids reporter
   large: 1440
 };
 const mediaQuery = exports.mediaQuery = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kids-reporter/draft-renderer",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "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",
@@ -25,13 +27,14 @@
     "babel-loader": "^8.2.5",
     "body-scroll-lock": "3.1.5",
     "html-webpack-plugin": "^5.5.0",
+    "lodash": "^4.17.21",
     "webpack": "^5.72.1",
     "webpack-cli": "^4.9.2"
   },
   "peerDependencies": {
     "draft-js": "^0.11.7",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "styled-components": "5.3.5"
   },
   "files": [
@@ -39,8 +42,8 @@
     "public"
   ],
   "devDependencies": {
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "styled-components": "5.3.5"
   }
 }