@panneau/field-html 3.0.162 → 3.0.164
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/es/index.js +59 -33
- package/lib/index.js +59 -33
- package/package.json +5 -7
package/es/index.js
CHANGED
|
@@ -5,59 +5,85 @@ import PropTypes from 'prop-types';
|
|
|
5
5
|
import React, { useState, useEffect, useCallback } from 'react';
|
|
6
6
|
import InputGroup from '@panneau/field-input-group';
|
|
7
7
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
8
|
-
import { loadPackage } from '@panneau/core/utils';
|
|
9
8
|
|
|
10
9
|
/**
|
|
11
10
|
* Locale loader
|
|
12
11
|
*/
|
|
13
12
|
var packageCache = null;
|
|
14
13
|
var useCKEditorBuild = function useCKEditorBuild() {
|
|
15
|
-
var
|
|
16
|
-
_ref$disabled = _ref.disabled,
|
|
17
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
18
|
-
_ref$inline = _ref.inline,
|
|
19
|
-
inline = _ref$inline === void 0 ? false : _ref$inline;
|
|
20
|
-
var _useState = useState({
|
|
21
|
-
"package": packageCache
|
|
22
|
-
}),
|
|
14
|
+
var _useState = useState(packageCache),
|
|
23
15
|
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
-
|
|
16
|
+
packages = _useState2[0],
|
|
25
17
|
setLoadedPackage = _useState2[1];
|
|
18
|
+
var loadedPackage = packages;
|
|
26
19
|
useEffect(function () {
|
|
27
|
-
var canceled = false;
|
|
28
20
|
if (loadedPackage !== null) {
|
|
29
21
|
return function () {
|
|
30
|
-
canceled = true;
|
|
31
22
|
};
|
|
32
23
|
}
|
|
33
|
-
if (!disabled) {
|
|
34
|
-
var onEditorBuildLoaded = function onEditorBuildLoaded(_ref2) {
|
|
35
|
-
var EditorBuild = _ref2["default"];
|
|
36
|
-
packageCache = EditorBuild;
|
|
37
|
-
if (!canceled) {
|
|
38
|
-
setLoadedPackage({
|
|
39
|
-
"package": EditorBuild
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
24
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
25
|
+
// import('@oanneau/ckeditor/build').then(({ default: { Editor = null } }) => {
|
|
26
|
+
// if (!canceled) {
|
|
27
|
+
// setLoadedPackage(Editor);
|
|
28
|
+
// }
|
|
29
|
+
// });
|
|
49
30
|
|
|
50
|
-
loadPackage('@ckeditor/ckeditor5-build-classic', function () {
|
|
51
|
-
return import('@ckeditor/ckeditor5-build-classic');
|
|
52
|
-
}).then(onEditorBuildLoaded);
|
|
53
|
-
}
|
|
54
31
|
return function () {
|
|
55
|
-
canceled = true;
|
|
56
32
|
};
|
|
57
|
-
}, [loadedPackage, setLoadedPackage
|
|
33
|
+
}, [loadedPackage, setLoadedPackage]);
|
|
58
34
|
return loadedPackage;
|
|
59
35
|
};
|
|
60
36
|
|
|
37
|
+
// import { useEffect, useState } from 'react';
|
|
38
|
+
|
|
39
|
+
// import { loadPackage } from '@panneau/core/utils';
|
|
40
|
+
|
|
41
|
+
// /**
|
|
42
|
+
// * Locale loader
|
|
43
|
+
// */
|
|
44
|
+
// let packageCache = null;
|
|
45
|
+
// const useCKEditorBuild = ({ disabled = false, inline = false } = {}) => {
|
|
46
|
+
// const [{ package: loadedPackage }, setLoadedPackage] = useState({
|
|
47
|
+
// package: packageCache,
|
|
48
|
+
// });
|
|
49
|
+
|
|
50
|
+
// useEffect(() => {
|
|
51
|
+
// let canceled = false;
|
|
52
|
+
// if (loadedPackage !== null) {
|
|
53
|
+
// return () => {
|
|
54
|
+
// canceled = true;
|
|
55
|
+
// };
|
|
56
|
+
// }
|
|
57
|
+
// if (!disabled) {
|
|
58
|
+
// const onEditorBuildLoaded = ({ default: EditorBuild }) => {
|
|
59
|
+
// packageCache = EditorBuild;
|
|
60
|
+
// if (!canceled) {
|
|
61
|
+
// setLoadedPackage({
|
|
62
|
+
// package: EditorBuild,
|
|
63
|
+
// });
|
|
64
|
+
// }
|
|
65
|
+
// };
|
|
66
|
+
|
|
67
|
+
// // if (inline) {
|
|
68
|
+
// // import('@ckeditor/ckeditor5-build-inline').then(onEditorBuildLoaded);
|
|
69
|
+
// // } else {
|
|
70
|
+
// // import('@ckeditor/ckeditor5-build-classic').then(onEditorBuildLoaded);
|
|
71
|
+
// // }
|
|
72
|
+
|
|
73
|
+
// // loadPackage('@panneau/ckeditor/build', () => import('@panneau/ckeditor/build')).then(
|
|
74
|
+
// // onEditorBuildLoaded,
|
|
75
|
+
// // );
|
|
76
|
+
// }
|
|
77
|
+
// return () => {
|
|
78
|
+
// canceled = true;
|
|
79
|
+
// };
|
|
80
|
+
// }, [loadedPackage, setLoadedPackage, disabled, inline]);
|
|
81
|
+
|
|
82
|
+
// return loadedPackage;
|
|
83
|
+
// };
|
|
84
|
+
|
|
85
|
+
// export default useCKEditorBuild;
|
|
86
|
+
|
|
61
87
|
var styles = {"container":"panneau-field-html-container"};
|
|
62
88
|
|
|
63
89
|
var propTypes = {
|
package/lib/index.js
CHANGED
|
@@ -9,59 +9,85 @@ var PropTypes = require('prop-types');
|
|
|
9
9
|
var React = require('react');
|
|
10
10
|
var InputGroup = require('@panneau/field-input-group');
|
|
11
11
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
12
|
-
var utils = require('@panneau/core/utils');
|
|
13
12
|
|
|
14
13
|
/**
|
|
15
14
|
* Locale loader
|
|
16
15
|
*/
|
|
17
16
|
var packageCache = null;
|
|
18
17
|
var useCKEditorBuild = function useCKEditorBuild() {
|
|
19
|
-
var
|
|
20
|
-
_ref$disabled = _ref.disabled,
|
|
21
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
22
|
-
_ref$inline = _ref.inline,
|
|
23
|
-
inline = _ref$inline === void 0 ? false : _ref$inline;
|
|
24
|
-
var _useState = React.useState({
|
|
25
|
-
"package": packageCache
|
|
26
|
-
}),
|
|
18
|
+
var _useState = React.useState(packageCache),
|
|
27
19
|
_useState2 = _slicedToArray(_useState, 2),
|
|
28
|
-
|
|
20
|
+
packages = _useState2[0],
|
|
29
21
|
setLoadedPackage = _useState2[1];
|
|
22
|
+
var loadedPackage = packages;
|
|
30
23
|
React.useEffect(function () {
|
|
31
|
-
var canceled = false;
|
|
32
24
|
if (loadedPackage !== null) {
|
|
33
25
|
return function () {
|
|
34
|
-
canceled = true;
|
|
35
26
|
};
|
|
36
27
|
}
|
|
37
|
-
if (!disabled) {
|
|
38
|
-
var onEditorBuildLoaded = function onEditorBuildLoaded(_ref2) {
|
|
39
|
-
var EditorBuild = _ref2["default"];
|
|
40
|
-
packageCache = EditorBuild;
|
|
41
|
-
if (!canceled) {
|
|
42
|
-
setLoadedPackage({
|
|
43
|
-
"package": EditorBuild
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
28
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
29
|
+
// import('@oanneau/ckeditor/build').then(({ default: { Editor = null } }) => {
|
|
30
|
+
// if (!canceled) {
|
|
31
|
+
// setLoadedPackage(Editor);
|
|
32
|
+
// }
|
|
33
|
+
// });
|
|
53
34
|
|
|
54
|
-
utils.loadPackage('@ckeditor/ckeditor5-build-classic', function () {
|
|
55
|
-
return import('@ckeditor/ckeditor5-build-classic');
|
|
56
|
-
}).then(onEditorBuildLoaded);
|
|
57
|
-
}
|
|
58
35
|
return function () {
|
|
59
|
-
canceled = true;
|
|
60
36
|
};
|
|
61
|
-
}, [loadedPackage, setLoadedPackage
|
|
37
|
+
}, [loadedPackage, setLoadedPackage]);
|
|
62
38
|
return loadedPackage;
|
|
63
39
|
};
|
|
64
40
|
|
|
41
|
+
// import { useEffect, useState } from 'react';
|
|
42
|
+
|
|
43
|
+
// import { loadPackage } from '@panneau/core/utils';
|
|
44
|
+
|
|
45
|
+
// /**
|
|
46
|
+
// * Locale loader
|
|
47
|
+
// */
|
|
48
|
+
// let packageCache = null;
|
|
49
|
+
// const useCKEditorBuild = ({ disabled = false, inline = false } = {}) => {
|
|
50
|
+
// const [{ package: loadedPackage }, setLoadedPackage] = useState({
|
|
51
|
+
// package: packageCache,
|
|
52
|
+
// });
|
|
53
|
+
|
|
54
|
+
// useEffect(() => {
|
|
55
|
+
// let canceled = false;
|
|
56
|
+
// if (loadedPackage !== null) {
|
|
57
|
+
// return () => {
|
|
58
|
+
// canceled = true;
|
|
59
|
+
// };
|
|
60
|
+
// }
|
|
61
|
+
// if (!disabled) {
|
|
62
|
+
// const onEditorBuildLoaded = ({ default: EditorBuild }) => {
|
|
63
|
+
// packageCache = EditorBuild;
|
|
64
|
+
// if (!canceled) {
|
|
65
|
+
// setLoadedPackage({
|
|
66
|
+
// package: EditorBuild,
|
|
67
|
+
// });
|
|
68
|
+
// }
|
|
69
|
+
// };
|
|
70
|
+
|
|
71
|
+
// // if (inline) {
|
|
72
|
+
// // import('@ckeditor/ckeditor5-build-inline').then(onEditorBuildLoaded);
|
|
73
|
+
// // } else {
|
|
74
|
+
// // import('@ckeditor/ckeditor5-build-classic').then(onEditorBuildLoaded);
|
|
75
|
+
// // }
|
|
76
|
+
|
|
77
|
+
// // loadPackage('@panneau/ckeditor/build', () => import('@panneau/ckeditor/build')).then(
|
|
78
|
+
// // onEditorBuildLoaded,
|
|
79
|
+
// // );
|
|
80
|
+
// }
|
|
81
|
+
// return () => {
|
|
82
|
+
// canceled = true;
|
|
83
|
+
// };
|
|
84
|
+
// }, [loadedPackage, setLoadedPackage, disabled, inline]);
|
|
85
|
+
|
|
86
|
+
// return loadedPackage;
|
|
87
|
+
// };
|
|
88
|
+
|
|
89
|
+
// export default useCKEditorBuild;
|
|
90
|
+
|
|
65
91
|
var styles = {"container":"panneau-field-html-container"};
|
|
66
92
|
|
|
67
93
|
var propTypes = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/field-html",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.164",
|
|
4
4
|
"description": "A HTML field, using either Quill or CK Editor",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -54,17 +54,15 @@
|
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@babel/runtime": "^7.12.5",
|
|
57
|
-
"@ckeditor/ckeditor5-build-classic": "^41.2.1",
|
|
58
|
-
"@ckeditor/ckeditor5-build-inline": "^41.2.1",
|
|
59
57
|
"@ckeditor/ckeditor5-react": "^6.2.0",
|
|
60
|
-
"@panneau/core": "^3.0.
|
|
61
|
-
"@panneau/field-input-group": "^3.0.
|
|
62
|
-
"@panneau/themes": "^3.0.
|
|
58
|
+
"@panneau/core": "^3.0.164",
|
|
59
|
+
"@panneau/field-input-group": "^3.0.164",
|
|
60
|
+
"@panneau/themes": "^3.0.164",
|
|
63
61
|
"classnames": "^2.5.1",
|
|
64
62
|
"prop-types": "^15.7.2"
|
|
65
63
|
},
|
|
66
64
|
"publishConfig": {
|
|
67
65
|
"access": "public"
|
|
68
66
|
},
|
|
69
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "7a1511eb7b08a09cfcf708d1ca314a12155e9bd8"
|
|
70
68
|
}
|