@kids-reporter/draft-editor 0.1.1 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/lib/buttons/annotation.js +1 -14
  2. package/lib/buttons/image.js +0 -3
  3. package/lib/buttons/info-box.js +1 -4
  4. package/lib/draft-editor.js +61 -363
  5. package/package.json +7 -2
  6. package/lib/block-renderer/background-image-block.js +0 -141
  7. package/lib/block-renderer/background-video-block.js +0 -151
  8. package/lib/block-renderer/color-box-block.js +0 -86
  9. package/lib/block-renderer/info-box-block.js +0 -86
  10. package/lib/block-renderer/side-index-block.js +0 -90
  11. package/lib/block-renderer/table-block.js +0 -408
  12. package/lib/block-renderer-fn.js +0 -125
  13. package/lib/buttons/audio.js +0 -65
  14. package/lib/buttons/background-color.js +0 -122
  15. package/lib/buttons/background-image.js +0 -223
  16. package/lib/buttons/background-video.js +0 -223
  17. package/lib/buttons/color-box.js +0 -173
  18. package/lib/buttons/divider.js +0 -63
  19. package/lib/buttons/font-color.js +0 -115
  20. package/lib/buttons/media.js +0 -121
  21. package/lib/buttons/related-post.js +0 -71
  22. package/lib/buttons/selector/audio-selector.js +0 -279
  23. package/lib/buttons/selector/post-selector.js +0 -317
  24. package/lib/buttons/selector/video-selector.js +0 -281
  25. package/lib/buttons/side-index.js +0 -200
  26. package/lib/buttons/table.js +0 -67
  27. package/lib/buttons/text-align.js +0 -88
  28. package/lib/buttons/video.js +0 -65
  29. package/lib/buttons/youtube.js +0 -147
  30. package/lib/const.js +0 -18
  31. package/lib/draft-converter/api-data-instance.js +0 -58
  32. package/lib/draft-converter/atomic-block-processor.js +0 -233
  33. package/lib/draft-converter/entities.js +0 -76
  34. package/lib/draft-converter/index.js +0 -201
  35. package/lib/draft-converter/inline-styles-processor.js +0 -236
  36. package/lib/entity-decorator.js +0 -20
  37. package/lib/modifier.js +0 -68
  38. package/lib/theme/index.js +0 -39
package/lib/buttons/annotation.js CHANGED
@@ -11,18 +11,10 @@ var _draftJs = require("draft-js");
11
11
 
12
12
  var _modals = require("@keystone-ui/modals");
13
13
 
14
- var _draftConverter = _interopRequireDefault(require("../draft-converter"));
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
14
  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); }
19
15
 
20
16
  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; }
21
17
 
22
- function escapeHTML(s) {
23
- return s.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/'/g, '&#39;');
24
- }
25
-
26
18
  function AnnotationButton(props) {
27
19
  const toggleEntity = _draftJs.RichUtils.toggleLink;
28
20
  const {
@@ -49,13 +41,8 @@ function AnnotationButton(props) {
49
41
  const confirmAnnotation = () => {
50
42
  const contentState = editorState.getCurrentContent();
51
43
  const rawContentState = (0, _draftJs.convertToRaw)(inputValue.editorStateOfBasicEditor.getCurrentContent());
52
-
53
- const bodyHTML = _draftConverter.default.convertToHtml(rawContentState);
54
-
55
44
  const contentStateWithEntity = contentState.createEntity('ANNOTATION', 'MUTABLE', {
56
- rawContentState,
57
- bodyHTML,
58
- bodyEscapedHTML: escapeHTML(bodyHTML)
45
+ rawContentState
59
46
  });
60
47
  const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
61
48
 
package/lib/buttons/image.js CHANGED
@@ -29,8 +29,6 @@ function ImageButton(props) {
29
29
  };
30
30
 
31
31
  const onImageSelectorChange = (selectedImagesWithMeta, align) => {
32
- var _selected$image, _selected$image$image;
33
-
34
32
  const selected = selectedImagesWithMeta === null || selectedImagesWithMeta === void 0 ? void 0 : selectedImagesWithMeta[0];
35
33
 
36
34
  if (!selected) {
@@ -41,7 +39,6 @@ function ImageButton(props) {
41
39
  const contentState = editorState.getCurrentContent();
42
40
  const contentStateWithEntity = contentState.createEntity('image', 'IMMUTABLE', { ...(selected === null || selected === void 0 ? void 0 : selected.image),
43
41
  desc: selected === null || selected === void 0 ? void 0 : selected.desc,
44
- 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,
45
42
  alignment: align
46
43
  });
47
44
  const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
package/lib/buttons/info-box.js CHANGED
@@ -14,8 +14,6 @@ var _modals = require("@keystone-ui/modals");
14
14
 
15
15
  var _fields = require("@keystone-ui/fields");
16
16
 
17
- var _draftConverter = _interopRequireDefault(require("../draft-converter"));
18
-
19
17
  var _styledComponents = _interopRequireDefault(require("styled-components"));
20
18
 
21
19
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -115,8 +113,7 @@ function InfoBoxButton(props) {
115
113
 
116
114
  const contentStateWithEntity = contentState.createEntity('INFOBOX', 'IMMUTABLE', {
117
115
  title,
118
- rawContentState,
119
- body: _draftConverter.default.convertToHtml(rawContentState)
116
+ rawContentState
120
117
  });
121
118
  const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
122
119