nuudel-core 0.2.45 → 0.2.47
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/build/main/index.d.ts +0 -1
- package/build/main/index.js +1 -2
- package/build/main/lib/forms/Editor/HtmlEditor.d.ts +8 -0
- package/build/main/lib/forms/Editor/HtmlEditor.js +57 -0
- package/build/main/lib/forms/Editor/index.d.ts +2 -0
- package/build/main/lib/forms/Editor/index.js +6 -1
- package/build/main/lib/forms/index.d.ts +2 -2
- package/build/main/lib/forms/index.js +23 -3
- package/build/module/index.d.ts +0 -1
- package/build/module/index.js +1 -2
- package/build/module/lib/forms/Editor/HtmlEditor.d.ts +8 -0
- package/build/module/lib/forms/Editor/HtmlEditor.js +55 -0
- package/build/module/lib/forms/Editor/index.d.ts +2 -0
- package/build/module/lib/forms/Editor/index.js +5 -1
- package/build/module/lib/forms/index.d.ts +2 -2
- package/build/module/lib/forms/index.js +3 -3
- package/package.json +1 -1
package/build/main/index.d.ts
CHANGED
|
@@ -15,7 +15,6 @@ export { ListFormService, GetSchema, UI, coreComponent, DataProvider, ListProvid
|
|
|
15
15
|
export * from './lib/forms/';
|
|
16
16
|
export * from './lib/library/';
|
|
17
17
|
export * from './lib/widgets/';
|
|
18
|
-
export * from './lib/components/index';
|
|
19
18
|
export type { IListFormService, IWarehouse, IImage, IPermission, IPartner, ICurrentUser, IAppProps, IDataProvider, IBaseState, ICoreState, IDisplayType, IBaseProps, ICoreProps, IListBaseState, IProviderBase, IProviderItems, ReduxProps, };
|
|
20
19
|
export * from './lib/components/index';
|
|
21
20
|
export * from './lib/common/helper';
|
package/build/main/index.js
CHANGED
|
@@ -45,7 +45,6 @@ __exportStar(require("./lib/forms/"), exports);
|
|
|
45
45
|
__exportStar(require("./lib/library/"), exports);
|
|
46
46
|
__exportStar(require("./lib/widgets/"), exports);
|
|
47
47
|
__exportStar(require("./lib/components/index"), exports);
|
|
48
|
-
__exportStar(require("./lib/components/index"), exports);
|
|
49
48
|
__exportStar(require("./lib/common/helper"), exports);
|
|
50
49
|
__exportStar(require("./lib/common/UI"), exports);
|
|
51
50
|
__exportStar(require("./lib/services/graphqlSchema"), exports);
|
|
@@ -56,4 +55,4 @@ var redux_1 = require("redux");
|
|
|
56
55
|
Object.defineProperty(exports, "compose", { enumerable: true, get: function () { return redux_1.compose; } });
|
|
57
56
|
var react_redux_1 = require("react-redux");
|
|
58
57
|
Object.defineProperty(exports, "connect", { enumerable: true, get: function () { return react_redux_1.connect; } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLG9FQUFpRTtBQWdEL0QsZ0dBaERPLGlDQUFlLE9BZ0RQO0FBOUNqQiw0REFBeUQ7QUFtRHZELDZGQW5ETywyQkFBWSxPQW1EUDtBQWxEZCxnRUFBeUQ7QUE4Q3ZELDBGQTlDTyx5QkFBUyxPQThDUDtBQTdDWCx3Q0FBcUM7QUE4Q25DLG1GQTlDTyxPQUFFLE9BOENQO0FBN0NKLDhEQUtvQztBQXlDbEMsOEZBN0NBLDZCQUFhLE9BNkNBO0FBdENmLDZFQUFxRDtBQXVDbkQsdUJBdkNLLHNCQUFZLENBdUNMO0FBdEJkLHNEQUFxRDtBQXdCbkQsNkZBeEJPLHlCQUFZLE9Bd0JQO0FBckJkLG1DQWFvQjtBQVpsQixpR0FBQSxTQUFTLE9BQUE7QUFDVCxrR0FBQSxVQUFVLE9BQUE7QUFDVixtR0FBQSxXQUFXLE9BQUE7QUFDWCxnR0FBQSxRQUFRLE9BQUE7QUFDUiwrRkFBQSxPQUFPLE9BQUE7QUFDUCwrRkFBQSxPQUFPLE9BQUE7QUFDUCxpR0FBQSxTQUFTLE9BQUE7QUFDVCw2RkFBQSxLQUFLLE9BQUE7QUFDTCw2RkFBQSxLQUFLLE9BQUE7QUFDTCxnR0FBQSxRQUFRLE9BQUE7QUFDUixpR0FBQSxTQUFTLE9BQUE7QUFDVCwrRkFBQSxPQUFPLE9BQUE7QUFhVCwrQ0FBNkI7QUFHN0IsaURBQStCO0FBRy9CLGlEQUErQjtBQTBCL0IseURBQXVDO0FBR3ZDLHNEQUFvQztBQUdwQyxrREFBZ0M7QUFHaEMsK0RBQTZDO0FBRzdDLG9EQUFrQztBQUNsQyx3REFBc0M7QUFDdEMsMkRBQXlDO0FBRXpDLCtCQUFnQztBQUF2QixnR0FBQSxPQUFPLE9BQUE7QUFFaEIsMkNBQXNDO0FBQTdCLHNHQUFBLE9BQU8sT0FBQSJ9
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const i18n_1 = require("../../loc/i18n");
|
|
6
|
+
const ckeditor5_react_1 = require("@ckeditor/ckeditor5-react");
|
|
7
|
+
const custom_config = {
|
|
8
|
+
toolbar: {
|
|
9
|
+
items: [
|
|
10
|
+
'heading',
|
|
11
|
+
'|',
|
|
12
|
+
'bold',
|
|
13
|
+
'italic',
|
|
14
|
+
'link',
|
|
15
|
+
'bulletedList',
|
|
16
|
+
'numberedList',
|
|
17
|
+
'|',
|
|
18
|
+
'blockQuote',
|
|
19
|
+
'insertTable',
|
|
20
|
+
'selectAll',
|
|
21
|
+
'|',
|
|
22
|
+
'imageUpload',
|
|
23
|
+
'mediaEmbed',
|
|
24
|
+
'|',
|
|
25
|
+
'undo',
|
|
26
|
+
'redo',
|
|
27
|
+
],
|
|
28
|
+
},
|
|
29
|
+
table: {
|
|
30
|
+
contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells'],
|
|
31
|
+
},
|
|
32
|
+
};
|
|
33
|
+
var _debounce = undefined;
|
|
34
|
+
const HtmlEditor = (props) => {
|
|
35
|
+
const editorRef = (0, react_1.useRef)();
|
|
36
|
+
const [loaded, setLoaded] = (0, react_1.useState)(false);
|
|
37
|
+
const [html, setHtml] = (0, react_1.useState)(props.content || '');
|
|
38
|
+
(0, react_1.useEffect)(() => {
|
|
39
|
+
editorRef.current = require('@ckeditor/ckeditor5-build-classic');
|
|
40
|
+
setLoaded(true);
|
|
41
|
+
return function cleanup() {
|
|
42
|
+
clearTimeout(_debounce);
|
|
43
|
+
};
|
|
44
|
+
}, []);
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loaded ? ((0, jsx_runtime_1.jsx)(ckeditor5_react_1.CKEditor, { editor: editorRef.current, config: custom_config, disabled: props.disabled === true, data: html, onReady: (editor) => {
|
|
46
|
+
}, onChange: (event, editor) => {
|
|
47
|
+
setHtml(editor.getData());
|
|
48
|
+
_debounce = setTimeout(() => {
|
|
49
|
+
if (props.onChange) {
|
|
50
|
+
props.onChange(editor.getData());
|
|
51
|
+
}
|
|
52
|
+
}, 1000);
|
|
53
|
+
}, onBlur: (event, editor) => {
|
|
54
|
+
} }, void 0)) : ((0, jsx_runtime_1.jsx)("p", { children: (0, i18n_1.t)('Loading') }, void 0)) }, void 0));
|
|
55
|
+
};
|
|
56
|
+
exports.default = HtmlEditor;
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSHRtbEVkaXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvZm9ybXMvRWRpdG9yL0h0bWxFZGl0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLGlDQUEyRDtBQUMzRCx5Q0FBbUM7QUFDbkMsK0RBQXFEO0FBUXJELE1BQU0sYUFBYSxHQUFHO0lBQ3BCLE9BQU8sRUFBRTtRQUNQLEtBQUssRUFBRTtZQUNMLFNBQVM7WUFDVCxHQUFHO1lBQ0gsTUFBTTtZQUNOLFFBQVE7WUFDUixNQUFNO1lBQ04sY0FBYztZQUNkLGNBQWM7WUFDZCxHQUFHO1lBQ0gsWUFBWTtZQUNaLGFBQWE7WUFDYixXQUFXO1lBQ1gsR0FBRztZQUNILGFBQWE7WUFDYixZQUFZO1lBQ1osR0FBRztZQUNILE1BQU07WUFDTixNQUFNO1NBQ1A7S0FDRjtJQUNELEtBQUssRUFBRTtRQUNMLGNBQWMsRUFBRSxDQUFDLGFBQWEsRUFBRSxVQUFVLEVBQUUsaUJBQWlCLENBQUM7S0FDL0Q7Q0FDRixDQUFDO0FBQ0YsSUFBSSxTQUFTLEdBQVEsU0FBUyxDQUFDO0FBRS9CLE1BQU0sVUFBVSxHQUEyQixDQUFDLEtBQW1CLEVBQUUsRUFBRTtJQUNqRSxNQUFNLFNBQVMsR0FBUSxJQUFBLGNBQU0sR0FBTyxDQUFDO0lBQ3JDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ3JELE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDLENBQUM7SUFFdEQsSUFBQSxpQkFBUyxFQUFDLEdBQUcsRUFBRTtRQUNiLFNBQVMsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDLG1DQUFtQyxDQUFDLENBQUM7UUFDakUsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hCLE9BQU8sU0FBUyxPQUFPO1lBQ3JCLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUMxQixDQUFDLENBQUM7SUFDSixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsMkRBQ0csTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUNSLHVCQUFDLDBCQUFRLElBQ1AsTUFBTSxFQUFFLFNBQVMsQ0FBQyxPQUFPLEVBQ3pCLE1BQU0sRUFBRSxhQUFhLEVBQ3JCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxLQUFLLElBQUksRUFDakMsSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUVwQixDQUFDLEVBQ0QsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLE1BQVcsRUFBRSxFQUFFO2dCQUMvQixPQUFPLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7Z0JBQzFCLFNBQVMsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO29CQUMxQixJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUU7d0JBQ2xCLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7cUJBQ2xDO2dCQUNILENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztZQUNYLENBQUMsRUFDRCxNQUFNLEVBQUUsQ0FBQyxLQUFLLEVBQUUsTUFBVyxFQUFFLEVBQUU7WUFFL0IsQ0FBQyxXQUNELENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRix3Q0FBSSxJQUFBLFFBQUMsRUFBQyxTQUFTLENBQUMsV0FBSyxDQUN0QixXQUNBLENBQ0osQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGtCQUFlLFVBQVUsQ0FBQyJ9
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IProps } from './Editor';
|
|
3
|
+
import { IEditorProps } from './HtmlEditor';
|
|
3
4
|
declare const DynamicEditor: import("react").ComponentType<IProps>;
|
|
5
|
+
export declare const HtmlEditor: import("react").ComponentType<IEditorProps>;
|
|
4
6
|
export default DynamicEditor;
|
|
@@ -22,6 +22,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
22
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.HtmlEditor = void 0;
|
|
25
26
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
27
|
const dynamic_1 = __importDefault(require("next/dynamic"));
|
|
27
28
|
const Spinner_1 = __importDefault(require("../../components/Spinner"));
|
|
@@ -29,5 +30,9 @@ const DynamicEditor = (0, dynamic_1.default)(() => Promise.resolve().then(() =>
|
|
|
29
30
|
ssr: false,
|
|
30
31
|
loading: () => (0, jsx_runtime_1.jsx)(Spinner_1.default, {}, void 0),
|
|
31
32
|
});
|
|
33
|
+
exports.HtmlEditor = (0, dynamic_1.default)(() => Promise.resolve().then(() => __importStar(require('./HtmlEditor'))), {
|
|
34
|
+
ssr: false,
|
|
35
|
+
loading: () => (0, jsx_runtime_1.jsx)(Spinner_1.default, {}, void 0),
|
|
36
|
+
});
|
|
32
37
|
exports.default = DynamicEditor;
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2Zvcm1zL0VkaXRvci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwyREFBbUM7QUFHbkMsdUVBQStDO0FBRS9DLE1BQU0sYUFBYSxHQUFHLElBQUEsaUJBQU8sRUFBUyxHQUFHLEVBQUUsbURBQVEsVUFBVSxHQUFDLEVBQUU7SUFDOUQsR0FBRyxFQUFFLEtBQUs7SUFDVixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsdUJBQUMsaUJBQU8sYUFBRztDQUMzQixDQUFDLENBQUM7QUFFVSxRQUFBLFVBQVUsR0FBRyxJQUFBLGlCQUFPLEVBQWUsR0FBRyxFQUFFLG1EQUFRLGNBQWMsR0FBQyxFQUFFO0lBQzVFLEdBQUcsRUFBRSxLQUFLO0lBQ1YsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLHVCQUFDLGlCQUFPLGFBQUc7Q0FDM0IsQ0FBQyxDQUFDO0FBRUgsa0JBQWUsYUFBYSxDQUFDIn0=
|
|
@@ -1,13 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
2
21
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
23
|
};
|
|
5
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Forms = exports.DetailForm = exports.Editor = void 0;
|
|
7
|
-
const Editor_1 =
|
|
25
|
+
exports.HtmlEditor = exports.Forms = exports.DetailForm = exports.Editor = void 0;
|
|
26
|
+
const Editor_1 = __importStar(require("./Editor"));
|
|
8
27
|
exports.Editor = Editor_1.default;
|
|
28
|
+
Object.defineProperty(exports, "HtmlEditor", { enumerable: true, get: function () { return Editor_1.HtmlEditor; } });
|
|
9
29
|
const DetailForm_1 = __importDefault(require("./DetailForm/DetailForm"));
|
|
10
30
|
exports.DetailForm = DetailForm_1.default;
|
|
11
31
|
const Forms_1 = __importDefault(require("./Forms"));
|
|
12
32
|
exports.Forms = Forms_1.default;
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2Zvcm1zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtREFBOEM7QUFJckMsaUJBSkYsZ0JBQU0sQ0FJRTtBQUFxQiwyRkFKbkIsbUJBQVUsT0FJbUI7QUFIOUMseUVBQWlEO0FBR2hDLHFCQUhWLG9CQUFVLENBR1U7QUFGM0Isb0RBQTRCO0FBRUMsZ0JBRnRCLGVBQUssQ0FFc0IifQ==
|
package/build/module/index.d.ts
CHANGED
|
@@ -15,7 +15,6 @@ export { ListFormService, GetSchema, UI, coreComponent, DataProvider, ListProvid
|
|
|
15
15
|
export * from './lib/forms/';
|
|
16
16
|
export * from './lib/library/';
|
|
17
17
|
export * from './lib/widgets/';
|
|
18
|
-
export * from './lib/components/index';
|
|
19
18
|
export type { IListFormService, IWarehouse, IImage, IPermission, IPartner, ICurrentUser, IAppProps, IDataProvider, IBaseState, ICoreState, IDisplayType, IBaseProps, ICoreProps, IListBaseState, IProviderBase, IProviderItems, ReduxProps, };
|
|
20
19
|
export * from './lib/components/index';
|
|
21
20
|
export * from './lib/common/helper';
|
package/build/module/index.js
CHANGED
|
@@ -11,7 +11,6 @@ export * from './lib/forms/';
|
|
|
11
11
|
export * from './lib/library/';
|
|
12
12
|
export * from './lib/widgets/';
|
|
13
13
|
export * from './lib/components/index';
|
|
14
|
-
export * from './lib/components/index';
|
|
15
14
|
export * from './lib/common/helper';
|
|
16
15
|
export * from './lib/common/UI';
|
|
17
16
|
export * from './lib/services/graphqlSchema';
|
|
@@ -20,4 +19,4 @@ export * from './lib/redux/reduxCore';
|
|
|
20
19
|
export * from './lib/redux/actions/user';
|
|
21
20
|
export { compose } from 'redux';
|
|
22
21
|
export { connect } from 'react-redux';
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDekQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JDLE9BQU8sRUFDTCxhQUFhLEdBSWQsTUFBTSw0QkFBNEIsQ0FBQztBQUdwQyxPQUFPLFlBQVksTUFBTSwyQkFBMkIsQ0FBQztBQWlCckQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBR3JELE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsRUFDWCxRQUFRLEVBQ1IsT0FBTyxFQUNQLE9BQU8sRUFDUCxTQUFTLEVBQ1QsS0FBSyxFQUNMLEtBQUssRUFDTCxRQUFRLEVBQ1IsU0FBUyxFQUNULE9BQU8sR0FDUixNQUFNLFlBQVksQ0FBQztBQUNwQixPQUFPLEVBQ0wsZUFBZSxFQUNmLFNBQVMsRUFDVCxFQUFFLEVBQ0YsYUFBYSxFQUNiLFlBQVksRUFDWixZQUFZLEVBQ1osWUFBWSxHQUNiLENBQUM7QUFHRixjQUFjLGNBQWMsQ0FBQztBQUc3QixjQUFjLGdCQUFnQixDQUFDO0FBRy9CLGNBQWMsZ0JBQWdCLENBQUM7QUEwQi9CLGNBQWMsd0JBQXdCLENBQUM7QUFHdkMsY0FBYyxxQkFBcUIsQ0FBQztBQUdwQyxjQUFjLGlCQUFpQixDQUFDO0FBR2hDLGNBQWMsOEJBQThCLENBQUM7QUFHN0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsMEJBQTBCLENBQUM7QUFFekMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVoQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sYUFBYSxDQUFDIn0=
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useState, useEffect } from 'react';
|
|
3
|
+
import { t } from '../../loc/i18n';
|
|
4
|
+
import { CKEditor } from '@ckeditor/ckeditor5-react';
|
|
5
|
+
const custom_config = {
|
|
6
|
+
toolbar: {
|
|
7
|
+
items: [
|
|
8
|
+
'heading',
|
|
9
|
+
'|',
|
|
10
|
+
'bold',
|
|
11
|
+
'italic',
|
|
12
|
+
'link',
|
|
13
|
+
'bulletedList',
|
|
14
|
+
'numberedList',
|
|
15
|
+
'|',
|
|
16
|
+
'blockQuote',
|
|
17
|
+
'insertTable',
|
|
18
|
+
'selectAll',
|
|
19
|
+
'|',
|
|
20
|
+
'imageUpload',
|
|
21
|
+
'mediaEmbed',
|
|
22
|
+
'|',
|
|
23
|
+
'undo',
|
|
24
|
+
'redo',
|
|
25
|
+
],
|
|
26
|
+
},
|
|
27
|
+
table: {
|
|
28
|
+
contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells'],
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
var _debounce = undefined;
|
|
32
|
+
const HtmlEditor = (props) => {
|
|
33
|
+
const editorRef = useRef();
|
|
34
|
+
const [loaded, setLoaded] = useState(false);
|
|
35
|
+
const [html, setHtml] = useState(props.content || '');
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
editorRef.current = require('@ckeditor/ckeditor5-build-classic');
|
|
38
|
+
setLoaded(true);
|
|
39
|
+
return function cleanup() {
|
|
40
|
+
clearTimeout(_debounce);
|
|
41
|
+
};
|
|
42
|
+
}, []);
|
|
43
|
+
return (_jsx(_Fragment, { children: loaded ? (_jsx(CKEditor, { editor: editorRef.current, config: custom_config, disabled: props.disabled === true, data: html, onReady: (editor) => {
|
|
44
|
+
}, onChange: (event, editor) => {
|
|
45
|
+
setHtml(editor.getData());
|
|
46
|
+
_debounce = setTimeout(() => {
|
|
47
|
+
if (props.onChange) {
|
|
48
|
+
props.onChange(editor.getData());
|
|
49
|
+
}
|
|
50
|
+
}, 1000);
|
|
51
|
+
}, onBlur: (event, editor) => {
|
|
52
|
+
} }, void 0)) : (_jsx("p", { children: t('Loading') }, void 0)) }, void 0));
|
|
53
|
+
};
|
|
54
|
+
export default HtmlEditor;
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSHRtbEVkaXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvZm9ybXMvRWRpdG9yL0h0bWxFZGl0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFjLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDM0QsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQVFyRCxNQUFNLGFBQWEsR0FBRztJQUNwQixPQUFPLEVBQUU7UUFDUCxLQUFLLEVBQUU7WUFDTCxTQUFTO1lBQ1QsR0FBRztZQUNILE1BQU07WUFDTixRQUFRO1lBQ1IsTUFBTTtZQUNOLGNBQWM7WUFDZCxjQUFjO1lBQ2QsR0FBRztZQUNILFlBQVk7WUFDWixhQUFhO1lBQ2IsV0FBVztZQUNYLEdBQUc7WUFDSCxhQUFhO1lBQ2IsWUFBWTtZQUNaLEdBQUc7WUFDSCxNQUFNO1lBQ04sTUFBTTtTQUNQO0tBQ0Y7SUFDRCxLQUFLLEVBQUU7UUFDTCxjQUFjLEVBQUUsQ0FBQyxhQUFhLEVBQUUsVUFBVSxFQUFFLGlCQUFpQixDQUFDO0tBQy9EO0NBQ0YsQ0FBQztBQUNGLElBQUksU0FBUyxHQUFRLFNBQVMsQ0FBQztBQUUvQixNQUFNLFVBQVUsR0FBMkIsQ0FBQyxLQUFtQixFQUFFLEVBQUU7SUFDakUsTUFBTSxTQUFTLEdBQVEsTUFBTSxFQUFPLENBQUM7SUFDckMsTUFBTSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDckQsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsQ0FBQztJQUV0RCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsU0FBUyxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsbUNBQW1DLENBQUMsQ0FBQztRQUNqRSxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDaEIsT0FBTyxTQUFTLE9BQU87WUFDckIsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzFCLENBQUMsQ0FBQztJQUNKLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTCw0QkFDRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQ1IsS0FBQyxRQUFRLElBQ1AsTUFBTSxFQUFFLFNBQVMsQ0FBQyxPQUFPLEVBQ3pCLE1BQU0sRUFBRSxhQUFhLEVBQ3JCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxLQUFLLElBQUksRUFDakMsSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUVwQixDQUFDLEVBQ0QsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLE1BQVcsRUFBRSxFQUFFO2dCQUMvQixPQUFPLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7Z0JBQzFCLFNBQVMsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO29CQUMxQixJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUU7d0JBQ2xCLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7cUJBQ2xDO2dCQUNILENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztZQUNYLENBQUMsRUFDRCxNQUFNLEVBQUUsQ0FBQyxLQUFLLEVBQUUsTUFBVyxFQUFFLEVBQUU7WUFFL0IsQ0FBQyxXQUNELENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRixzQkFBSSxDQUFDLENBQUMsU0FBUyxDQUFDLFdBQUssQ0FDdEIsV0FDQSxDQUNKLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixlQUFlLFVBQVUsQ0FBQyJ9
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IProps } from './Editor';
|
|
3
|
+
import { IEditorProps } from './HtmlEditor';
|
|
3
4
|
declare const DynamicEditor: import("react").ComponentType<IProps>;
|
|
5
|
+
export declare const HtmlEditor: import("react").ComponentType<IEditorProps>;
|
|
4
6
|
export default DynamicEditor;
|
|
@@ -5,5 +5,9 @@ const DynamicEditor = dynamic(() => import('./Editor'), {
|
|
|
5
5
|
ssr: false,
|
|
6
6
|
loading: () => _jsx(Spinner, {}, void 0),
|
|
7
7
|
});
|
|
8
|
+
export const HtmlEditor = dynamic(() => import('./HtmlEditor'), {
|
|
9
|
+
ssr: false,
|
|
10
|
+
loading: () => _jsx(Spinner, {}, void 0),
|
|
11
|
+
});
|
|
8
12
|
export default DynamicEditor;
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2Zvcm1zL0VkaXRvci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sT0FBTyxNQUFNLGNBQWMsQ0FBQztBQUduQyxPQUFPLE9BQU8sTUFBTSwwQkFBMEIsQ0FBQztBQUUvQyxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQVMsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFO0lBQzlELEdBQUcsRUFBRSxLQUFLO0lBQ1YsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLEtBQUMsT0FBTyxhQUFHO0NBQzNCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxPQUFPLENBQWUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxFQUFFO0lBQzVFLEdBQUcsRUFBRSxLQUFLO0lBQ1YsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLEtBQUMsT0FBTyxhQUFHO0NBQzNCLENBQUMsQ0FBQztBQUVILGVBQWUsYUFBYSxDQUFDIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import Editor from './Editor';
|
|
1
|
+
import Editor, { HtmlEditor } from './Editor';
|
|
2
2
|
import DetailForm from './DetailForm/DetailForm';
|
|
3
3
|
import Forms from './Forms';
|
|
4
|
-
export { Editor, DetailForm, Forms };
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
export { Editor, DetailForm, Forms, HtmlEditor };
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2Zvcm1zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQzlDLE9BQU8sVUFBVSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pELE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQztBQUU1QixPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLENBQUMifQ==
|