@kids-reporter/draft-editor 1.0.18 → 1.0.19
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.
- package/lib/block-renderers/blockquote.js +2 -3
- package/lib/block-renderers/embedded-code.js +2 -3
- package/lib/block-renderers/image-link.js +2 -1
- package/lib/block-renderers/image.js +1 -1
- package/lib/block-renderers/info-box.js +3 -3
- package/lib/block-renderers/slideshow.js +2 -3
- package/lib/block-renderers/styled.js +1 -1
- package/lib/buttons/bg-color.js +2 -3
- package/lib/buttons/blockquote.js +1 -2
- package/lib/buttons/control-buttons.js +2 -3
- package/lib/buttons/divider.js +1 -1
- package/lib/buttons/embedded-code.js +2 -3
- package/lib/buttons/enlarge.js +1 -1
- package/lib/buttons/font-color.js +2 -3
- package/lib/buttons/form/checkbox.js +42 -0
- package/lib/buttons/form/select.js +1 -1
- package/lib/buttons/image.js +1 -2
- package/lib/buttons/index.js +1 -1
- package/lib/buttons/info-box.js +30 -15
- package/lib/buttons/news-reading.js +2 -3
- package/lib/buttons/selector/align-selector.js +2 -3
- package/lib/buttons/selector/image-selector.js +2 -3
- package/lib/buttons/selector/pagination.js +1 -1
- package/lib/buttons/selector/search-box.js +1 -1
- package/lib/buttons/slideshow.js +1 -2
- package/lib/buttons/toc-anchor.js +1 -1
- package/lib/entity-decorators/anchor.js +2 -3
- package/lib/entity-decorators/annotation.js +1 -1
- package/lib/entity-decorators/toc-anchor.js +2 -3
- package/lib/entity-decorators/wrapper.js +1 -1
- package/lib/index.js +1 -1
- package/lib/rich-text-editor.js +1 -1
- package/lib/styled.js +1 -2
- package/package.json +18 -7
|
@@ -10,9 +10,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _blockquote = require("../buttons/blockquote");
|
|
11
11
|
var _styled = require("./styled");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
15
|
const {
|
|
17
16
|
BlockquoteInArticleBody
|
|
18
17
|
} = _draftRenderer.blockRenderers;
|
|
@@ -10,9 +10,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _embeddedCode = require("../buttons/embedded-code");
|
|
11
11
|
var _styled = require("./styled");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
15
|
function EmbeddedCode({
|
|
17
16
|
className,
|
|
18
17
|
embeddedCode
|
|
@@ -17,7 +17,7 @@ var _link = require("../entity-decorators/link");
|
|
|
17
17
|
var _richTextEditor = require("../rich-text-editor");
|
|
18
18
|
var _styled = require("./styled");
|
|
19
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
|
-
function _interopRequireDefault(
|
|
20
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
21
21
|
const disabledButtons = [_btNames.default.bold, _btNames.default.italic, _btNames.default.underline, _btNames.default.fontColor, _btNames.default.backgroundColor, _btNames.default.ol, _btNames.default.ul, _btNames.default.divider, _btNames.default.h2, _btNames.default.h3, _btNames.default.h4, _btNames.default.h5, _btNames.default.code, _btNames.default.codeBlock, _btNames.default.blockquote, _btNames.default.infoBox, _btNames.default.slideshow, _btNames.default.newsReading, _btNames.default.tocAnchor, _btNames.default.anchor, _btNames.default.embed, _btNames.default.annotation, _btNames.default.image, _btNames.default.imageLink];
|
|
22
22
|
const {
|
|
23
23
|
ImageLinkInArticleBody
|
|
@@ -34,6 +34,7 @@ const EditableBlock = (0, _styledComponents.default)(_styled.EditableBlock)`
|
|
|
34
34
|
background-color: #f0f0f0;
|
|
35
35
|
opacity: 0.3;
|
|
36
36
|
}
|
|
37
|
+
}
|
|
37
38
|
`;
|
|
38
39
|
const ImageLinkEditor = props => {
|
|
39
40
|
const {
|
|
@@ -10,7 +10,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _imageSelector = require("../buttons/selector/image-selector");
|
|
11
11
|
var _styled = require("./styled");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
const {
|
|
15
15
|
ImageInArticleBody
|
|
16
16
|
} = _draftRenderer.blockRenderers;
|
|
@@ -10,9 +10,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _infoBox = require("../buttons/info-box");
|
|
11
11
|
var _styled = require("./styled");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
15
|
const {
|
|
17
16
|
InfoBoxInArticleBody
|
|
18
17
|
} = _draftRenderer.blockRenderers;
|
|
@@ -23,6 +22,7 @@ const EditableBlock = (0, _styledComponents.default)(_styled.EditableBlock)`
|
|
|
23
22
|
background-color: #f0f0f0;
|
|
24
23
|
opacity: 0.3;
|
|
25
24
|
}
|
|
25
|
+
}
|
|
26
26
|
`;
|
|
27
27
|
function EditableInfoBox(props) {
|
|
28
28
|
const [isInputOpen, setIsInputOpen] = (0, _react.useState)(false);
|
|
@@ -10,9 +10,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _imageSelector = require("../buttons/selector/image-selector");
|
|
11
11
|
var _styled = require("./styled");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
15
|
const {
|
|
17
16
|
SlideshowInArticleBody
|
|
18
17
|
} = _draftRenderer.blockRenderers;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.EditableBlock = void 0;
|
|
7
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
const EditButton = _styledComponents.default.div`
|
|
11
11
|
cursor: pointer;
|
|
12
12
|
display: none;
|
package/lib/buttons/bg-color.js
CHANGED
|
@@ -11,9 +11,8 @@ var _draftJs = require("draft-js");
|
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function
|
|
16
|
-
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; }
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
17
16
|
const customStylePrefix = exports.customStylePrefix = 'BACKGROUND_COLOR_';
|
|
18
17
|
const ColorHexInput = (0, _styledComponents.default)(_fields.TextInput)`
|
|
19
18
|
margin-right: 10px;
|
|
@@ -11,8 +11,7 @@ var _draftJs = require("draft-js");
|
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _select = require("./form/select");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
15
|
var BlockquoteTypeEnum = /*#__PURE__*/function (BlockquoteTypeEnum) {
|
|
17
16
|
BlockquoteTypeEnum["borderLeft"] = "border_left";
|
|
18
17
|
BlockquoteTypeEnum["quoteLeft"] = "quote_left";
|
|
@@ -7,9 +7,8 @@ exports.buttonStyle = exports.InlineStyleControls = exports.BlockStyleControls =
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function
|
|
11
|
-
function
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
12
|
const buttonStyle = exports.buttonStyle = (0, _styledComponents.css)`
|
|
14
13
|
cursor: pointer;
|
|
15
14
|
border-radius: 6px;
|
package/lib/buttons/divider.js
CHANGED
|
@@ -8,7 +8,7 @@ var _draftJs = require("draft-js");
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const IconWrapper = _styledComponents.default.span`
|
|
13
13
|
display: inline-block;
|
|
14
14
|
position: relative;
|
|
@@ -12,9 +12,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
13
|
var _alignSelector = require("./selector/align-selector");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
function _interopRequireDefault(
|
|
16
|
-
function
|
|
17
|
-
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; }
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
17
|
var AlignOption = /*#__PURE__*/function (AlignOption) {
|
|
19
18
|
AlignOption["Paragraph"] = "paragraph-width";
|
|
20
19
|
AlignOption["Image"] = "image-width";
|
package/lib/buttons/enlarge.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.EnlargeButton = EnlargeButton;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
function EnlargeButton(props) {
|
|
11
11
|
const {
|
|
12
12
|
onToggle,
|
|
@@ -11,9 +11,8 @@ var _draftJs = require("draft-js");
|
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function
|
|
16
|
-
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; }
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
17
16
|
const customStylePrefix = exports.customStylePrefix = 'FONT_COLOR_';
|
|
18
17
|
const ColorHexInput = (0, _styledComponents.default)(_fields.TextInput)`
|
|
19
18
|
margin-right: 10px;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Checkbox = Checkbox;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
const CheckboxBlock = _styledComponents.default.div`
|
|
12
|
+
margin: 10px 0;
|
|
13
|
+
display: flex;
|
|
14
|
+
align-items: center;
|
|
15
|
+
`;
|
|
16
|
+
const Label = _styledComponents.default.label`
|
|
17
|
+
display: flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
font-weight: 600;
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
`;
|
|
22
|
+
const CheckboxInput = _styledComponents.default.input`
|
|
23
|
+
margin-right: 8px;
|
|
24
|
+
cursor: pointer;
|
|
25
|
+
`;
|
|
26
|
+
function Checkbox({
|
|
27
|
+
label,
|
|
28
|
+
checked,
|
|
29
|
+
onChange
|
|
30
|
+
}) {
|
|
31
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxBlock, {
|
|
32
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Label, {
|
|
33
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxInput, {
|
|
34
|
+
type: "checkbox",
|
|
35
|
+
checked: checked,
|
|
36
|
+
onChange: e => {
|
|
37
|
+
onChange(e.target.checked);
|
|
38
|
+
}
|
|
39
|
+
}), label]
|
|
40
|
+
})
|
|
41
|
+
});
|
|
42
|
+
}
|
|
@@ -8,7 +8,7 @@ var _fields = require("@keystone-ui/fields");
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const SelectBlock = _styledComponents.default.div`
|
|
13
13
|
margin: 10px 0;
|
|
14
14
|
`;
|
package/lib/buttons/image.js
CHANGED
|
@@ -8,8 +8,7 @@ var _draftJs = require("draft-js");
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _imageSelector = require("./selector/image-selector");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function
|
|
12
|
-
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; }
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
12
|
function ImageButton(props) {
|
|
14
13
|
const {
|
|
15
14
|
editorState,
|
package/lib/buttons/index.js
CHANGED
|
@@ -21,7 +21,7 @@ var _link = require("./link");
|
|
|
21
21
|
var _newsReading = require("./news-reading");
|
|
22
22
|
var _slideshow = require("./slideshow");
|
|
23
23
|
var _tocAnchor = require("./toc-anchor");
|
|
24
|
-
function _interopRequireDefault(
|
|
24
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
25
25
|
const withStyle = Button => {
|
|
26
26
|
return (0, _styledComponents.default)(Button)`
|
|
27
27
|
${_controlButtons.buttonStyle}
|
package/lib/buttons/info-box.js
CHANGED
|
@@ -12,9 +12,10 @@ var _annotation = require("../entity-decorators/annotation");
|
|
|
12
12
|
var _link = require("../entity-decorators/link");
|
|
13
13
|
var _richTextEditor = require("../rich-text-editor");
|
|
14
14
|
var _btNames = _interopRequireDefault(require("./bt-names"));
|
|
15
|
+
var _checkbox = require("./form/checkbox");
|
|
15
16
|
var _select = require("./form/select");
|
|
16
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
function _interopRequireDefault(
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
19
|
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];
|
|
19
20
|
var InfoBoxTypeEnum = /*#__PURE__*/function (InfoBoxTypeEnum) {
|
|
20
21
|
InfoBoxTypeEnum["newsChargeStation"] = "news-charge-station";
|
|
@@ -24,8 +25,8 @@ var InfoBoxTypeEnum = /*#__PURE__*/function (InfoBoxTypeEnum) {
|
|
|
24
25
|
}(InfoBoxTypeEnum || {});
|
|
25
26
|
var InfoBoxLabelEnum = /*#__PURE__*/function (InfoBoxLabelEnum) {
|
|
26
27
|
InfoBoxLabelEnum["newsChargeStation"] = "\u65B0\u805E\u5145\u96FB\u5668";
|
|
27
|
-
InfoBoxLabelEnum["headerBorder"] = "\
|
|
28
|
-
InfoBoxLabelEnum["boxBorder"] = "\
|
|
28
|
+
InfoBoxLabelEnum["headerBorder"] = "\u85CD\u5E95\u7248\uFF08\u6709\u6A19\u984C\u8A2D\u8A08\uFF09";
|
|
29
|
+
InfoBoxLabelEnum["boxBorder"] = "\u7070\u5E95\u7248";
|
|
29
30
|
return InfoBoxLabelEnum;
|
|
30
31
|
}(InfoBoxLabelEnum || {});
|
|
31
32
|
function InfoBoxInput(props) {
|
|
@@ -38,7 +39,8 @@ function InfoBoxInput(props) {
|
|
|
38
39
|
const contentState = (0, _draftJs.convertFromRaw)(inputValue.rawContentState);
|
|
39
40
|
const [inputValueState, setInputValueState] = (0, _react.useState)({
|
|
40
41
|
type: inputValue.type,
|
|
41
|
-
editorState: _draftJs.EditorState.createWithContent(contentState)
|
|
42
|
+
editorState: _draftJs.EditorState.createWithContent(contentState),
|
|
43
|
+
showBaodaozai: inputValue.showBaodaozai
|
|
42
44
|
});
|
|
43
45
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_modals.DrawerController, {
|
|
44
46
|
isOpen: isOpen,
|
|
@@ -56,7 +58,8 @@ function InfoBoxInput(props) {
|
|
|
56
58
|
action: () => {
|
|
57
59
|
onConfirm({
|
|
58
60
|
type: inputValueState.type,
|
|
59
|
-
rawContentState: (0, _draftJs.convertToRaw)(inputValueState.editorState.getCurrentContent())
|
|
61
|
+
rawContentState: (0, _draftJs.convertToRaw)(inputValueState.editorState.getCurrentContent()),
|
|
62
|
+
showBaodaozai: inputValueState.showBaodaozai
|
|
60
63
|
});
|
|
61
64
|
}
|
|
62
65
|
}
|
|
@@ -75,20 +78,29 @@ function InfoBoxInput(props) {
|
|
|
75
78
|
value: InfoBoxTypeEnum.boxBorder
|
|
76
79
|
}],
|
|
77
80
|
onChange: infoBoxType => {
|
|
78
|
-
setInputValueState({
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
});
|
|
81
|
+
setInputValueState(prev => ({
|
|
82
|
+
...prev,
|
|
83
|
+
type: infoBoxType
|
|
84
|
+
}));
|
|
85
|
+
}
|
|
86
|
+
}), inputValueState.type !== InfoBoxTypeEnum.newsChargeStation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.Checkbox, {
|
|
87
|
+
label: "\u662F\u5426\u986F\u793A\u5831\u5C0E\u4ED4\u5716\u7247",
|
|
88
|
+
checked: inputValueState.showBaodaozai ?? false,
|
|
89
|
+
onChange: checked => {
|
|
90
|
+
setInputValueState(prev => ({
|
|
91
|
+
...prev,
|
|
92
|
+
showBaodaozai: checked
|
|
93
|
+
}));
|
|
82
94
|
}
|
|
83
95
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_richTextEditor.RichTextEditor, {
|
|
84
96
|
decorators: [_annotation.editableAnnotationDecorator, _link.editableLinkDecorator],
|
|
85
97
|
disabledButtons: disabledButtons,
|
|
86
98
|
editorState: inputValueState.editorState,
|
|
87
99
|
onChange: editorState => {
|
|
88
|
-
setInputValueState({
|
|
89
|
-
|
|
100
|
+
setInputValueState(prev => ({
|
|
101
|
+
...prev,
|
|
90
102
|
editorState
|
|
91
|
-
});
|
|
103
|
+
}));
|
|
92
104
|
}
|
|
93
105
|
})]
|
|
94
106
|
})
|
|
@@ -103,14 +115,16 @@ const InfoBoxButton = props => {
|
|
|
103
115
|
} = props;
|
|
104
116
|
const onChange = ({
|
|
105
117
|
type,
|
|
106
|
-
rawContentState
|
|
118
|
+
rawContentState,
|
|
119
|
+
showBaodaozai
|
|
107
120
|
}) => {
|
|
108
121
|
const contentState = editorState.getCurrentContent();
|
|
109
122
|
|
|
110
123
|
// create an InfoBox entity
|
|
111
124
|
const contentStateWithEntity = contentState.createEntity('INFOBOX', 'IMMUTABLE', {
|
|
112
125
|
type,
|
|
113
|
-
rawContentState
|
|
126
|
+
rawContentState,
|
|
127
|
+
showBaodaozai
|
|
114
128
|
});
|
|
115
129
|
const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
|
|
116
130
|
const newEditorState = _draftJs.EditorState.set(editorState, {
|
|
@@ -134,7 +148,8 @@ const InfoBoxButton = props => {
|
|
|
134
148
|
rawContentState: {
|
|
135
149
|
blocks: [],
|
|
136
150
|
entityMap: {}
|
|
137
|
-
}
|
|
151
|
+
},
|
|
152
|
+
showBaodaozai: true
|
|
138
153
|
}
|
|
139
154
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
140
155
|
className: className,
|
|
@@ -12,9 +12,8 @@ var _axios = _interopRequireDefault(require("axios"));
|
|
|
12
12
|
var _draftJs = require("draft-js");
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
function
|
|
16
|
-
function
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
17
|
// @ts-ignore pkg does not have definition
|
|
19
18
|
|
|
20
19
|
async function fetchNewsReadingGroup(itemId) {
|
|
@@ -8,9 +8,8 @@ var _fields = require("@keystone-ui/fields");
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function
|
|
13
|
-
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; }
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
const Label = _styledComponents.default.label`
|
|
15
14
|
display: block;
|
|
16
15
|
margin: 10px 0;
|
|
@@ -14,9 +14,8 @@ var _alignSelector = require("./align-selector");
|
|
|
14
14
|
var _pagination = require("./pagination");
|
|
15
15
|
var _searchBox = require("./search-box");
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
function
|
|
18
|
-
function
|
|
19
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
19
|
let ImageAlignment = exports.ImageAlignment = /*#__PURE__*/function (ImageAlignment) {
|
|
21
20
|
ImageAlignment["DEFAULT"] = "default";
|
|
22
21
|
ImageAlignment["PARAGRAPH"] = "paragraph-width";
|
|
@@ -7,7 +7,7 @@ exports.Pagination = Pagination;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const PaginationWrapper = _styledComponents.default.div`
|
|
12
12
|
display: flex;
|
|
13
13
|
justify-content: end;
|
|
@@ -9,7 +9,7 @@ var _fields = require("@keystone-ui/fields");
|
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
const SearchBoxWrapper = _styledComponents.default.div`
|
|
14
14
|
display: flex;
|
|
15
15
|
`;
|
package/lib/buttons/slideshow.js
CHANGED
|
@@ -8,8 +8,7 @@ var _draftJs = require("draft-js");
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _imageSelector = require("./selector/image-selector");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function
|
|
12
|
-
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; }
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
12
|
function SlideshowButton(props) {
|
|
14
13
|
const {
|
|
15
14
|
editorState,
|
|
@@ -8,7 +8,7 @@ var _draftRenderer = require("@kids-reporter/draft-renderer");
|
|
|
8
8
|
var _draftJs = require("draft-js");
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const TOCAnchorButton = props => {
|
|
13
13
|
const toggleEntity = _draftJs.RichUtils.toggleLink;
|
|
14
14
|
const {
|
|
@@ -10,9 +10,8 @@ var _draftRenderer = require("@kids-reporter/draft-renderer");
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
15
|
const AnchorWrapper = _styledComponents.default.span`
|
|
17
16
|
display: inline;
|
|
18
17
|
color: #8e8e8e;
|
|
@@ -13,7 +13,7 @@ var _richTextEditor = require("../rich-text-editor");
|
|
|
13
13
|
var _link = require("./link");
|
|
14
14
|
var _wrapper = require("./wrapper");
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
-
function _interopRequireDefault(
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
17
|
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];
|
|
18
18
|
const AnnotationEditor = props => {
|
|
19
19
|
const {
|
|
@@ -10,9 +10,8 @@ var _draftRenderer = require("@kids-reporter/draft-renderer");
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
15
|
const AnchorWrapper = _styledComponents.default.span`
|
|
17
16
|
display: inline;
|
|
18
17
|
color: #8e8e8e;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.EditableWrapper = void 0;
|
|
7
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
const Wrapper = _styledComponents.default.span`
|
|
11
11
|
display: inline;
|
|
12
12
|
color: #8e8e8e;
|
package/lib/index.js
CHANGED
|
@@ -19,7 +19,7 @@ var _link = require("./entity-decorators/link");
|
|
|
19
19
|
var _tocAnchor = require("./entity-decorators/toc-anchor");
|
|
20
20
|
var _richTextEditor = require("./rich-text-editor");
|
|
21
21
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
22
|
-
function _interopRequireDefault(
|
|
22
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
23
23
|
const RichTextEditor = props => {
|
|
24
24
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_richTextEditor.RichTextEditor, {
|
|
25
25
|
decorators: [_annotation.editableAnnotationDecorator, _link.editableLinkDecorator, _tocAnchor.editableTOCAnchorDecorator, _anchor.editableAnchorDecorator],
|
package/lib/rich-text-editor.js
CHANGED
|
@@ -15,7 +15,7 @@ var _fontColor = require("./buttons/font-color");
|
|
|
15
15
|
var _imageSelector = require("./buttons/selector/image-selector");
|
|
16
16
|
var _styled = require("./styled");
|
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
function _interopRequireDefault(
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
19
|
const styleSource = ['https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css'].map((src, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("link", {
|
|
20
20
|
href: src,
|
|
21
21
|
rel: "stylesheet",
|
package/lib/styled.js
CHANGED
|
@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.TextEditorWrapper = exports.EnlargeButtonWrapper = exports.DraftEditorWrapper = exports.DraftEditorControlsWrapper = exports.DraftEditorControls = exports.DraftEditorContainer = void 0;
|
|
7
7
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
8
|
-
function
|
|
9
|
-
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; }
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
9
|
const DraftEditorWrapper = exports.DraftEditorWrapper = _styledComponents.default.div`
|
|
11
10
|
/* Rich-editor default setting (.RichEditor-root)*/
|
|
12
11
|
background: #fff;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kids-reporter/draft-editor",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.19",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -25,23 +25,34 @@
|
|
|
25
25
|
],
|
|
26
26
|
"license": "MIT",
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@kids-reporter/draft-renderer": "^1.0.13",
|
|
29
|
-
"@twreporter/errors": "^1.1.2",
|
|
30
|
-
"draft-js": "^0.11.7"
|
|
31
|
-
},
|
|
32
|
-
"peerDependencies": {
|
|
33
28
|
"@keystone-6/core": "6.5.1",
|
|
34
29
|
"@keystone-ui/button": "^7.0.2",
|
|
35
30
|
"@keystone-ui/fields": "^7.2.0",
|
|
36
31
|
"@keystone-ui/modals": "^6.0.3",
|
|
32
|
+
"@kids-reporter/draft-renderer": "^1.0.15",
|
|
33
|
+
"@twreporter/errors": "^1.1.2",
|
|
34
|
+
"axios": "^1.12.2",
|
|
35
|
+
"draft-js": "^0.11.7"
|
|
36
|
+
},
|
|
37
|
+
"peerDependencies": {
|
|
37
38
|
"react": "18.3.1",
|
|
38
39
|
"react-dom": "18.3.1",
|
|
39
40
|
"styled-components": "6.1.19"
|
|
40
41
|
},
|
|
41
42
|
"devDependencies": {
|
|
43
|
+
"@babel/cli": "^7.23.9",
|
|
44
|
+
"@babel/core": "^7.23.9",
|
|
45
|
+
"@babel/preset-env": "^7.25.0",
|
|
46
|
+
"@babel/preset-react": "^7.24.7",
|
|
47
|
+
"@babel/preset-typescript": "^7.24.7",
|
|
48
|
+
"babel-loader": "^8.3.0",
|
|
49
|
+
"html-webpack-plugin": "^5.5.0",
|
|
42
50
|
"react": "18.3.1",
|
|
43
51
|
"react-dom": "18.3.1",
|
|
44
|
-
"styled-components": "6.1.19"
|
|
52
|
+
"styled-components": "6.1.19",
|
|
53
|
+
"webpack": "^5.90.0",
|
|
54
|
+
"webpack-cli": "^4.10.0",
|
|
55
|
+
"webpack-dev-server": "^4.15.1"
|
|
45
56
|
},
|
|
46
57
|
"files": [
|
|
47
58
|
"lib"
|