@kids-reporter/draft-editor 0.1.0 → 0.2.0

package/lib/buttons/annotation.js

@@ -11,18 +11,10 @@ var _draftJs = require("draft-js");
 
 var _modals = require("@keystone-ui/modals");
 
-var _draftConverter = _interopRequireDefault(require("../draft-converter"));
-
-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 escapeHTML(s) {
-  return s.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/'/g, '&#39;');
-}
-
 function AnnotationButton(props) {
   const toggleEntity = _draftJs.RichUtils.toggleLink;
   const {
@@ -49,13 +41,8 @@ function AnnotationButton(props) {
   const confirmAnnotation = () => {
     const contentState = editorState.getCurrentContent();
     const rawContentState = (0, _draftJs.convertToRaw)(inputValue.editorStateOfBasicEditor.getCurrentContent());
-
-    const bodyHTML = _draftConverter.default.convertToHtml(rawContentState);
-
     const contentStateWithEntity = contentState.createEntity('ANNOTATION', 'MUTABLE', {
-      rawContentState,
-      bodyHTML,
-      bodyEscapedHTML: escapeHTML(bodyHTML)
+      rawContentState
     });
     const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
 

package/lib/buttons/image.js

@@ -29,8 +29,6 @@ function ImageButton(props) {
   };
 
   const onImageSelectorChange = (selectedImagesWithMeta, align) => {
-    var _selected$image, _selected$image$image;
-
     const selected = selectedImagesWithMeta === null || selectedImagesWithMeta === void 0 ? void 0 : selectedImagesWithMeta[0];
 
     if (!selected) {
@@ -41,7 +39,6 @@ function ImageButton(props) {
     const contentState = editorState.getCurrentContent();
     const contentStateWithEntity = contentState.createEntity('image', 'IMMUTABLE', { ...(selected === null || selected === void 0 ? void 0 : selected.image),
       desc: selected === null || selected === void 0 ? void 0 : selected.desc,
-      url: selected === null || selected === void 0 ? void 0 : (_selected$image = selected.image) === null || _selected$image === void 0 ? void 0 : (_selected$image$image = _selected$image.imageFile) === null || _selected$image$image === void 0 ? void 0 : _selected$image$image.url,
       alignment: align
     });
     const entityKey = contentStateWithEntity.getLastCreatedEntityKey();

package/lib/buttons/info-box.js

@@ -14,8 +14,6 @@ var _modals = require("@keystone-ui/modals");
 
 var _fields = require("@keystone-ui/fields");
 
-var _draftConverter = _interopRequireDefault(require("../draft-converter"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -115,8 +113,7 @@ function InfoBoxButton(props) {
 
     const contentStateWithEntity = contentState.createEntity('INFOBOX', 'IMMUTABLE', {
       title,
-      rawContentState,
-      body: _draftConverter.default.convertToHtml(rawContentState)
+      rawContentState
     });
     const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
 

package/lib/buttons/selector/image-selector.js

@@ -216,12 +216,14 @@ const imagesQuery = (0, _apollo.gql)`
       name
       imageFile {
         url
+        width
+        height
       }
       resized {
         original
         tiny
         small
-        medium 
+        medium
         large
       }
     }

package/lib/buttons/slideshow.js

@@ -34,9 +34,8 @@ function SlideshowButton(props) {
       return;
     }
 
-    const contentState = editorState.getCurrentContent(); // since 202206, only slideshow-v2 will be created
-
-    const contentStateWithEntity = contentState.createEntity('slideshow-v2', 'IMMUTABLE', {
+    const contentState = editorState.getCurrentContent();
+    const contentStateWithEntity = contentState.createEntity('slideshow', 'IMMUTABLE', {
       alignment: align,
       delay,
       images: selected.map(ele => {