@kids-reporter/draft-editor 1.0.3 → 1.0.5

package/lib/block-renderers/blockquote.js

@@ -10,8 +10,8 @@ var _blockquote = require("../buttons/blockquote");
 var _styled = require("./styled");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
 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 _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 {
   BlockquoteInArticleBody
 } = _draftRenderer.blockRenderers;

package/lib/block-renderers/embedded-code.js

@@ -10,8 +10,8 @@ var _embeddedCode = require("../buttons/embedded-code");
 var _styled = require("./styled");
 var _fields = require("@keystone-ui/fields");
 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 _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 EmbeddedCode({
   className,
   embeddedCode

package/lib/block-renderers/image.js

@@ -10,8 +10,8 @@ var _imageSelector = require("../buttons/selector/image-selector");
 var _styled = require("./styled");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
 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 _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 {
   ImageInArticleBody
 } = _draftRenderer.blockRenderers;

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

@@ -10,8 +10,8 @@ var _styled = require("./styled");
 var _infoBox = require("../buttons/info-box");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
 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 _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 {
   InfoBoxInArticleBody
 } = _draftRenderer.blockRenderers;

package/lib/block-renderers/slideshow.js

@@ -10,8 +10,8 @@ var _imageSelector = require("../buttons/selector/image-selector");
 var _styled = require("./styled");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
 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 _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 {
   SlideshowInArticleBody
 } = _draftRenderer.blockRenderers;

package/lib/buttons/anchor.js

@@ -25,9 +25,8 @@ const AnchorButton = props => {
       const start = selection.getStartOffset();
       const end = selection.getEndOffset();
       const selectedText = block.getText().slice(start, end);
-      const contentStateWithEntity = contentState.createEntity(_draftRenderer.ANCHOR_ENTITY_TYPE, 'IMMUTABLE', {
-        anchorKey: `createdAt-${Date.now()}`,
-        anchorLabel: selectedText
+      const contentStateWithEntity = contentState.createEntity(_draftRenderer.ENTITY.Anchor, 'MUTABLE', {
+        anchorID: selectedText
       });
       const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
       const newEditorState = _draftJs.EditorState.set(editorState, {
@@ -45,7 +44,7 @@ const AnchorButton = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: props.className,
     onMouseDown: isActive ? removeAnchor : promptForAnchor,
-    title: "\u7D22\u5F15"
-  }, /*#__PURE__*/_react.default.createElement("span", null, "\u7D22"));
+    title: "\u9328\u9EDE"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "\u9328"));
 };
 exports.AnchorButton = AnchorButton;

package/lib/buttons/annotation.js

@@ -8,10 +8,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _btNames = _interopRequireDefault(require("./bt-names"));
 var _draftJs = require("draft-js");
 var _modals = require("@keystone-ui/modals");
+var _draftRenderer = require("@kids-reporter/draft-renderer");
 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; }
-const disabledButtons = [_btNames.default.h2, _btNames.default.h3, _btNames.default.code, _btNames.default.codeBlock, _btNames.default.blockquote, _btNames.default.annotation, _btNames.default.embed, _btNames.default.image, _btNames.default.infoBox, _btNames.default.slideshow, _btNames.default.newsReading, _btNames.default.anchor];
+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 disabledButtons = [_btNames.default.h2, _btNames.default.h3, _btNames.default.code, _btNames.default.codeBlock, _btNames.default.blockquote, _btNames.default.annotation, _btNames.default.embed, _btNames.default.image, _btNames.default.infoBox, _btNames.default.slideshow, _btNames.default.newsReading, _btNames.default.tocAnchor, _btNames.default.anchor];
 function createAnnotationButton({
   InnerEditor,
   decorator
@@ -38,7 +39,7 @@ function createAnnotationButton({
     const confirmAnnotation = () => {
       const contentState = editorStateOfOuterEditor.getCurrentContent();
       const rawContentState = (0, _draftJs.convertToRaw)(inputValue.editorStateOfInnerEditor.getCurrentContent());
-      const contentStateWithEntity = contentState.createEntity('ANNOTATION', 'MUTABLE', {
+      const contentStateWithEntity = contentState.createEntity(_draftRenderer.ENTITY.Annotation, 'MUTABLE', {
         rawContentState
       });
       const entityKey = contentStateWithEntity.getLastCreatedEntityKey();

package/lib/buttons/bg-color.js

@@ -11,10 +11,9 @@ var _draftJs = require("draft-js");
 var _fields = require("@keystone-ui/fields");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 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; }
-const customStylePrefix = 'BACKGROUND_COLOR_';
-exports.customStylePrefix = customStylePrefix;
+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 customStylePrefix = exports.customStylePrefix = 'BACKGROUND_COLOR_';
 const ColorHexInput = (0, _styledComponents.default)(_fields.TextInput)`
   margin-right: 10px;
   padding: 10px;

package/lib/buttons/blockquote.js

@@ -10,8 +10,8 @@ var _draftJs = require("draft-js");
 var _modals = require("@keystone-ui/modals");
 var _select = require("./form/select");
 var _fields = require("@keystone-ui/fields");
-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 _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; }
 var BlockquoteTypeEnum = /*#__PURE__*/function (BlockquoteTypeEnum) {
   BlockquoteTypeEnum["borderLeft"] = "border_left";
   BlockquoteTypeEnum["quoteLeft"] = "quote_left";

package/lib/buttons/bt-names.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   // inline styles
   bold: 'bold',
   italic: 'italic',
@@ -31,6 +31,6 @@ var _default = {
   slideshow: 'slideshow',
   newsReading: 'news-reading',
   divider: 'divider',
+  tocAnchor: 'toc-anchor',
   anchor: 'anchor'
-};
-exports.default = _default;
+};

package/lib/buttons/control-buttons.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.buttonStyle = exports.InlineStyleControls = exports.BlockStyleControls = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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 _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 }; }
-const buttonStyle = (0, _styledComponents.css)`
+const buttonStyle = exports.buttonStyle = (0, _styledComponents.css)`
   cursor: pointer;
   border-radius: 6px;
   text-align: center;
@@ -59,7 +59,6 @@ const buttonStyle = (0, _styledComponents.css)`
   return 'inline-flex';
 }};
 `;
-exports.buttonStyle = buttonStyle;
 const CustomButton = _styledComponents.default.div`
   ${buttonStyle}
 `;

package/lib/buttons/embedded-code.js

@@ -7,10 +7,29 @@ exports.EmbeddedCodeButton = EmbeddedCodeButton;
 exports.EmbeddedCodeInput = EmbeddedCodeInput;
 var _react = _interopRequireWildcard(require("react"));
 var _draftJs = require("draft-js");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _modals = require("@keystone-ui/modals");
 var _fields = require("@keystone-ui/fields");
-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; }
+var _alignSelector = require("./selector/align-selector");
+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; }
+var AlignOption = /*#__PURE__*/function (AlignOption) {
+  AlignOption["Paragraph"] = "paragraph-width";
+  AlignOption["Image"] = "image-width";
+  return AlignOption;
+}(AlignOption || {});
+const options = [{
+  value: AlignOption.Paragraph,
+  label: '與文章段落等寬'
+}, {
+  value: AlignOption.Image,
+  label: '寬版(與圖片預設等寬)'
+}];
+const Container = _styledComponents.default.div`
+  margin-top: 20px;
+  margin-bottom: 20px;
+`;
 function EmbeddedCodeInput({
   isOpen,
   onConfirm,
@@ -18,9 +37,17 @@ function EmbeddedCodeInput({
   inputValue
 }) {
   const [inputValueState, setInputValue] = (0, _react.useState)(inputValue);
+  const contentWrapperRef = (0, _react.useRef)(null);
   const confirmInput = () => {
     onConfirm(inputValueState);
   };
+  const onAlignSelectOpen = () => {
+    var _contentWrapperRef$cu;
+    const scrollWrapper = (_contentWrapperRef$cu = contentWrapperRef.current) === null || _contentWrapperRef$cu === void 0 ? void 0 : _contentWrapperRef$cu.parentElement;
+    if (scrollWrapper) {
+      scrollWrapper.scrollTop = scrollWrapper === null || scrollWrapper === void 0 ? void 0 : scrollWrapper.scrollHeight;
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
     isOpen: isOpen
   }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
@@ -37,9 +64,12 @@ function EmbeddedCodeInput({
         action: confirmInput
       }
     }
+  }, /*#__PURE__*/_react.default.createElement(Container, {
+    ref: contentWrapperRef
   }, /*#__PURE__*/_react.default.createElement(_fields.TextArea, {
     onChange: e => setInputValue({
       caption: inputValueState.caption,
+      align: inputValueState.align,
       embeddedCode: e.target.value
     }),
     placeholder: "Embedded Code",
@@ -51,6 +81,7 @@ function EmbeddedCodeInput({
   }), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
     onChange: e => setInputValue({
       caption: e.target.value,
+      align: inputValueState.align,
       embeddedCode: inputValueState.embeddedCode
     }),
     type: "text",
@@ -60,7 +91,18 @@ function EmbeddedCodeInput({
       marginBottom: '10px',
       marginTop: '30px'
     }
-  })));
+  }), /*#__PURE__*/_react.default.createElement(_alignSelector.AlignSelector, {
+    align: inputValueState.align,
+    options: options,
+    onChange: align => {
+      setInputValue({
+        caption: inputValueState.caption,
+        align: align,
+        embeddedCode: inputValueState.embeddedCode
+      });
+    },
+    onOpen: onAlignSelectOpen
+  }))));
 }
 function EmbeddedCodeButton(props) {
   const {

package/lib/buttons/font-color.js

@@ -11,10 +11,9 @@ var _draftJs = require("draft-js");
 var _fields = require("@keystone-ui/fields");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 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; }
-const customStylePrefix = 'FONT_COLOR_';
-exports.customStylePrefix = customStylePrefix;
+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 customStylePrefix = exports.customStylePrefix = 'FONT_COLOR_';
 const ColorHexInput = (0, _styledComponents.default)(_fields.TextInput)`
   margin-right: 10px;
   padding: 10px;

package/lib/buttons/image.js

@@ -7,8 +7,8 @@ exports.ImageButton = ImageButton;
 var _react = _interopRequireWildcard(require("react"));
 var _draftJs = require("draft-js");
 var _imageSelector = require("./selector/image-selector");
-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 _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 ImageButton(props) {
   const {
     editorState,

package/lib/buttons/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withStyle = exports.InlineStyleControls = exports.CustomSlideshowButton = exports.CustomNewsReadingButton = exports.CustomLinkButton = exports.CustomImageButton = exports.CustomFontColorButton = exports.CustomEnlargeButton = exports.CustomEmbeddedCodeButton = exports.CustomDividerButton = exports.CustomBlockquoteButton = exports.CustomBackgroundColorButton = exports.CustomAnchorButton = exports.BlockStyleControls = void 0;
+exports.withStyle = exports.InlineStyleControls = exports.CustomTOCAnchorButton = exports.CustomSlideshowButton = exports.CustomNewsReadingButton = exports.CustomLinkButton = exports.CustomImageButton = exports.CustomFontColorButton = exports.CustomEnlargeButton = exports.CustomEmbeddedCodeButton = exports.CustomDividerButton = exports.CustomBlockquoteButton = exports.CustomBackgroundColorButton = exports.CustomAnchorButton = exports.BlockStyleControls = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _controlButtons = require("./control-buttons");
 var _bgColor = require("./bg-color");
@@ -13,6 +13,7 @@ var _embeddedCode = require("./embedded-code");
 var _enlarge = require("./enlarge");
 var _fontColor = require("./font-color");
 var _image = require("./image");
+var _tocAnchor = require("./toc-anchor");
 var _anchor = require("./anchor");
 var _link = require("./link");
 var _slideshow = require("./slideshow");
@@ -24,31 +25,19 @@ const withStyle = Button => {
   `;
 };
 exports.withStyle = withStyle;
-const BlockStyleControls = _controlButtons.BlockStyleControls;
-exports.BlockStyleControls = BlockStyleControls;
-const InlineStyleControls = _controlButtons.InlineStyleControls;
-exports.InlineStyleControls = InlineStyleControls;
-const CustomBlockquoteButton = withStyle(_blockquote.BlockquoteButton);
-exports.CustomBlockquoteButton = CustomBlockquoteButton;
-const CustomAnchorButton = withStyle(_anchor.AnchorButton);
-exports.CustomAnchorButton = CustomAnchorButton;
-const CustomLinkButton = withStyle(_link.LinkButton);
-exports.CustomLinkButton = CustomLinkButton;
-const CustomEnlargeButton = (0, _styledComponents.default)(withStyle(_enlarge.EnlargeButton))`
+const BlockStyleControls = exports.BlockStyleControls = _controlButtons.BlockStyleControls;
+const InlineStyleControls = exports.InlineStyleControls = _controlButtons.InlineStyleControls;
+const CustomBlockquoteButton = exports.CustomBlockquoteButton = withStyle(_blockquote.BlockquoteButton);
+const CustomTOCAnchorButton = exports.CustomTOCAnchorButton = withStyle(_tocAnchor.TOCAnchorButton);
+const CustomAnchorButton = exports.CustomAnchorButton = withStyle(_anchor.AnchorButton);
+const CustomLinkButton = exports.CustomLinkButton = withStyle(_link.LinkButton);
+const CustomEnlargeButton = exports.CustomEnlargeButton = (0, _styledComponents.default)(withStyle(_enlarge.EnlargeButton))`
   color: #999;
 `;
-exports.CustomEnlargeButton = CustomEnlargeButton;
-const CustomImageButton = withStyle(_image.ImageButton);
-exports.CustomImageButton = CustomImageButton;
-const CustomSlideshowButton = withStyle(_slideshow.SlideshowButton);
-exports.CustomSlideshowButton = CustomSlideshowButton;
-const CustomEmbeddedCodeButton = withStyle(_embeddedCode.EmbeddedCodeButton);
-exports.CustomEmbeddedCodeButton = CustomEmbeddedCodeButton;
-const CustomNewsReadingButton = withStyle(_newsReading.NewsReadingButton);
-exports.CustomNewsReadingButton = CustomNewsReadingButton;
-const CustomBackgroundColorButton = withStyle(_bgColor.BackgroundColorButton);
-exports.CustomBackgroundColorButton = CustomBackgroundColorButton;
-const CustomFontColorButton = withStyle(_fontColor.FontColorButton);
-exports.CustomFontColorButton = CustomFontColorButton;
-const CustomDividerButton = withStyle(_divider.DividerButton);
-exports.CustomDividerButton = CustomDividerButton;
+const CustomImageButton = exports.CustomImageButton = withStyle(_image.ImageButton);
+const CustomSlideshowButton = exports.CustomSlideshowButton = withStyle(_slideshow.SlideshowButton);
+const CustomEmbeddedCodeButton = exports.CustomEmbeddedCodeButton = withStyle(_embeddedCode.EmbeddedCodeButton);
+const CustomNewsReadingButton = exports.CustomNewsReadingButton = withStyle(_newsReading.NewsReadingButton);
+const CustomBackgroundColorButton = exports.CustomBackgroundColorButton = withStyle(_bgColor.BackgroundColorButton);
+const CustomFontColorButton = exports.CustomFontColorButton = withStyle(_fontColor.FontColorButton);
+const CustomDividerButton = exports.CustomDividerButton = withStyle(_divider.DividerButton);

package/lib/buttons/info-box.js

@@ -11,9 +11,9 @@ var _draftJs = require("draft-js");
 var _modals = require("@keystone-ui/modals");
 var _select = require("./form/select");
 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; }
-const disabledButtons = [_btNames.default.h2, _btNames.default.h3, _btNames.default.code, _btNames.default.codeBlock, _btNames.default.blockquote, _btNames.default.infoBox, _btNames.default.slideshow, _btNames.default.newsReading, _btNames.default.anchor];
+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 disabledButtons = [_btNames.default.h2, _btNames.default.h3, _btNames.default.code, _btNames.default.codeBlock, _btNames.default.blockquote, _btNames.default.infoBox, _btNames.default.slideshow, _btNames.default.newsReading, _btNames.default.tocAnchor, _btNames.default.anchor];
 var InfoBoxTypeEnum = /*#__PURE__*/function (InfoBoxTypeEnum) {
   InfoBoxTypeEnum["newsChargeStation"] = "news-charge-station";
   InfoBoxTypeEnum["headerBorder"] = "header-border";

package/lib/buttons/link.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LinkButton = LinkButton;
+exports.LinkButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _modals = require("@keystone-ui/modals");
 var _draftJs = require("draft-js");
 var _fields = require("@keystone-ui/fields");
-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; }
+var _draftRenderer = require("@kids-reporter/draft-renderer");
+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 styles = {
   urlInput: {
     fontFamily: "'Georgia', serif",
@@ -17,7 +18,7 @@ const styles = {
     padding: 10
   }
 };
-function LinkButton(props) {
+const LinkButton = props => {
   const {
     isActive,
     editorState,
@@ -35,7 +36,7 @@ function LinkButton(props) {
   };
   const confirmLink = () => {
     const contentState = editorState.getCurrentContent();
-    const contentStateWithEntity = contentState.createEntity('LINK', 'MUTABLE', {
+    const contentStateWithEntity = contentState.createEntity(_draftRenderer.ENTITY.Link, 'MUTABLE', {
       url: urlValue
     });
     const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
@@ -63,7 +64,7 @@ function LinkButton(props) {
     props.onEditFinish();
   };
   const urlInput = /*#__PURE__*/_react.default.createElement(_modals.AlertDialog, {
-    title: "Insert LINK",
+    title: "\u7DE8\u8F2F\u5916\u90E8\u9023\u7D50\u6216\u5167\u90E8\u9328\u9EDE(ID)",
     isOpen: toShowUrlInput,
     actions: {
       cancel: {
@@ -75,7 +76,7 @@ function LinkButton(props) {
         action: confirmLink
       }
     }
-  }, /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+  }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("br", null), "\u5916\u90E8\u9023\u7D50\u7BC4\u4F8B:", /*#__PURE__*/_react.default.createElement("br", null), "https://kids.twreporter.org/article/article1#part1", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "\u5167\u90E8\u9328\u9EDE\u7BC4\u4F8B:", /*#__PURE__*/_react.default.createElement("br", null), "#part1"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
     onChange: e => setUrlValue(e.target.value),
     style: styles.urlInput,
     type: "text",
@@ -88,4 +89,5 @@ function LinkButton(props) {
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "fas fa-link"
   })));
-}
+};
+exports.LinkButton = LinkButton;

package/lib/buttons/news-reading.js

@@ -12,8 +12,8 @@ var _draftJs = require("draft-js");
 var _modals = require("@keystone-ui/modals");
 var _fields = require("@keystone-ui/fields");
 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 _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; }
 // @ts-ignore pkg does not have definition
 
 async function fetchNewsReadingGroup(itemId) {

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

@@ -8,8 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _fields = require("@keystone-ui/fields");
 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 _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 Label = _styledComponents.default.label`
   display: block;
   margin: 10px 0;

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

@@ -13,8 +13,8 @@ var _alignSelector = require("./align-selector");
 var _searchBox = require("./search-box");
 var _pagination = require("./pagination");
 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 _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 _ = {
   debounce: _debounce.default
 };

package/lib/buttons/selector/search-box.js

@@ -9,8 +9,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _button = require("@keystone-ui/button");
 var _fields = require("@keystone-ui/fields");
 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 _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 SearchBoxWrapper = _styledComponents.default.div`
   display: flex;
 `;

package/lib/buttons/slideshow.js

@@ -7,8 +7,8 @@ exports.SlideshowButton = SlideshowButton;
 var _react = _interopRequireWildcard(require("react"));
 var _imageSelector = require("./selector/image-selector");
 var _draftJs = require("draft-js");
-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 _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 SlideshowButton(props) {
   const {
     editorState,

package/lib/buttons/{inner-anchor.js → toc-anchor.js}

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InnerAnchorButton = void 0;
+exports.TOCAnchorButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _draftJs = require("draft-js");
+var _draftRenderer = require("@kids-reporter/draft-renderer");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// import { ANCHOR_ENTITY_TYPE } from '@kids-reporter/draft-renderer'
-
-const InnerAnchorButton = props => {
+const TOCAnchorButton = props => {
   const toggleEntity = _draftJs.RichUtils.toggleLink;
   const {
     isActive,
@@ -26,10 +25,9 @@ const InnerAnchorButton = props => {
       const start = selection.getStartOffset();
       const end = selection.getEndOffset();
       const selectedText = block.getText().slice(start, end);
-      const contentStateWithEntity = contentState.createEntity('ANCHOR',
-      // TODO: ANCHOR_ENTITY_TYPE
-      'MUTABLE', {
-        anchorID: selectedText
+      const contentStateWithEntity = contentState.createEntity(_draftRenderer.ENTITY.TOCAnchor, 'IMMUTABLE', {
+        anchorKey: `createdAt-${Date.now()}`,
+        anchorLabel: selectedText
       });
       const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
       const newEditorState = _draftJs.EditorState.set(editorState, {
@@ -47,7 +45,7 @@ const InnerAnchorButton = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: props.className,
     onMouseDown: isActive ? removeAnchor : promptForAnchor,
-    title: "\u9328\u9EDE"
-  }, /*#__PURE__*/_react.default.createElement("span", null, "\u9328"));
+    title: "\u7D22\u5F15"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "\u7D22"));
 };
-exports.InnerAnchorButton = InnerAnchorButton;
+exports.TOCAnchorButton = TOCAnchorButton;

package/lib/draft-editor.js

@@ -16,24 +16,17 @@ var _annotation = require("./buttons/annotation");
 var _infoBox = require("./buttons/info-box");
 var _bgColor = require("./buttons/bg-color");
 var _fontColor = require("./buttons/font-color");
+var _tocAnchor = require("./entity-decorators/toc-anchor");
 var _anchor = require("./entity-decorators/anchor");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const styleSource = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("link", {
-  href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css",
-  rel: "stylesheet",
-  type: "text/css"
-}), /*#__PURE__*/_react.default.createElement("link", {
-  href: "https://storage.googleapis.com/static-readr-tw-dev/cdn/draft-js/rich-editor.css",
-  rel: "stylesheet",
-  type: "text/css"
-}), /*#__PURE__*/_react.default.createElement("link", {
-  href: "https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css",
+const styleSource = ['https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css', 'https://storage.googleapis.com/static-readr-tw-dev/cdn/draft-js/rich-editor.css', 'https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css'].map((src, index) => /*#__PURE__*/_react.default.createElement("link", {
+  key: `style-src-${index}`,
+  href: src,
   rel: "stylesheet",
   type: "text/css"
 }));
-const decorator = new _draftJs.CompositeDecorator([_draftRenderer.annotationDecorator, _draftRenderer.linkDecorator]);
-exports.decorator = decorator;
+const decorator = exports.decorator = new _draftJs.CompositeDecorator([_draftRenderer.annotationDecorator, _draftRenderer.linkDecorator]);
 class RichTextEditor extends _react.default.Component {
   editorRef = null;
   constructor(props) {
@@ -43,6 +36,11 @@ class RichTextEditor extends _react.default.Component {
       readOnly: false
     };
     this.editorDecorator = new _draftJs.CompositeDecorator([_draftRenderer.annotationDecorator, _draftRenderer.linkDecorator, {
+      ..._tocAnchor.editableTOCAnchorDecorator,
+      props: {
+        ...this.customEditProps
+      }
+    }, {
       ..._anchor.editableAnchorDecorator,
       props: {
         ...this.customEditProps
@@ -74,7 +72,6 @@ class RichTextEditor extends _react.default.Component {
   mapKeyToEditorCommand = e => {
     if (e.keyCode === 9 /* TAB */) {
       const newEditorState = _draftJs.RichUtils.onTab(e, this.props.editorState, 4 /* maxDepth */);
-
       if (newEditorState !== this.props.editorState) {
         this.onChange(newEditorState);
       }
@@ -207,12 +204,15 @@ class RichTextEditor extends _react.default.Component {
     }), /*#__PURE__*/_react.default.createElement(_styled.EnlargeButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_buttons.CustomEnlargeButton, {
       onToggle: this.toggleEnlarge,
       isEnlarged: isEnlarged
-    })), /*#__PURE__*/_react.default.createElement(_buttons.CustomAnchorButton, _extends({
+    })), /*#__PURE__*/_react.default.createElement(_buttons.CustomTOCAnchorButton, _extends({
+      isDisabled: disabledButtons.includes(_btNames.default.tocAnchor),
+      isActive: entityType === _draftRenderer.ENTITY.TOCAnchor
+    }, commonProps)), /*#__PURE__*/_react.default.createElement(_buttons.CustomAnchorButton, _extends({
       isDisabled: disabledButtons.includes(_btNames.default.anchor),
-      isActive: entityType === _draftRenderer.ANCHOR_ENTITY_TYPE
+      isActive: entityType === _draftRenderer.ENTITY.Anchor
     }, commonProps)), /*#__PURE__*/_react.default.createElement(_buttons.CustomLinkButton, _extends({
       isDisabled: disabledButtons.includes(_btNames.default.link),
-      isActive: entityType === 'LINK'
+      isActive: entityType === _draftRenderer.ENTITY.Link
     }, commonProps, this.commonEditProps)), /*#__PURE__*/_react.default.createElement(_buttons.CustomBackgroundColorButton, _extends({
       isDisabled: disabledButtons.includes(_btNames.default.backgroundColor),
       isActive: editorState.getCurrentInlineStyle().find(styleName => typeof styleName === 'string' && styleName.startsWith(_bgColor.customStylePrefix)) !== undefined
@@ -223,7 +223,7 @@ class RichTextEditor extends _react.default.Component {
       isDisabled: disabledButtons.includes(_btNames.default.blockquote)
     }, commonProps)), /*#__PURE__*/_react.default.createElement(CustomAnnotationButton, _extends({
       isDisabled: disabledButtons.includes(_btNames.default.annotation),
-      isActive: entityType === 'ANNOTATION'
+      isActive: entityType === _draftRenderer.ENTITY.Annotation
     }, commonProps, this.commonEditProps)), /*#__PURE__*/_react.default.createElement(_buttons.CustomImageButton, _extends({
       isDisabled: disabledButtons.includes(_btNames.default.image),
       ImageSelector: _imageSelector.ImageSelector
@@ -243,7 +243,7 @@ class RichTextEditor extends _react.default.Component {
         if (this.editorRef) {
           var _this$editorRef;
           // eslint-disable-next-line prettier/prettier
-          (_this$editorRef = this.editorRef) === null || _this$editorRef === void 0 ? void 0 : _this$editorRef.focus();
+          (_this$editorRef = this.editorRef) === null || _this$editorRef === void 0 || _this$editorRef.focus();
         }
       }
     }, /*#__PURE__*/_react.default.createElement(_draftJs.Editor, {
@@ -273,8 +273,7 @@ const InfoBoxButton = (0, _infoBox.createInfoBoxButton)({
 });
 const CustomAnnotationButton = (0, _buttons.withStyle)(AnnotationButton);
 const CustomInfoBoxButton = (0, _buttons.withStyle)(InfoBoxButton);
-var _default = {
+var _default = exports.default = {
   RichTextEditor,
   decorator
-};
-exports.default = _default;
+};

package/lib/entity-decorators/anchor.js

@@ -10,8 +10,8 @@ var _modals = require("@keystone-ui/modals");
 var _fields = require("@keystone-ui/fields");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
 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 _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 AnchorWrapper = _styledComponents.default.span`
   display: inline;
   color: #8e8e8e;
@@ -26,9 +26,12 @@ const AnchorEditButton = _styledComponents.default.div`
   display: inline;
   cursor: pointer;
   &::before {
-    content: '索引:${props => props.anchorLabel !== undefined ? `(${props.anchorLabel}) ` : ''}';
+    content: '錨點:${props => props.anchorLabel !== undefined ? `(${props.anchorLabel}) ` : ''}';
   }
 `;
+const Warning = _styledComponents.default.p`
+  color: red;
+`;
 const StyledTextInput = (0, _styledComponents.default)(_fields.TextInput)`
   margin: 10px;
 `;
@@ -41,7 +44,7 @@ const AnchorLabelEditor = props => {
   } = props;
   const [anchorLabel, setTOCLabel] = (0, _react.useState)(anchorLabelValue);
   return /*#__PURE__*/_react.default.createElement(_modals.AlertDialog, {
-    title: "\u7DE8\u8F2F\u7D22\u5F15\u986F\u793A\u6587\u5B57",
+    title: "\u7DE8\u8F2F\u9328\u9EDE\u6587\u5B57(ID)",
     isOpen: isOpen,
     actions: {
       cancel: {
@@ -53,8 +56,8 @@ const AnchorLabelEditor = props => {
         action: () => onConfirm(anchorLabel)
       }
     }
-  }, /*#__PURE__*/_react.default.createElement(StyledTextInput, {
-    placeholder: "\u7D22\u5F15\u5728\u76EE\u9304\u5167\u986F\u793A\u6587\u5B57",
+  }, /*#__PURE__*/_react.default.createElement(Warning, null, "\u6CE8\u610F\uFF01\u540C\u7BC7\u6587\u7AE0ID\u4E0D\u53EF\u91CD\u8907\uFF01"), /*#__PURE__*/_react.default.createElement(StyledTextInput, {
+    placeholder: "\u9328\u9EDE\u6587\u5B57(ID)",
     type: "text",
     value: anchorLabel,
     onChange: e => setTOCLabel(e.target.value)
@@ -69,33 +72,31 @@ const EditableAnchor = props => {
   } = props;
   const tocContent = props.decoratedText;
   const [isModalOpen, setIsModalOpen] = (0, _react.useState)(false);
-  const [anchorLabel, setTOCLabel] = (0, _react.useState)(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.anchorLabel);
+  const [anchorID, setAnchorID] = (0, _react.useState)(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);
   (0, _react.useEffect)(() => {
     var _contentState$getEnti2;
-    setTOCLabel((_contentState$getEnti2 = contentState.getEntity(entityKey).getData()) === null || _contentState$getEnti2 === void 0 ? void 0 : _contentState$getEnti2.anchorLabel);
+    setAnchorID((_contentState$getEnti2 = contentState.getEntity(entityKey).getData()) === null || _contentState$getEnti2 === void 0 ? void 0 : _contentState$getEnti2.anchorID);
   });
-  const onTOCLabelChange = labelValue => {
-    var _contentState$getEnti3;
+  const onAnchorIDChange = anchorID => {
     setIsModalOpen(false);
-    setTOCLabel(labelValue);
+    setAnchorID(anchorID);
     props.onEditFinish({
       entityKey,
       entityData: {
-        anchorKey: contentState === null || contentState === void 0 || (_contentState$getEnti3 = contentState.getEntity(entityKey)) === null || _contentState$getEnti3 === void 0 || (_contentState$getEnti3 = _contentState$getEnti3.getData()) === null || _contentState$getEnti3 === void 0 ? void 0 : _contentState$getEnti3.anchorKey,
-        anchorLabel: labelValue
+        anchorID: anchorID
       }
     });
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isModalOpen && /*#__PURE__*/_react.default.createElement(AnchorLabelEditor, {
     isOpen: isModalOpen,
-    anchorLabelValue: anchorLabel,
-    onConfirm: onTOCLabelChange,
+    anchorLabelValue: anchorID,
+    onConfirm: onAnchorIDChange,
     onCancel: () => {
       setIsModalOpen(false);
       props.onEditFinish();
     }
   }), /*#__PURE__*/_react.default.createElement(AnchorWrapper, null, /*#__PURE__*/_react.default.createElement(AnchorEditButton, {
-    anchorLabel: anchorLabel !== tocContent ? anchorLabel : undefined,
+    anchorLabel: anchorID !== tocContent ? anchorID : undefined,
     onClick: e => {
       e.preventDefault();
       setIsModalOpen(true);
@@ -105,8 +106,7 @@ const EditableAnchor = props => {
     className: "fas fa-pen"
   })), /*#__PURE__*/_react.default.createElement("span", null, children)));
 };
-const editableAnchorDecorator = {
-  strategy: _draftRenderer.findAnchorEntities,
+const editableAnchorDecorator = exports.editableAnchorDecorator = {
+  strategy: (0, _draftRenderer.findEntitiesByType)(_draftRenderer.ENTITY.Anchor),
   component: EditableAnchor
-};
-exports.editableAnchorDecorator = editableAnchorDecorator;
+};

package/lib/entity-decorators/{inner-anchor.js → toc-anchor.js}

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.editableInnerAnchorDecorator = void 0;
+exports.editableTOCAnchorDecorator = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _modals = require("@keystone-ui/modals");
 var _fields = require("@keystone-ui/fields");
 var _draftRenderer = require("@kids-reporter/draft-renderer");
 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 _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 AnchorWrapper = _styledComponents.default.span`
   display: inline;
   color: #8e8e8e;
@@ -41,7 +41,7 @@ const AnchorLabelEditor = props => {
   } = props;
   const [anchorLabel, setTOCLabel] = (0, _react.useState)(anchorLabelValue);
   return /*#__PURE__*/_react.default.createElement(_modals.AlertDialog, {
-    title: "\u7DE8\u8F2F\u9328\u9EDE\u6587\u5B57(ID): \u6CE8\u610F\uFF01\u540C\u7BC7\u6587\u7AE0ID\u4E0D\u53EF\u91CD\u8907\uFF01",
+    title: "\u7DE8\u8F2F\u7D22\u5F15\u986F\u793A\u6587\u5B57",
     isOpen: isOpen,
     actions: {
       cancel: {
@@ -54,13 +54,13 @@ const AnchorLabelEditor = props => {
       }
     }
   }, /*#__PURE__*/_react.default.createElement(StyledTextInput, {
-    placeholder: "\u9328\u9EDE\u6587\u5B57(ID)",
+    placeholder: "\u7D22\u5F15\u5728\u76EE\u9304\u5167\u986F\u793A\u6587\u5B57",
     type: "text",
     value: anchorLabel,
     onChange: e => setTOCLabel(e.target.value)
   }));
 };
-const EditableAnchor = props => {
+const EditableTOCAnchor = props => {
   var _contentState$getEnti;
   const {
     children,
@@ -69,31 +69,33 @@ const EditableAnchor = props => {
   } = props;
   const tocContent = props.decoratedText;
   const [isModalOpen, setIsModalOpen] = (0, _react.useState)(false);
-  const [anchorID, setAnchorID] = (0, _react.useState)(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);
+  const [anchorLabel, setTOCLabel] = (0, _react.useState)(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.anchorLabel);
   (0, _react.useEffect)(() => {
     var _contentState$getEnti2;
-    setAnchorID((_contentState$getEnti2 = contentState.getEntity(entityKey).getData()) === null || _contentState$getEnti2 === void 0 ? void 0 : _contentState$getEnti2.anchorID);
+    setTOCLabel((_contentState$getEnti2 = contentState.getEntity(entityKey).getData()) === null || _contentState$getEnti2 === void 0 ? void 0 : _contentState$getEnti2.anchorLabel);
   });
-  const onAnchorIDChange = anchorID => {
+  const onTOCLabelChange = labelValue => {
+    var _contentState$getEnti3;
     setIsModalOpen(false);
-    setAnchorID(anchorID);
+    setTOCLabel(labelValue);
     props.onEditFinish({
       entityKey,
       entityData: {
-        anchorID: anchorID
+        anchorKey: contentState === null || contentState === void 0 || (_contentState$getEnti3 = contentState.getEntity(entityKey)) === null || _contentState$getEnti3 === void 0 || (_contentState$getEnti3 = _contentState$getEnti3.getData()) === null || _contentState$getEnti3 === void 0 ? void 0 : _contentState$getEnti3.anchorKey,
+        anchorLabel: labelValue
       }
     });
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isModalOpen && /*#__PURE__*/_react.default.createElement(AnchorLabelEditor, {
     isOpen: isModalOpen,
-    anchorLabelValue: anchorID,
-    onConfirm: onAnchorIDChange,
+    anchorLabelValue: anchorLabel,
+    onConfirm: onTOCLabelChange,
     onCancel: () => {
       setIsModalOpen(false);
       props.onEditFinish();
     }
   }), /*#__PURE__*/_react.default.createElement(AnchorWrapper, null, /*#__PURE__*/_react.default.createElement(AnchorEditButton, {
-    anchorLabel: anchorID !== tocContent ? anchorID : undefined,
+    anchorLabel: anchorLabel !== tocContent ? anchorLabel : undefined,
     onClick: e => {
       e.preventDefault();
       setIsModalOpen(true);
@@ -103,8 +105,7 @@ const EditableAnchor = props => {
     className: "fas fa-pen"
   })), /*#__PURE__*/_react.default.createElement("span", null, children)));
 };
-const editableInnerAnchorDecorator = {
-  strategy: _draftRenderer.findAnchorEntities,
-  component: EditableAnchor
-};
-exports.editableInnerAnchorDecorator = editableInnerAnchorDecorator;
+const editableTOCAnchorDecorator = exports.editableTOCAnchorDecorator = {
+  strategy: (0, _draftRenderer.findEntitiesByType)(_draftRenderer.ENTITY.TOCAnchor),
+  component: EditableTOCAnchor
+};

package/lib/index.js

@@ -25,9 +25,8 @@ exports.default = void 0;
 var _draftEditor = require("./draft-editor");
 var _btNames = _interopRequireDefault(require("./buttons/bt-names"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   RichTextEditor: _draftEditor.RichTextEditor,
   buttonNames: _btNames.default,
   decorator: _draftEditor.decorator
-};
-exports.default = _default;
+};

package/lib/styled.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TextEditorWrapper = exports.EnlargeButtonWrapper = exports.DraftEditorWrapper = exports.DraftEditorControlsWrapper = exports.DraftEditorControls = exports.DraftEditorContainer = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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; }
-const DraftEditorWrapper = _styledComponents.default.div`
+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 DraftEditorWrapper = exports.DraftEditorWrapper = _styledComponents.default.div`
   /* Rich-editor default setting (.RichEditor-root)*/
   background: #fff;
   border: 1px solid #ddd;
@@ -25,14 +25,12 @@ const DraftEditorWrapper = _styledComponents.default.div`
   border-radius: 6px;
   padding: 0 1rem 1rem;
 `;
-exports.DraftEditorWrapper = DraftEditorWrapper;
-const DraftEditorControls = _styledComponents.default.div`
+const DraftEditorControls = exports.DraftEditorControls = _styledComponents.default.div`
   padding-top: 1rem;
   width: 100%;
   background: rgb(255, 255, 255);
 `;
-exports.DraftEditorControls = DraftEditorControls;
-const DraftEditorControlsWrapper = _styledComponents.default.div`
+const DraftEditorControlsWrapper = exports.DraftEditorControlsWrapper = _styledComponents.default.div`
   width: 100%;
   position: relative;
   display: flex;
@@ -41,16 +39,14 @@ const DraftEditorControlsWrapper = _styledComponents.default.div`
   padding-right: 45px;
   gap: 2px;
 `;
-exports.DraftEditorControlsWrapper = DraftEditorControlsWrapper;
-const TextEditorWrapper = _styledComponents.default.div`
+const TextEditorWrapper = exports.TextEditorWrapper = _styledComponents.default.div`
   /* Rich-editor default setting (.RichEditor-editor)*/
   border-top: 1px solid #ddd;
   cursor: text;
   font-size: 16px;
   margin-top: 10px;
 `;
-exports.TextEditorWrapper = TextEditorWrapper;
-const DraftEditorContainer = _styledComponents.default.div`
+const DraftEditorContainer = exports.DraftEditorContainer = _styledComponents.default.div`
   overflow-x: hidden;
   position: relative;
   margin-top: 4px;
@@ -94,11 +90,9 @@ const DraftEditorContainer = _styledComponents.default.div`
           ` : ''}
   }
 `;
-exports.DraftEditorContainer = DraftEditorContainer;
-const EnlargeButtonWrapper = _styledComponents.default.div`
+const EnlargeButtonWrapper = exports.EnlargeButtonWrapper = _styledComponents.default.div`
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
-`;
-exports.EnlargeButtonWrapper = EnlargeButtonWrapper;
+`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kids-reporter/draft-editor",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -23,7 +23,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@kids-reporter/draft-renderer": "1.0.3",
+    "@kids-reporter/draft-renderer": "1.0.5",
     "@twreporter/errors": "^1.1.2",
     "draft-js": "^0.11.7"
   },