@panneau/field-html 3.0.119 → 3.0.126
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 +1 -2
- package/lib/index.js +20 -48
- package/package.json +7 -6
package/es/index.js
CHANGED
|
@@ -57,7 +57,6 @@ var useCKEditorBuild = function useCKEditorBuild() {
|
|
|
57
57
|
}, [loadedPackage, setLoadedPackage, disabled, inline]);
|
|
58
58
|
return loadedPackage;
|
|
59
59
|
};
|
|
60
|
-
var useCKEditorBuild$1 = useCKEditorBuild;
|
|
61
60
|
|
|
62
61
|
var styles = {"container":"panneau-field-html-container"};
|
|
63
62
|
|
|
@@ -132,7 +131,7 @@ var HtmlField = function HtmlField(_ref) {
|
|
|
132
131
|
ckConfig = _ref.ckConfig,
|
|
133
132
|
ckOptions = _ref.ckOptions,
|
|
134
133
|
className = _ref.className;
|
|
135
|
-
var CKEditorBuild = useCKEditorBuild
|
|
134
|
+
var CKEditorBuild = useCKEditorBuild();
|
|
136
135
|
var CKValue = value !== null ? value : '';
|
|
137
136
|
var finalClassName = inline ? classNames([styles.container, 'form-control', _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), 'is-valid', feedback === 'valid'), 'is-invalid', feedback === 'invalid' || errors !== null && errors.length > 0)]) : classNames([styles.container, _defineProperty({}, className, className !== null)]);
|
|
138
137
|
var onCkEditorChange = useCallback(function (event, editor) {
|
package/lib/index.js
CHANGED
|
@@ -11,33 +11,6 @@ var InputGroup = require('@panneau/field-input-group');
|
|
|
11
11
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
12
12
|
var utils = require('@panneau/core/utils');
|
|
13
13
|
|
|
14
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
-
|
|
16
|
-
function _interopNamespace(e) {
|
|
17
|
-
if (e && e.__esModule) return e;
|
|
18
|
-
var n = Object.create(null);
|
|
19
|
-
if (e) {
|
|
20
|
-
Object.keys(e).forEach(function (k) {
|
|
21
|
-
if (k !== 'default') {
|
|
22
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
23
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
get: function () { return e[k]; }
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
n["default"] = e;
|
|
31
|
-
return Object.freeze(n);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
35
|
-
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
36
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
37
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
38
|
-
var InputGroup__default = /*#__PURE__*/_interopDefaultLegacy(InputGroup);
|
|
39
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
40
|
-
|
|
41
14
|
/**
|
|
42
15
|
* Locale loader
|
|
43
16
|
*/
|
|
@@ -51,7 +24,7 @@ var useCKEditorBuild = function useCKEditorBuild() {
|
|
|
51
24
|
var _useState = React.useState({
|
|
52
25
|
"package": packageCache
|
|
53
26
|
}),
|
|
54
|
-
_useState2 =
|
|
27
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
55
28
|
loadedPackage = _useState2[0]["package"],
|
|
56
29
|
setLoadedPackage = _useState2[1];
|
|
57
30
|
React.useEffect(function () {
|
|
@@ -79,7 +52,7 @@ var useCKEditorBuild = function useCKEditorBuild() {
|
|
|
79
52
|
// }
|
|
80
53
|
|
|
81
54
|
utils.loadPackage('@ckeditor/ckeditor5-build-classic', function () {
|
|
82
|
-
return
|
|
55
|
+
return import('@ckeditor/ckeditor5-build-classic');
|
|
83
56
|
}).then(onEditorBuildLoaded);
|
|
84
57
|
}
|
|
85
58
|
return function () {
|
|
@@ -88,25 +61,24 @@ var useCKEditorBuild = function useCKEditorBuild() {
|
|
|
88
61
|
}, [loadedPackage, setLoadedPackage, disabled, inline]);
|
|
89
62
|
return loadedPackage;
|
|
90
63
|
};
|
|
91
|
-
var useCKEditorBuild$1 = useCKEditorBuild;
|
|
92
64
|
|
|
93
65
|
var styles = {"container":"panneau-field-html-container"};
|
|
94
66
|
|
|
95
67
|
var propTypes = {
|
|
96
|
-
feedback:
|
|
97
|
-
errors:
|
|
98
|
-
value:
|
|
99
|
-
placeholder:
|
|
100
|
-
inline:
|
|
101
|
-
disabled:
|
|
102
|
-
onChange:
|
|
103
|
-
onFocus:
|
|
104
|
-
onBlur:
|
|
105
|
-
ckConfig:
|
|
68
|
+
feedback: PropTypes.oneOf(['valid', 'invalid', 'loading']),
|
|
69
|
+
errors: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
|
|
70
|
+
value: PropTypes.string,
|
|
71
|
+
placeholder: PropTypes.string,
|
|
72
|
+
inline: PropTypes.bool,
|
|
73
|
+
disabled: PropTypes.bool,
|
|
74
|
+
onChange: PropTypes.func,
|
|
75
|
+
onFocus: PropTypes.func,
|
|
76
|
+
onBlur: PropTypes.func,
|
|
77
|
+
ckConfig: PropTypes.object,
|
|
106
78
|
// eslint-disable-line react/forbid-prop-types
|
|
107
|
-
ckOptions:
|
|
79
|
+
ckOptions: PropTypes.object,
|
|
108
80
|
// eslint-disable-line react/forbid-prop-types
|
|
109
|
-
className:
|
|
81
|
+
className: PropTypes.string
|
|
110
82
|
};
|
|
111
83
|
var defaultProps = {
|
|
112
84
|
feedback: null,
|
|
@@ -163,9 +135,9 @@ var HtmlField = function HtmlField(_ref) {
|
|
|
163
135
|
ckConfig = _ref.ckConfig,
|
|
164
136
|
ckOptions = _ref.ckOptions,
|
|
165
137
|
className = _ref.className;
|
|
166
|
-
var CKEditorBuild = useCKEditorBuild
|
|
138
|
+
var CKEditorBuild = useCKEditorBuild();
|
|
167
139
|
var CKValue = value !== null ? value : '';
|
|
168
|
-
var finalClassName = inline ?
|
|
140
|
+
var finalClassName = inline ? classNames([styles.container, 'form-control', _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), 'is-valid', feedback === 'valid'), 'is-invalid', feedback === 'invalid' || errors !== null && errors.length > 0)]) : classNames([styles.container, _defineProperty({}, className, className !== null)]);
|
|
169
141
|
var onCkEditorChange = React.useCallback(function (event, editor) {
|
|
170
142
|
var data = editor.getData();
|
|
171
143
|
if (onChange !== null) {
|
|
@@ -179,9 +151,9 @@ var HtmlField = function HtmlField(_ref) {
|
|
|
179
151
|
|
|
180
152
|
// console.log('CKValue', CKValue);
|
|
181
153
|
|
|
182
|
-
var ckElement = CKEditorBuild !== null ? /*#__PURE__*/
|
|
154
|
+
var ckElement = CKEditorBuild !== null ? /*#__PURE__*/React.createElement("div", {
|
|
183
155
|
className: finalClassName
|
|
184
|
-
}, /*#__PURE__*/
|
|
156
|
+
}, /*#__PURE__*/React.createElement(ckeditor5React.CKEditor, Object.assign({
|
|
185
157
|
editor: CKEditorBuild,
|
|
186
158
|
data: CKValue,
|
|
187
159
|
config: ckConfig,
|
|
@@ -189,7 +161,7 @@ var HtmlField = function HtmlField(_ref) {
|
|
|
189
161
|
}, commonProps, ckOptions, {
|
|
190
162
|
disabled: disabled
|
|
191
163
|
}))) : null;
|
|
192
|
-
return inline ? /*#__PURE__*/
|
|
164
|
+
return inline ? /*#__PURE__*/React.createElement(InputGroup, null, ckElement) : ckElement;
|
|
193
165
|
};
|
|
194
166
|
HtmlField.propTypes = propTypes;
|
|
195
167
|
HtmlField.defaultProps = defaultProps;
|
|
@@ -200,5 +172,5 @@ var definition = {
|
|
|
200
172
|
component: 'Html'
|
|
201
173
|
};
|
|
202
174
|
|
|
203
|
-
exports
|
|
175
|
+
exports.default = HtmlField$1;
|
|
204
176
|
exports.definition = definition;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/field-html",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.126",
|
|
4
4
|
"description": "A HTML field, using either Quill or CK Editor",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -41,7 +41,8 @@
|
|
|
41
41
|
"assets"
|
|
42
42
|
],
|
|
43
43
|
"scripts": {
|
|
44
|
-
"
|
|
44
|
+
"prepublishOnly": "npm run build",
|
|
45
|
+
"build": "../../scripts/prepare-package.sh"
|
|
45
46
|
},
|
|
46
47
|
"devDependencies": {
|
|
47
48
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -56,14 +57,14 @@
|
|
|
56
57
|
"@ckeditor/ckeditor5-build-classic": "^40.2.0",
|
|
57
58
|
"@ckeditor/ckeditor5-build-inline": "^40.2.0",
|
|
58
59
|
"@ckeditor/ckeditor5-react": "^6.2.0",
|
|
59
|
-
"@panneau/core": "^3.0.
|
|
60
|
-
"@panneau/field-input-group": "^3.0.
|
|
61
|
-
"@panneau/themes": "^3.0.
|
|
60
|
+
"@panneau/core": "^3.0.126",
|
|
61
|
+
"@panneau/field-input-group": "^3.0.126",
|
|
62
|
+
"@panneau/themes": "^3.0.126",
|
|
62
63
|
"classnames": "^2.2.6",
|
|
63
64
|
"prop-types": "^15.7.2"
|
|
64
65
|
},
|
|
65
66
|
"publishConfig": {
|
|
66
67
|
"access": "public"
|
|
67
68
|
},
|
|
68
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "fa69ddff3f8cf22b00504093087608d5701e6f6a"
|
|
69
70
|
}
|