@mirrormedia/lilith-draft-editor 2.2.0 → 2.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/draft-js/buttons/audio.js +9 -5
- package/lib/draft-js/buttons/color-box.js +15 -11
- package/lib/draft-js/buttons/divider.js +10 -6
- package/lib/draft-js/buttons/embedded-code.js +13 -8
- package/lib/draft-js/buttons/enlarge.js +6 -2
- package/lib/draft-js/buttons/image.js +9 -5
- package/lib/draft-js/buttons/related-post.js +10 -6
- package/lib/draft-js/buttons/selector/align-selector.js +7 -3
- package/lib/draft-js/buttons/selector/pagination.js +8 -6
- package/lib/draft-js/buttons/side-index.js +22 -18
- package/lib/draft-js/buttons/slideshow.js +9 -5
- package/lib/draft-js/buttons/table.js +7 -3
- package/lib/draft-js/buttons/text-align.js +11 -7
- package/lib/draft-js/buttons/video.js +9 -5
- package/lib/draft-js/buttons/youtube.js +16 -12
- package/lib/website/mirrormedia/draft-editor.js +5 -3
- package/lib/website/mirrormedia/selector/align-selector.js +7 -3
- package/lib/website/mirrormedia/selector/pagination.js +8 -6
- package/package.json +8 -8
|
@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.AudioButton = AudioButton;
|
|
7
7
|
|
|
8
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
10
|
var _draftJs = require("draft-js");
|
|
11
11
|
|
|
12
12
|
var _audioSelector = require("./selector/audio-selector");
|
|
13
13
|
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
|
|
14
18
|
function AudioButton(props) {
|
|
15
19
|
const {
|
|
16
20
|
editorState,
|
|
@@ -51,12 +55,12 @@ function AudioButton(props) {
|
|
|
51
55
|
setToShowAudioSelector(false);
|
|
52
56
|
};
|
|
53
57
|
|
|
54
|
-
return /*#__PURE__*/
|
|
58
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, toShowAudioSelector && /*#__PURE__*/_react.default.createElement(AudioSelector, {
|
|
55
59
|
onChange: onAudioSelectorChange
|
|
56
|
-
}), /*#__PURE__*/
|
|
60
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
57
61
|
className: className,
|
|
58
62
|
onClick: promptForAudioSelector
|
|
59
|
-
}, /*#__PURE__*/
|
|
63
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
60
64
|
className: "fa fa-file-audio"
|
|
61
|
-
}), /*#__PURE__*/
|
|
65
|
+
}), /*#__PURE__*/_react.default.createElement("span", null, " Audio")));
|
|
62
66
|
}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.ColorBoxButton = ColorBoxButton;
|
|
7
7
|
exports.ColorBoxInput = ColorBoxInput;
|
|
8
8
|
|
|
9
|
-
var _react = require("react");
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
|
|
11
11
|
var _draftJs = require("draft-js");
|
|
12
12
|
|
|
@@ -20,6 +20,10 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
20
20
|
|
|
21
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
22
22
|
|
|
23
|
+
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); }
|
|
24
|
+
|
|
25
|
+
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; }
|
|
26
|
+
|
|
23
27
|
const Label = _styledComponents.default.label`
|
|
24
28
|
display: block;
|
|
25
29
|
font-weight: 600;
|
|
@@ -74,9 +78,9 @@ function ColorBoxInput(props) {
|
|
|
74
78
|
});
|
|
75
79
|
}
|
|
76
80
|
});
|
|
77
|
-
return /*#__PURE__*/
|
|
81
|
+
return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
|
|
78
82
|
isOpen: isOpen
|
|
79
|
-
}, /*#__PURE__*/
|
|
83
|
+
}, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
|
|
80
84
|
title: `Insert Color Box`,
|
|
81
85
|
actions: {
|
|
82
86
|
cancel: {
|
|
@@ -98,7 +102,7 @@ function ColorBoxInput(props) {
|
|
|
98
102
|
}
|
|
99
103
|
}
|
|
100
104
|
}
|
|
101
|
-
}, /*#__PURE__*/
|
|
105
|
+
}, /*#__PURE__*/_react.default.createElement(Label, null, "Hex Color Code (#ffffff)"), /*#__PURE__*/_react.default.createElement(ColorHexInput, {
|
|
102
106
|
onChange: e => setInputValue({
|
|
103
107
|
color: e.target.value,
|
|
104
108
|
editorStateOfBasicEditor: inputValue.editorStateOfBasicEditor
|
|
@@ -106,7 +110,7 @@ function ColorBoxInput(props) {
|
|
|
106
110
|
type: "text",
|
|
107
111
|
placeholder: "Color",
|
|
108
112
|
value: inputValue.color
|
|
109
|
-
}), /*#__PURE__*/
|
|
113
|
+
}), /*#__PURE__*/_react.default.createElement(Label, null, "\u5167\u6587"), basicEditorJsx));
|
|
110
114
|
}
|
|
111
115
|
|
|
112
116
|
function ColorBoxButton(props) {
|
|
@@ -141,29 +145,29 @@ function ColorBoxButton(props) {
|
|
|
141
145
|
setToShowInput(false);
|
|
142
146
|
};
|
|
143
147
|
|
|
144
|
-
return /*#__PURE__*/
|
|
148
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(ColorBoxInput, {
|
|
145
149
|
renderBasicEditor: renderBasicEditor,
|
|
146
150
|
onChange: onChange,
|
|
147
151
|
onCancel: () => {
|
|
148
152
|
setToShowInput(false);
|
|
149
153
|
},
|
|
150
154
|
isOpen: toShowInput
|
|
151
|
-
}), /*#__PURE__*/
|
|
155
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
152
156
|
className: className,
|
|
153
157
|
onClick: () => {
|
|
154
158
|
setToShowInput(true);
|
|
155
159
|
}
|
|
156
|
-
}, /*#__PURE__*/
|
|
160
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
157
161
|
width: "16",
|
|
158
162
|
height: "16",
|
|
159
163
|
viewBox: "0 0 16 16",
|
|
160
164
|
fill: "none",
|
|
161
165
|
xmlns: "http://www.w3.org/2000/svg"
|
|
162
|
-
}, /*#__PURE__*/
|
|
166
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
163
167
|
d: "M14 0H2C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0Z",
|
|
164
168
|
fill: "#6b7280"
|
|
165
|
-
}), /*#__PURE__*/
|
|
169
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
166
170
|
d: "M12.3867 2.66667H3.61332C3.36225 2.66667 3.12146 2.76641 2.94393 2.94394C2.76639 3.12148 2.66666 3.36227 2.66666 3.61334V5.51112C2.68312 5.75156 2.79025 5.97678 2.96639 6.14127C3.14253 6.30576 3.37454 6.39725 3.61555 6.39725C3.85655 6.39725 4.08856 6.30576 4.2647 6.14127C4.44084 5.97678 4.54797 5.75156 4.56443 5.51112V4.56445H6.94221V11.4356H5.99555C5.86547 11.4267 5.73496 11.4446 5.61211 11.4882C5.48926 11.5319 5.3767 11.6003 5.28141 11.6893C5.18612 11.7783 5.11015 11.8859 5.0582 12.0055C5.00626 12.1251 4.97946 12.2541 4.97946 12.3844C4.97946 12.5148 5.00626 12.6438 5.0582 12.7634C5.11015 12.883 5.18612 12.9906 5.28141 13.0796C5.3767 13.1686 5.48926 13.237 5.61211 13.2807C5.73496 13.3243 5.86547 13.3422 5.99555 13.3333H9.78666C10.0271 13.3169 10.2523 13.2097 10.4168 13.0336C10.5813 12.8575 10.6728 12.6255 10.6728 12.3844C10.6728 12.1434 10.5813 11.9114 10.4168 11.7353C10.2523 11.5592 10.0271 11.452 9.78666 11.4356H8.83999V4.56445H11.4355V5.51112C11.452 5.75156 11.5591 5.97678 11.7353 6.14127C11.9114 6.30576 12.1434 6.39725 12.3844 6.39725C12.6254 6.39725 12.8575 6.30576 13.0336 6.14127C13.2097 5.97678 13.3169 5.75156 13.3333 5.51112V3.61334C13.3333 3.36227 13.2336 3.12148 13.0561 2.94394C12.8785 2.76641 12.6377 2.66667 12.3867 2.66667Z",
|
|
167
171
|
fill: "white"
|
|
168
|
-
})), /*#__PURE__*/
|
|
172
|
+
})), /*#__PURE__*/_react.default.createElement("span", null, " ColorBox")));
|
|
169
173
|
}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.DividerButton = DividerButton;
|
|
7
7
|
|
|
8
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
10
|
var _draftJs = require("draft-js");
|
|
11
11
|
|
|
@@ -13,6 +13,10 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
16
20
|
const IconWrapper = _styledComponents.default.span`
|
|
17
21
|
display: inline-block;
|
|
18
22
|
position: relative;
|
|
@@ -40,20 +44,20 @@ function DividerButton(props) {
|
|
|
40
44
|
onChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
|
|
41
45
|
};
|
|
42
46
|
|
|
43
|
-
return /*#__PURE__*/
|
|
47
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
44
48
|
onClick: onClick,
|
|
45
49
|
className: className
|
|
46
|
-
}, /*#__PURE__*/
|
|
50
|
+
}, /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement("svg", {
|
|
47
51
|
xmlns: "http://www.w3.org/2000/svg",
|
|
48
52
|
height: "16",
|
|
49
53
|
viewBox: "0 0 16 16",
|
|
50
54
|
width: "16"
|
|
51
|
-
}, /*#__PURE__*/
|
|
55
|
+
}, /*#__PURE__*/_react.default.createElement("g", {
|
|
52
56
|
fill: "none",
|
|
53
57
|
fillRule: "evenodd"
|
|
54
|
-
}, /*#__PURE__*/
|
|
58
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
55
59
|
d: "M0 0h16v16H0z"
|
|
56
|
-
}), /*#__PURE__*/
|
|
60
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
57
61
|
d: "M15 10.501a0.5 0.5 0 0 1 0.496 0.442l0.004 0.059v2.031a2.468 2.468 0 0 1 -2.361 2.466l-0.107 0.003H2.967a2.467 2.467 0 0 1 -2.465 -2.36L0.5 13.032v-2.03a0.5 0.5 0 0 1 0.997 -0.058l0.004 0.059v2.03a1.468 1.468 0 0 0 1.381 1.464l0.086 0.003h10.065a1.468 1.468 0 0 0 1.466 -1.382l0.003 -0.086v-2.031a0.5 0.5 0 0 1 0.5 -0.5zM15.5 7.5a0.5 0.5 0 0 1 0 1H0.5a0.5 0.5 0 0 1 0 -1zM13.029 0.5a2.471 2.471 0 0 1 2.469 2.364l0.003 0.107v2.031a0.5 0.5 0 0 1 -0.997 0.058L14.5 5.003V2.971a1.471 1.471 0 0 0 -1.385 -1.468L13.029 1.5H2.97a1.47 1.47 0 0 0 -1.467 1.383L1.5 2.97V5a0.5 0.5 0 0 1 -0.997 0.058L0.5 5V2.97a2.47 2.47 0 0 1 2.362 -2.467L2.97 0.5z",
|
|
58
62
|
fill: "#6b7280",
|
|
59
63
|
fillRule: "nonzero",
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.EmbeddedCodeButton = EmbeddedCodeButton;
|
|
7
7
|
|
|
8
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
10
|
var _draftJs = require("draft-js");
|
|
11
11
|
|
|
@@ -13,6 +13,10 @@ var _modals = require("@keystone-ui/modals");
|
|
|
13
13
|
|
|
14
14
|
var _fields = require("@keystone-ui/fields");
|
|
15
15
|
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
16
20
|
function EmbeddedCodeButton(props) {
|
|
17
21
|
const {
|
|
18
22
|
editorState,
|
|
@@ -52,9 +56,9 @@ function EmbeddedCodeButton(props) {
|
|
|
52
56
|
});
|
|
53
57
|
};
|
|
54
58
|
|
|
55
|
-
const input = /*#__PURE__*/
|
|
59
|
+
const input = /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
|
|
56
60
|
isOpen: toShowInput
|
|
57
|
-
}, /*#__PURE__*/
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
|
|
58
62
|
title: `Insert Embedded Code` //isOpen={toShowInput}
|
|
59
63
|
,
|
|
60
64
|
actions: {
|
|
@@ -69,7 +73,7 @@ function EmbeddedCodeButton(props) {
|
|
|
69
73
|
action: confirmInput
|
|
70
74
|
}
|
|
71
75
|
}
|
|
72
|
-
}, /*#__PURE__*/
|
|
76
|
+
}, /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
|
|
73
77
|
onChange: e => setInputValue({
|
|
74
78
|
caption: e.target.value,
|
|
75
79
|
embeddedCode: inputValue.embeddedCode
|
|
@@ -81,7 +85,7 @@ function EmbeddedCodeButton(props) {
|
|
|
81
85
|
marginBottom: '10px',
|
|
82
86
|
marginTop: '30px'
|
|
83
87
|
}
|
|
84
|
-
}), /*#__PURE__*/
|
|
88
|
+
}), /*#__PURE__*/_react.default.createElement(_fields.TextArea, {
|
|
85
89
|
onChange: e => setInputValue({
|
|
86
90
|
caption: inputValue.caption,
|
|
87
91
|
embeddedCode: e.target.value
|
|
@@ -93,12 +97,13 @@ function EmbeddedCodeButton(props) {
|
|
|
93
97
|
marginBottom: '30px'
|
|
94
98
|
}
|
|
95
99
|
})));
|
|
96
|
-
|
|
100
|
+
|
|
101
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, input, /*#__PURE__*/_react.default.createElement("div", {
|
|
97
102
|
onClick: () => {
|
|
98
103
|
promptForInput();
|
|
99
104
|
},
|
|
100
105
|
className: className
|
|
101
|
-
}, /*#__PURE__*/
|
|
106
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
102
107
|
className: "far"
|
|
103
|
-
}), /*#__PURE__*/
|
|
108
|
+
}), /*#__PURE__*/_react.default.createElement("span", null, "Embed")));
|
|
104
109
|
}
|
|
@@ -5,16 +5,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.EnlargeButton = EnlargeButton;
|
|
7
7
|
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
8
12
|
function EnlargeButton(props) {
|
|
9
13
|
const {
|
|
10
14
|
onToggle,
|
|
11
15
|
isEnlarged,
|
|
12
16
|
className
|
|
13
17
|
} = props;
|
|
14
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
15
19
|
className: className,
|
|
16
20
|
onClick: onToggle
|
|
17
|
-
}, /*#__PURE__*/
|
|
21
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
18
22
|
className: isEnlarged ? 'fas fa-compress' : 'fas fa-expand'
|
|
19
23
|
}));
|
|
20
24
|
}
|
|
@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.ImageButton = ImageButton;
|
|
7
7
|
|
|
8
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
10
|
var _draftJs = require("draft-js");
|
|
11
11
|
|
|
12
12
|
var _imageSelector = require("./selector/image-selector");
|
|
13
13
|
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
|
|
14
18
|
function ImageButton(props) {
|
|
15
19
|
const {
|
|
16
20
|
editorState,
|
|
@@ -50,15 +54,15 @@ function ImageButton(props) {
|
|
|
50
54
|
setToShowImageSelector(false);
|
|
51
55
|
};
|
|
52
56
|
|
|
53
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, toShowImageSelector && /*#__PURE__*/_react.default.createElement(ImageSelector, {
|
|
54
58
|
onChange: onImageSelectorChange,
|
|
55
59
|
enableCaption: true,
|
|
56
60
|
enableUrl: true,
|
|
57
61
|
enableAlignment: true
|
|
58
|
-
}), /*#__PURE__*/
|
|
62
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
59
63
|
className: className,
|
|
60
64
|
onClick: promptForImageSelector
|
|
61
|
-
}, /*#__PURE__*/
|
|
65
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
62
66
|
className: "far fa-image"
|
|
63
|
-
}), /*#__PURE__*/
|
|
67
|
+
}), /*#__PURE__*/_react.default.createElement("span", null, " Image")));
|
|
64
68
|
}
|
|
@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.RelatedPostButton = RelatedPostButton;
|
|
7
7
|
|
|
8
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
10
|
var _draftJs = require("draft-js");
|
|
11
11
|
|
|
12
12
|
var _postSelector = require("./selector/post-selector");
|
|
13
13
|
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
|
|
14
18
|
function RelatedPostButton(props) {
|
|
15
19
|
const {
|
|
16
20
|
editorState,
|
|
@@ -46,22 +50,22 @@ function RelatedPostButton(props) {
|
|
|
46
50
|
setToShowPostSelector(false);
|
|
47
51
|
};
|
|
48
52
|
|
|
49
|
-
return /*#__PURE__*/
|
|
53
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, toShowPostSelector && /*#__PURE__*/_react.default.createElement(PostSelector, {
|
|
50
54
|
onChange: onPostSelectorChange,
|
|
51
55
|
enableMultiSelect: true,
|
|
52
56
|
minSelectCount: 1,
|
|
53
57
|
maxSelectCount: 3
|
|
54
|
-
}), /*#__PURE__*/
|
|
58
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
55
59
|
className: className,
|
|
56
60
|
onClick: promptForPostSelector
|
|
57
|
-
}, /*#__PURE__*/
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
58
62
|
width: "16",
|
|
59
63
|
height: "14",
|
|
60
64
|
viewBox: "0 0 16 14",
|
|
61
65
|
fill: "none",
|
|
62
66
|
xmlns: "http://www.w3.org/2000/svg"
|
|
63
|
-
}, /*#__PURE__*/
|
|
67
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
64
68
|
d: "M14.675 0H10.7917C9.45556 0 8.29445 1.11291 8.00278 2.6837C7.70833 1.11291 6.55 0 5.21389 0H1.33333C0.597222 0 0 0.718549 0 1.6042V9.81905C0 10.7047 0.597222 11.4233 1.33333 11.4233H3.825C6.66389 11.4233 7.51111 12.2387 7.91667 13.9298C7.93611 14.0234 8.06111 14.0234 8.08333 13.9298C8.49167 12.2387 9.33889 11.4233 12.175 11.4233H14.6667C15.4028 11.4233 16 10.7047 16 9.81905V1.60754C16 0.725233 15.4083 0.00668417 14.675 0ZM6.72222 8.8699C6.72222 8.9334 6.68056 8.98687 6.625 8.98687H2.17222C2.11944 8.98687 2.075 8.93674 2.075 8.8699V8.10456C2.075 8.04106 2.11667 7.98759 2.17222 7.98759H6.62778C6.68056 7.98759 6.725 8.03772 6.725 8.10456V8.8699H6.72222ZM6.72222 6.83457C6.72222 6.89807 6.68056 6.95154 6.625 6.95154H2.17222C2.11944 6.95154 2.075 6.90141 2.075 6.83457V6.06923C2.075 6.00573 2.11667 5.95226 2.17222 5.95226H6.62778C6.68056 5.95226 6.725 6.00239 6.725 6.06923V6.83457H6.72222ZM6.72222 4.79924C6.72222 4.86274 6.68056 4.91621 6.625 4.91621H2.17222C2.11944 4.91621 2.075 4.86608 2.075 4.79924V4.0339C2.075 3.9704 2.11667 3.91693 2.17222 3.91693H6.62778C6.68056 3.91693 6.725 3.96706 6.725 4.0339V4.79924H6.72222ZM13.925 8.86656C13.925 8.93005 13.8833 8.98353 13.8278 8.98353H9.375C9.32222 8.98353 9.27778 8.9334 9.27778 8.86656V8.10122C9.27778 8.03772 9.31944 7.98424 9.375 7.98424H13.8306C13.8833 7.98424 13.9278 8.03438 13.9278 8.10122V8.86656H13.925ZM13.925 6.83122C13.925 6.89472 13.8833 6.9482 13.8278 6.9482H9.375C9.32222 6.9482 9.27778 6.89807 9.27778 6.83122V6.06589C9.27778 6.00239 9.31944 5.94891 9.375 5.94891H13.8306C13.8833 5.94891 13.9278 5.99905 13.9278 6.06589V6.83122H13.925ZM13.925 4.79589C13.925 4.85939 13.8833 4.91287 13.8278 4.91287H9.375C9.32222 4.91287 9.27778 4.86274 9.27778 4.79589V4.0339C9.27778 3.9704 9.31944 3.91693 9.375 3.91693H13.8306C13.8833 3.91693 13.9278 3.96706 13.9278 4.0339V4.79589H13.925Z",
|
|
65
69
|
fill: "#6b7280"
|
|
66
|
-
})), /*#__PURE__*/
|
|
70
|
+
})), /*#__PURE__*/_react.default.createElement("span", null, "Related Post")));
|
|
67
71
|
}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.AlignSelector = AlignSelector;
|
|
7
7
|
|
|
8
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
|
|
@@ -13,6 +13,10 @@ var _fields = require("@keystone-ui/fields");
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
16
20
|
const Label = _styledComponents.default.label`
|
|
17
21
|
display: block;
|
|
18
22
|
margin: 10px 0;
|
|
@@ -50,9 +54,9 @@ function AlignSelector(props) {
|
|
|
50
54
|
onOpen();
|
|
51
55
|
}
|
|
52
56
|
}, [isOpen]);
|
|
53
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
|
|
54
58
|
htmlFor: "alignment"
|
|
55
|
-
}, "\u5C0D\u9F4A"), /*#__PURE__*/
|
|
59
|
+
}, "\u5C0D\u9F4A"), /*#__PURE__*/_react.default.createElement(AlignSelect, {
|
|
56
60
|
id: "alignment" // default align === undefined
|
|
57
61
|
,
|
|
58
62
|
value: options.find(option => option.value === align) ?? null,
|
|
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Pagination = Pagination;
|
|
7
7
|
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
11
|
|
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -44,12 +46,12 @@ function Pagination({
|
|
|
44
46
|
const prevPage = currentPage - 1; // Don't render the pagiantion component if the pageSize is greater than the total number of items in the list.
|
|
45
47
|
|
|
46
48
|
if (total <= pageSize) return null;
|
|
47
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/_react.default.createElement(PaginationWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, currentPage, " of ", limit, " pages"), /*#__PURE__*/_react.default.createElement(Arrows, null, /*#__PURE__*/_react.default.createElement(ArrowButtonWrapper, {
|
|
48
50
|
onClick: () => {
|
|
49
51
|
onChange(prevPage);
|
|
50
52
|
},
|
|
51
53
|
disable: prevPage < minPage
|
|
52
|
-
}, /*#__PURE__*/
|
|
54
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
53
55
|
"aria-hidden": "true",
|
|
54
56
|
focusable: "false",
|
|
55
57
|
height: "24px",
|
|
@@ -58,14 +60,14 @@ function Pagination({
|
|
|
58
60
|
viewBox: "0 0 24 24",
|
|
59
61
|
xmlns: "http://www.w3.org/2000/svg",
|
|
60
62
|
className: "css-bztyua"
|
|
61
|
-
}, /*#__PURE__*/
|
|
63
|
+
}, /*#__PURE__*/_react.default.createElement("polyline", {
|
|
62
64
|
points: "15 18 9 12 15 6"
|
|
63
|
-
}), ' ')), /*#__PURE__*/
|
|
65
|
+
}), ' ')), /*#__PURE__*/_react.default.createElement(ArrowButtonWrapper, {
|
|
64
66
|
onClick: () => {
|
|
65
67
|
onChange(nextPage);
|
|
66
68
|
},
|
|
67
69
|
disable: nextPage > limit
|
|
68
|
-
}, /*#__PURE__*/
|
|
70
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
69
71
|
"aria-hidden": "true",
|
|
70
72
|
focusable: "false",
|
|
71
73
|
height: "24px",
|
|
@@ -74,7 +76,7 @@ function Pagination({
|
|
|
74
76
|
viewBox: "0 0 24 24",
|
|
75
77
|
xmlns: "http://www.w3.org/2000/svg",
|
|
76
78
|
className: "css-bztyua"
|
|
77
|
-
}, /*#__PURE__*/
|
|
79
|
+
}, /*#__PURE__*/_react.default.createElement("polyline", {
|
|
78
80
|
points: "9 18 15 12 9 6"
|
|
79
81
|
})))));
|
|
80
82
|
}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.SideIndexButton = SideIndexButton;
|
|
7
7
|
exports.SideIndexInput = SideIndexInput;
|
|
8
8
|
|
|
9
|
-
var _react = require("react");
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
|
|
11
11
|
var _draftJs = require("draft-js");
|
|
12
12
|
|
|
@@ -22,6 +22,10 @@ var _fields = require("@keystone-ui/fields");
|
|
|
22
22
|
|
|
23
23
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
24
|
|
|
25
|
+
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); }
|
|
26
|
+
|
|
27
|
+
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; }
|
|
28
|
+
|
|
25
29
|
const Label = _styledComponents.default.label`
|
|
26
30
|
display: block;
|
|
27
31
|
font-weight: 600;
|
|
@@ -74,11 +78,11 @@ function SideIndexInput(props) {
|
|
|
74
78
|
setInputValue(initialInputValue);
|
|
75
79
|
}
|
|
76
80
|
}, [isOpen]);
|
|
77
|
-
return /*#__PURE__*/
|
|
81
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toShowImageSelector && /*#__PURE__*/_react.default.createElement(_imageSelector.ImageSelector, {
|
|
78
82
|
onChange: onImageSelectorChange
|
|
79
|
-
}), /*#__PURE__*/
|
|
83
|
+
}), /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
|
|
80
84
|
isOpen: isOpen
|
|
81
|
-
}, /*#__PURE__*/
|
|
85
|
+
}, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
|
|
82
86
|
title: `Insert Side Index`,
|
|
83
87
|
actions: {
|
|
84
88
|
cancel: {
|
|
@@ -95,28 +99,28 @@ function SideIndexInput(props) {
|
|
|
95
99
|
}
|
|
96
100
|
}
|
|
97
101
|
}
|
|
98
|
-
}, /*#__PURE__*/
|
|
102
|
+
}, /*#__PURE__*/_react.default.createElement(Label, null, "\u6587\u5167\u6A19\u984C (\u82E5\u586B\u5165\u5916\u90E8\u9023\u7D50\u5247\u4E0D\u6703\u7522\u751F\u6587\u7AE0\u5167h2)"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
|
|
99
103
|
onChange: e => setInputValue(oldInputValue => ({ ...oldInputValue,
|
|
100
104
|
h2Text: e.target.value
|
|
101
105
|
})),
|
|
102
106
|
type: "text",
|
|
103
107
|
placeholder: "h2 text",
|
|
104
108
|
value: inputValue.h2Text
|
|
105
|
-
}), /*#__PURE__*/
|
|
109
|
+
}), /*#__PURE__*/_react.default.createElement(Label, null, "\u5074\u6B04\u6A19\u984C (Optional, \u82E5\u672A\u8A2D\u5B9A\u6703\u76F4\u63A5\u7528\u6587\u5167\u6A19\u984C)"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
|
|
106
110
|
onChange: e => setInputValue(oldInputValue => ({ ...oldInputValue,
|
|
107
111
|
sideIndexText: e.target.value
|
|
108
112
|
})),
|
|
109
113
|
type: "text",
|
|
110
114
|
placeholder: "sideindex text",
|
|
111
115
|
value: inputValue.sideIndexText
|
|
112
|
-
}), /*#__PURE__*/
|
|
116
|
+
}), /*#__PURE__*/_react.default.createElement(Label, null, "\u5074\u6B04 Url (Optional, \u5916\u90E8\u9023\u7D50\u624D\u9700\u4F7F\u7528)"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
|
|
113
117
|
onChange: e => setInputValue(oldInputValue => ({ ...oldInputValue,
|
|
114
118
|
sideIndexUrl: e.target.value
|
|
115
119
|
})),
|
|
116
120
|
type: "url",
|
|
117
121
|
placeholder: "sideindex url (optional)",
|
|
118
122
|
value: inputValue.sideIndexUrl
|
|
119
|
-
}), /*#__PURE__*/
|
|
123
|
+
}), /*#__PURE__*/_react.default.createElement(Label, null, "\u5074\u6B04\u5716\u7247 (Optional)"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(ImageInputText, null, (_inputValue$sideIndex = inputValue.sideIndexImage) !== null && _inputValue$sideIndex !== void 0 && _inputValue$sideIndex.name ? inputValue.sideIndexImage.name : '尚未選取圖片'), /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
120
124
|
type: "button",
|
|
121
125
|
onClick: () => setToShowImageSelector(true),
|
|
122
126
|
tone: "passive"
|
|
@@ -157,40 +161,40 @@ function SideIndexButton(props) {
|
|
|
157
161
|
setToShowInput(false);
|
|
158
162
|
};
|
|
159
163
|
|
|
160
|
-
return /*#__PURE__*/
|
|
164
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(SideIndexInput, {
|
|
161
165
|
onChange: onChange,
|
|
162
166
|
onCancel: () => {
|
|
163
167
|
setToShowInput(false);
|
|
164
168
|
},
|
|
165
169
|
isOpen: toShowInput
|
|
166
|
-
}), /*#__PURE__*/
|
|
170
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
167
171
|
className: className,
|
|
168
172
|
onClick: () => {
|
|
169
173
|
setToShowInput(true);
|
|
170
174
|
}
|
|
171
|
-
}, /*#__PURE__*/
|
|
175
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
172
176
|
width: "16",
|
|
173
177
|
height: "16",
|
|
174
178
|
viewBox: "0 0 16 16",
|
|
175
179
|
fill: "none",
|
|
176
180
|
xmlns: "http://www.w3.org/2000/svg"
|
|
177
|
-
}, /*#__PURE__*/
|
|
181
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
178
182
|
d: "M13.4626 0.211456H4.15859C3.93427 0.211456 3.71913 0.300569 3.56051 0.45919C3.40189 0.617811 3.31278 0.832947 3.31278 1.05727C3.31278 1.2816 3.40189 1.49673 3.56051 1.65535C3.71913 1.81397 3.93427 1.90309 4.15859 1.90309H13.4626C13.6866 1.90401 13.9012 1.99342 14.0596 2.15184C14.218 2.31027 14.3074 2.52486 14.3084 2.7489V13.4626C14.3074 13.6866 14.218 13.9012 14.0596 14.0596C13.9012 14.218 13.6866 14.3074 13.4626 14.3084H2.7489C2.52486 14.3074 2.31027 14.218 2.15184 14.0596C1.99342 13.9012 1.90401 13.6866 1.90309 13.4626V11.3093C1.90309 11.0849 1.81397 10.8698 1.65535 10.7112C1.49673 10.5526 1.2816 10.4634 1.05727 10.4634C0.832947 10.4634 0.617811 10.5526 0.45919 10.7112C0.300569 10.8698 0.211456 11.0849 0.211456 11.3093V13.4626C0.212389 14.1352 0.480025 14.7801 0.955687 15.2558C1.43135 15.7314 2.07622 15.9991 2.7489 16H13.4626C14.1352 15.9991 14.7801 15.7314 15.2558 15.2558C15.7314 14.7801 15.9991 14.1352 16 13.4626V2.7489C15.9991 2.07622 15.7314 1.43135 15.2558 0.955687C14.7801 0.480025 14.1352 0.212389 13.4626 0.211456Z",
|
|
179
183
|
fill: "#6b7280"
|
|
180
|
-
}), /*#__PURE__*/
|
|
184
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
181
185
|
d: "M1.05727 2.11454C1.64118 2.11454 2.11454 1.64118 2.11454 1.05727C2.11454 0.473355 1.64118 0 1.05727 0C0.473355 0 0 0.473355 0 1.05727C0 1.64118 0.473355 2.11454 1.05727 2.11454Z",
|
|
182
186
|
fill: "#6b7280"
|
|
183
|
-
}), /*#__PURE__*/
|
|
187
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
184
188
|
d: "M4.15859 5.48017H12.0529C12.2772 5.48017 12.4923 5.39106 12.6509 5.23244C12.8096 5.07382 12.8987 4.85868 12.8987 4.63436C12.8987 4.41003 12.8096 4.1949 12.6509 4.03628C12.4923 3.87766 12.2772 3.78854 12.0529 3.78854H4.15859C3.93427 3.78854 3.71913 3.87766 3.56051 4.03628C3.40189 4.1949 3.31277 4.41003 3.31277 4.63436C3.31277 4.85868 3.40189 5.07382 3.56051 5.23244C3.71913 5.39106 3.93427 5.48017 4.15859 5.48017Z",
|
|
185
189
|
fill: "#6b7280"
|
|
186
|
-
}), /*#__PURE__*/
|
|
190
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
187
191
|
d: "M1.05727 5.69162C1.64118 5.69162 2.11454 5.21827 2.11454 4.63436C2.11454 4.05044 1.64118 3.57709 1.05727 3.57709C0.473355 3.57709 0 4.05044 0 4.63436C0 5.21827 0.473355 5.69162 1.05727 5.69162Z",
|
|
188
192
|
fill: "#6b7280"
|
|
189
|
-
}), /*#__PURE__*/
|
|
193
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
190
194
|
d: "M4.15859 9.05726H12.0529C12.2772 9.05726 12.4923 8.96815 12.6509 8.80953C12.8096 8.65091 12.8987 8.43577 12.8987 8.21145C12.8987 7.98712 12.8096 7.77199 12.6509 7.61336C12.4923 7.45474 12.2772 7.36563 12.0529 7.36563H4.15859C3.93427 7.36563 3.71913 7.45474 3.56051 7.61336C3.40189 7.77199 3.31277 7.98712 3.31277 8.21145C3.31277 8.43577 3.40189 8.65091 3.56051 8.80953C3.71913 8.96815 3.93427 9.05726 4.15859 9.05726Z",
|
|
191
195
|
fill: "#6b7280"
|
|
192
|
-
}), /*#__PURE__*/
|
|
196
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
193
197
|
d: "M1.05727 9.26873C1.64118 9.26873 2.11454 8.79537 2.11454 8.21146C2.11454 7.62755 1.64118 7.15419 1.05727 7.15419C0.473355 7.15419 0 7.62755 0 8.21146C0 8.79537 0.473355 9.26873 1.05727 9.26873Z",
|
|
194
198
|
fill: "#6b7280"
|
|
195
|
-
})), /*#__PURE__*/
|
|
199
|
+
})), /*#__PURE__*/_react.default.createElement("span", null, "SideIndex")));
|
|
196
200
|
}
|
|
@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.SlideshowButton = SlideshowButton;
|
|
7
7
|
|
|
8
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
10
|
var _imageSelector = require("./selector/image-selector");
|
|
11
11
|
|
|
12
12
|
var _draftJs = require("draft-js");
|
|
13
13
|
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
|
|
14
18
|
function SlideshowButton(props) {
|
|
15
19
|
const {
|
|
16
20
|
editorState,
|
|
@@ -53,15 +57,15 @@ function SlideshowButton(props) {
|
|
|
53
57
|
setToShowImageSelector(false);
|
|
54
58
|
};
|
|
55
59
|
|
|
56
|
-
return /*#__PURE__*/
|
|
60
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, toShowImageSelector && /*#__PURE__*/_react.default.createElement(ImageSelector, {
|
|
57
61
|
onChange: onImageSelectorChange,
|
|
58
62
|
enableCaption: true,
|
|
59
63
|
enableDelay: true,
|
|
60
64
|
enableMultiSelect: true
|
|
61
|
-
}), /*#__PURE__*/
|
|
65
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
62
66
|
className: className,
|
|
63
67
|
onClick: promptForImageSelector
|
|
64
|
-
}, /*#__PURE__*/
|
|
68
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
65
69
|
className: "far fa-images"
|
|
66
|
-
}), /*#__PURE__*/
|
|
70
|
+
}), /*#__PURE__*/_react.default.createElement("span", null, " Slideshow")));
|
|
67
71
|
}
|
|
@@ -5,8 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.TableButton = TableButton;
|
|
7
7
|
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _draftJs = require("draft-js");
|
|
9
11
|
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
10
14
|
function TableButton(props) {
|
|
11
15
|
const {
|
|
12
16
|
editorState,
|
|
@@ -54,10 +58,10 @@ function TableButton(props) {
|
|
|
54
58
|
onChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
|
|
55
59
|
};
|
|
56
60
|
|
|
57
|
-
return /*#__PURE__*/
|
|
61
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
58
62
|
onClick: onClick,
|
|
59
63
|
className: className
|
|
60
|
-
}, /*#__PURE__*/
|
|
64
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
61
65
|
className: "fa fa-table"
|
|
62
|
-
}), /*#__PURE__*/
|
|
66
|
+
}), /*#__PURE__*/_react.default.createElement("span", null, "Table"));
|
|
63
67
|
}
|
|
@@ -7,12 +7,16 @@ exports.AlignCenterButton = AlignCenterButton;
|
|
|
7
7
|
exports.AlignLeftButton = AlignLeftButton;
|
|
8
8
|
exports.getSelectionBlockData = void 0;
|
|
9
9
|
|
|
10
|
-
var _react = require("react");
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
12
12
|
var _draftJs = require("draft-js");
|
|
13
13
|
|
|
14
14
|
var _modifier = require("../modifier");
|
|
15
15
|
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
16
20
|
const toggleSelectionTextAlign = (editorState, textAlign) => {
|
|
17
21
|
return setSelectionBlockData(editorState, {
|
|
18
22
|
textAlign: getSelectionBlockData(editorState, 'textAlign') !== textAlign ? textAlign : undefined
|
|
@@ -45,16 +49,16 @@ function AlignCenterButton(props) {
|
|
|
45
49
|
_draftJs.EditorState.push(editorState, newContentState, 'change-block-style'));
|
|
46
50
|
};
|
|
47
51
|
|
|
48
|
-
return /*#__PURE__*/
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
49
53
|
className: className,
|
|
50
54
|
onMouseDown: toggleTextAlign
|
|
51
|
-
}, /*#__PURE__*/
|
|
55
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
52
56
|
width: "16",
|
|
53
57
|
height: "16",
|
|
54
58
|
viewBox: "0 0 16 16",
|
|
55
59
|
fill: "none",
|
|
56
60
|
xmlns: "http://www.w3.org/2000/svg"
|
|
57
|
-
}, /*#__PURE__*/
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
58
62
|
d: "M11.4286 2.28571H4.57143C3.93929 2.28571 3.42857 1.77393 3.42857 1.14286C3.42857 0.511786 3.93929 0 4.57143 0H11.4286C12.0607 0 12.5714 0.511786 12.5714 1.14286C12.5714 1.77393 12.0607 2.28571 11.4286 2.28571ZM14.8571 6.85714H1.14286C0.511786 6.85714 0 6.34643 0 5.71429C0 5.08214 0.511786 4.57143 1.14286 4.57143H14.8571C15.4893 4.57143 16 5.08214 16 5.71429C16 6.34643 15.4893 6.85714 14.8571 6.85714ZM0 14.8571C0 14.225 0.511786 13.7143 1.14286 13.7143H14.8571C15.4893 13.7143 16 14.225 16 14.8571C16 15.4893 15.4893 16 14.8571 16H1.14286C0.511786 16 0 15.4893 0 14.8571ZM11.4286 11.4286H4.57143C3.93929 11.4286 3.42857 10.9179 3.42857 10.2857C3.42857 9.65357 3.93929 9.14286 4.57143 9.14286H11.4286C12.0607 9.14286 12.5714 9.65357 12.5714 10.2857C12.5714 10.9179 12.0607 11.4286 11.4286 11.4286Z",
|
|
59
63
|
fill: isActive ? '#ED8B00' : '#6b7280'
|
|
60
64
|
}))));
|
|
@@ -74,16 +78,16 @@ function AlignLeftButton(props) {
|
|
|
74
78
|
_draftJs.EditorState.push(editorState, newContentState, 'change-block-style'));
|
|
75
79
|
};
|
|
76
80
|
|
|
77
|
-
return /*#__PURE__*/
|
|
81
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
78
82
|
className: className,
|
|
79
83
|
onMouseDown: toggleTextAlign
|
|
80
|
-
}, /*#__PURE__*/
|
|
84
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
81
85
|
width: "16",
|
|
82
86
|
height: "16",
|
|
83
87
|
viewBox: "0 0 16 16",
|
|
84
88
|
fill: "none",
|
|
85
89
|
xmlns: "http://www.w3.org/2000/svg"
|
|
86
|
-
}, /*#__PURE__*/
|
|
90
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
87
91
|
d: "M9.14286 2.28571H1.14286C0.511786 2.28571 0 1.77393 0 1.14286C0 0.511786 0.511786 0 1.14286 0H9.14286C9.775 0 10.2857 0.511786 10.2857 1.14286C10.2857 1.77393 9.775 2.28571 9.14286 2.28571ZM9.14286 11.4286H1.14286C0.511786 11.4286 0 10.9179 0 10.2857C0 9.65357 0.511786 9.14286 1.14286 9.14286H9.14286C9.775 9.14286 10.2857 9.65357 10.2857 10.2857C10.2857 10.9179 9.775 11.4286 9.14286 11.4286ZM0 5.71429C0 5.08214 0.511786 4.57143 1.14286 4.57143H14.8571C15.4893 4.57143 16 5.08214 16 5.71429C16 6.34643 15.4893 6.85714 14.8571 6.85714H1.14286C0.511786 6.85714 0 6.34643 0 5.71429ZM14.8571 16H1.14286C0.511786 16 0 15.4893 0 14.8571C0 14.225 0.511786 13.7143 1.14286 13.7143H14.8571C15.4893 13.7143 16 14.225 16 14.8571C16 15.4893 15.4893 16 14.8571 16Z",
|
|
88
92
|
fill: isActive ? '#ED8B00' : '#6b7280'
|
|
89
93
|
}))));
|
|
@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.VideoButton = VideoButton;
|
|
7
7
|
|
|
8
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
10
|
var _draftJs = require("draft-js");
|
|
11
11
|
|
|
12
12
|
var _videoSelector = require("./selector/video-selector");
|
|
13
13
|
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
|
|
14
18
|
function VideoButton(props) {
|
|
15
19
|
const {
|
|
16
20
|
editorState,
|
|
@@ -50,12 +54,12 @@ function VideoButton(props) {
|
|
|
50
54
|
setToShowVideoSelector(false);
|
|
51
55
|
};
|
|
52
56
|
|
|
53
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, toShowVideoSelector && /*#__PURE__*/_react.default.createElement(VideoSelector, {
|
|
54
58
|
onChange: onVideoSelectorChange
|
|
55
|
-
}), /*#__PURE__*/
|
|
59
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
56
60
|
className: className,
|
|
57
61
|
onClick: promptForVideoSelector
|
|
58
|
-
}, /*#__PURE__*/
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
59
63
|
className: "fa fa-video-camera"
|
|
60
|
-
}), /*#__PURE__*/
|
|
64
|
+
}), /*#__PURE__*/_react.default.createElement("span", null, " Video")));
|
|
61
65
|
}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.YoutubeButton = YoutubeButton;
|
|
7
7
|
exports.YoutubeInput = YoutubeInput;
|
|
8
8
|
|
|
9
|
-
var _react = require("react");
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
|
|
11
11
|
var _draftJs = require("draft-js");
|
|
12
12
|
|
|
@@ -18,6 +18,10 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
18
18
|
|
|
19
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
20
|
|
|
21
|
+
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); }
|
|
22
|
+
|
|
23
|
+
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; }
|
|
24
|
+
|
|
21
25
|
const Label = _styledComponents.default.label`
|
|
22
26
|
display: block;
|
|
23
27
|
font-weight: 600;
|
|
@@ -40,9 +44,9 @@ function YoutubeInput(props) {
|
|
|
40
44
|
setInputValue(initialInputValue);
|
|
41
45
|
};
|
|
42
46
|
|
|
43
|
-
return /*#__PURE__*/
|
|
47
|
+
return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
|
|
44
48
|
isOpen: isOpen
|
|
45
|
-
}, /*#__PURE__*/
|
|
49
|
+
}, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
|
|
46
50
|
title: `Insert Youtube video`,
|
|
47
51
|
actions: {
|
|
48
52
|
cancel: {
|
|
@@ -63,9 +67,9 @@ function YoutubeInput(props) {
|
|
|
63
67
|
}
|
|
64
68
|
}
|
|
65
69
|
}
|
|
66
|
-
}, /*#__PURE__*/
|
|
70
|
+
}, /*#__PURE__*/_react.default.createElement(Label, {
|
|
67
71
|
htmlFor: "description"
|
|
68
|
-
}, "Youtube Description"), /*#__PURE__*/
|
|
72
|
+
}, "Youtube Description"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
|
|
69
73
|
onChange: e => setInputValue({
|
|
70
74
|
description: e.target.value,
|
|
71
75
|
youtubeId: inputValue.youtubeId
|
|
@@ -74,9 +78,9 @@ function YoutubeInput(props) {
|
|
|
74
78
|
placeholder: "description",
|
|
75
79
|
id: "description",
|
|
76
80
|
value: inputValue.description
|
|
77
|
-
}), /*#__PURE__*/
|
|
81
|
+
}), /*#__PURE__*/_react.default.createElement(Label, {
|
|
78
82
|
htmlFor: "youtubeId"
|
|
79
|
-
}, "Youtube Videi Id"), /*#__PURE__*/
|
|
83
|
+
}, "Youtube Videi Id"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
|
|
80
84
|
onChange: e => setInputValue({
|
|
81
85
|
description: inputValue.description,
|
|
82
86
|
youtubeId: e.target.value
|
|
@@ -118,26 +122,26 @@ function YoutubeButton(props) {
|
|
|
118
122
|
setToShowInput(false);
|
|
119
123
|
};
|
|
120
124
|
|
|
121
|
-
return /*#__PURE__*/
|
|
125
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(YoutubeInput, {
|
|
122
126
|
onChange: onChange,
|
|
123
127
|
onCancel: () => {
|
|
124
128
|
setToShowInput(false);
|
|
125
129
|
},
|
|
126
130
|
isOpen: toShowInput
|
|
127
|
-
}), /*#__PURE__*/
|
|
131
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
128
132
|
className: className,
|
|
129
133
|
onClick: () => {
|
|
130
134
|
setToShowInput(true);
|
|
131
135
|
}
|
|
132
|
-
}, /*#__PURE__*/
|
|
136
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
133
137
|
height: "16px",
|
|
134
138
|
width: "14px",
|
|
135
139
|
version: "1.1",
|
|
136
140
|
id: "Layer_1",
|
|
137
141
|
xmlns: "http://www.w3.org/2000/svg",
|
|
138
142
|
viewBox: "0 0 461.001 461.001"
|
|
139
|
-
}, /*#__PURE__*/
|
|
143
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
140
144
|
fill: "#6b7280",
|
|
141
145
|
d: "M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728 c0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137 C461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607 c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z"
|
|
142
|
-
})), /*#__PURE__*/
|
|
146
|
+
})), /*#__PURE__*/_react.default.createElement("span", null, "Youtube")));
|
|
143
147
|
}
|
|
@@ -922,7 +922,9 @@ const blockStyles = [{
|
|
|
922
922
|
const BlockStyleControls = props => {
|
|
923
923
|
const {
|
|
924
924
|
editorState,
|
|
925
|
-
disabledButtons
|
|
925
|
+
disabledButtons,
|
|
926
|
+
onToggle,
|
|
927
|
+
readOnly
|
|
926
928
|
} = props;
|
|
927
929
|
const selection = editorState.getSelection();
|
|
928
930
|
const blockType = editorState.getCurrentContent().getBlockForKey(selection.getStartKey()).getType();
|
|
@@ -931,10 +933,10 @@ const BlockStyleControls = props => {
|
|
|
931
933
|
key: type.label,
|
|
932
934
|
active: type.style === blockType,
|
|
933
935
|
label: type.label,
|
|
934
|
-
onToggle:
|
|
936
|
+
onToggle: onToggle,
|
|
935
937
|
style: type.style,
|
|
936
938
|
icon: type.icon,
|
|
937
|
-
readOnly:
|
|
939
|
+
readOnly: readOnly
|
|
938
940
|
})));
|
|
939
941
|
};
|
|
940
942
|
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.AlignSelector = AlignSelector;
|
|
7
7
|
|
|
8
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
|
|
@@ -13,6 +13,10 @@ var _fields = require("@keystone-ui/fields");
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
16
20
|
const Label = _styledComponents.default.label`
|
|
17
21
|
display: block;
|
|
18
22
|
margin: 10px 0;
|
|
@@ -50,9 +54,9 @@ function AlignSelector(props) {
|
|
|
50
54
|
onOpen();
|
|
51
55
|
}
|
|
52
56
|
}, [isOpen]);
|
|
53
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
|
|
54
58
|
htmlFor: "alignment"
|
|
55
|
-
}, "\u5C0D\u9F4A"), /*#__PURE__*/
|
|
59
|
+
}, "\u5C0D\u9F4A"), /*#__PURE__*/_react.default.createElement(AlignSelect, {
|
|
56
60
|
id: "alignment" // default align === undefined
|
|
57
61
|
,
|
|
58
62
|
value: options.find(option => option.value === align) ?? null,
|
|
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Pagination = Pagination;
|
|
7
7
|
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
11
|
|
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -44,12 +46,12 @@ function Pagination({
|
|
|
44
46
|
const prevPage = currentPage - 1; // Don't render the pagiantion component if the pageSize is greater than the total number of items in the list.
|
|
45
47
|
|
|
46
48
|
if (total <= pageSize) return null;
|
|
47
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/_react.default.createElement(PaginationWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, currentPage, " of ", limit, " pages"), /*#__PURE__*/_react.default.createElement(Arrows, null, /*#__PURE__*/_react.default.createElement(ArrowButtonWrapper, {
|
|
48
50
|
onClick: () => {
|
|
49
51
|
onChange(prevPage);
|
|
50
52
|
},
|
|
51
53
|
disable: prevPage < minPage
|
|
52
|
-
}, /*#__PURE__*/
|
|
54
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
53
55
|
"aria-hidden": "true",
|
|
54
56
|
focusable: "false",
|
|
55
57
|
height: "24px",
|
|
@@ -58,14 +60,14 @@ function Pagination({
|
|
|
58
60
|
viewBox: "0 0 24 24",
|
|
59
61
|
xmlns: "http://www.w3.org/2000/svg",
|
|
60
62
|
className: "css-bztyua"
|
|
61
|
-
}, /*#__PURE__*/
|
|
63
|
+
}, /*#__PURE__*/_react.default.createElement("polyline", {
|
|
62
64
|
points: "15 18 9 12 15 6"
|
|
63
|
-
}), ' ')), /*#__PURE__*/
|
|
65
|
+
}), ' ')), /*#__PURE__*/_react.default.createElement(ArrowButtonWrapper, {
|
|
64
66
|
onClick: () => {
|
|
65
67
|
onChange(nextPage);
|
|
66
68
|
},
|
|
67
69
|
disable: nextPage > limit
|
|
68
|
-
}, /*#__PURE__*/
|
|
70
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
69
71
|
"aria-hidden": "true",
|
|
70
72
|
focusable: "false",
|
|
71
73
|
height: "24px",
|
|
@@ -74,7 +76,7 @@ function Pagination({
|
|
|
74
76
|
viewBox: "0 0 24 24",
|
|
75
77
|
xmlns: "http://www.w3.org/2000/svg",
|
|
76
78
|
className: "css-bztyua"
|
|
77
|
-
}, /*#__PURE__*/
|
|
79
|
+
}, /*#__PURE__*/_react.default.createElement("polyline", {
|
|
78
80
|
points: "9 18 15 12 9 6"
|
|
79
81
|
})))));
|
|
80
82
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirrormedia/lilith-draft-editor",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -24,13 +24,13 @@
|
|
|
24
24
|
"draft-js": "^0.11.7"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
|
-
"@keystone-6/core": "5",
|
|
28
|
-
"@keystone-ui/button": "5",
|
|
29
|
-
"@keystone-ui/fields": "5",
|
|
30
|
-
"@keystone-ui/modals": "6",
|
|
31
|
-
"react": "18",
|
|
32
|
-
"react-dom": "18",
|
|
33
|
-
"styled-components": "5"
|
|
27
|
+
"@keystone-6/core": "^5",
|
|
28
|
+
"@keystone-ui/button": "^5",
|
|
29
|
+
"@keystone-ui/fields": "^5",
|
|
30
|
+
"@keystone-ui/modals": "^6",
|
|
31
|
+
"react": "^18",
|
|
32
|
+
"react-dom": "^18",
|
|
33
|
+
"styled-components": "^5"
|
|
34
34
|
},
|
|
35
35
|
"files": [
|
|
36
36
|
"lib"
|