@panneau/field-html 3.0.304 → 3.0.307
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/assets/css/styles.css +1 -1
- package/es/index.js +11 -7
- package/package.json +5 -5
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.panneau-field-html-container{--ck-border-radius:0.375rem;--ck-inner-shadow:0 0 0 transparent inset;--ck-color-shadow-inner:var(--bs-border-color);--ck-color-focus-border:var(--bs-border-color);--ck-focus-ring:1px solid var(--bs-primary-border-subtle);--ck-color-text:var(--bs-dark);--ck-color-base-background:var(--bs-body-bg);--ck-color-base-border:var(--bs-border-color)}.ck .ck-
|
|
1
|
+
.panneau-field-html-container{--ck-border-radius:0.375rem;--ck-inner-shadow:0 0 0 transparent inset;--ck-color-shadow-inner:var(--bs-border-color);--ck-color-focus-border:var(--bs-border-color);--ck-focus-ring:1px solid var(--bs-primary-border-subtle);--ck-color-text:var(--bs-dark);--ck-color-base-background:var(--bs-body-bg);--ck-color-base-border:var(--bs-border-color)}.ck .ck-powered-by-balloon,.ck .ck-powered-by-balloon .ck-powered-by{display:none;visibility:hidden}
|
package/es/index.js
CHANGED
|
@@ -7,7 +7,7 @@ import React, { useState, useRef, useEffect, useCallback } from 'react';
|
|
|
7
7
|
import InputGroup from '@panneau/field-input-group';
|
|
8
8
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var useCKEditorBuilds = function useCKEditorBuilds() {
|
|
11
11
|
var _useState = useState(false),
|
|
12
12
|
_useState2 = _slicedToArray(_useState, 2),
|
|
13
13
|
loaded = _useState2[0],
|
|
@@ -21,10 +21,9 @@ var useCKEditorBuild = function useCKEditorBuild() {
|
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
23
|
import('@panneau/ckeditor/build').then(function (_ref) {
|
|
24
|
-
var
|
|
25
|
-
Editor = _ref$Editor === void 0 ? null : _ref$Editor;
|
|
24
|
+
var Editors = _ref["default"];
|
|
26
25
|
if (!canceled) {
|
|
27
|
-
ref.current =
|
|
26
|
+
ref.current = Editors;
|
|
28
27
|
setLoaded(true);
|
|
29
28
|
}
|
|
30
29
|
})
|
|
@@ -124,8 +123,13 @@ var HtmlField = function HtmlField(_ref) {
|
|
|
124
123
|
ckConfig = _ref.ckConfig,
|
|
125
124
|
ckOptions = _ref.ckOptions,
|
|
126
125
|
className = _ref.className;
|
|
127
|
-
var
|
|
126
|
+
var _ref2 = useCKEditorBuilds() || {},
|
|
127
|
+
_ref2$Editor = _ref2.Editor,
|
|
128
|
+
Editor = _ref2$Editor === void 0 ? null : _ref2$Editor,
|
|
129
|
+
_ref2$InlineEditor = _ref2.InlineEditor,
|
|
130
|
+
InlineEditor = _ref2$InlineEditor === void 0 ? null : _ref2$InlineEditor;
|
|
128
131
|
var CKValue = value !== null ? value : '';
|
|
132
|
+
var EditorBuild = inline ? InlineEditor : Editor;
|
|
129
133
|
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)]);
|
|
130
134
|
var onCkEditorChange = useCallback(function (event, editor) {
|
|
131
135
|
var data = editor !== null ? editor.getData() : null;
|
|
@@ -140,10 +144,10 @@ var HtmlField = function HtmlField(_ref) {
|
|
|
140
144
|
var finalCkConfig = _objectSpread(_objectSpread({}, ckConfig), {}, {
|
|
141
145
|
licenseKey: (ckConfig != null && typeof ckConfig.licenseKey !== 'undefined' ? ckConfig.licenseKey : null) || 'GPL'
|
|
142
146
|
});
|
|
143
|
-
var ckElement =
|
|
147
|
+
var ckElement = EditorBuild !== null ? /*#__PURE__*/React.createElement("div", {
|
|
144
148
|
className: finalClassName
|
|
145
149
|
}, /*#__PURE__*/React.createElement(CKEditor, Object.assign({
|
|
146
|
-
editor:
|
|
150
|
+
editor: EditorBuild,
|
|
147
151
|
data: CKValue,
|
|
148
152
|
config: finalCkConfig,
|
|
149
153
|
onChange: onCkEditorChange
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/field-html",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.307",
|
|
4
4
|
"description": "A HTML field, using either Quill or CK Editor",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -62,9 +62,9 @@
|
|
|
62
62
|
"@ckeditor/ckeditor5-editor-multi-root": "^47.1.0",
|
|
63
63
|
"@ckeditor/ckeditor5-react": "^11.0.0",
|
|
64
64
|
"@panneau/ckeditor": "^3.0.299",
|
|
65
|
-
"@panneau/core": "^3.0.
|
|
66
|
-
"@panneau/field-input-group": "^3.0.
|
|
67
|
-
"@panneau/themes": "^3.0.
|
|
65
|
+
"@panneau/core": "^3.0.307",
|
|
66
|
+
"@panneau/field-input-group": "^3.0.307",
|
|
67
|
+
"@panneau/themes": "^3.0.307",
|
|
68
68
|
"classnames": "^2.5.1",
|
|
69
69
|
"prop-types": "^15.7.2"
|
|
70
70
|
},
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
"publishConfig": {
|
|
75
75
|
"access": "public"
|
|
76
76
|
},
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "cbe5e8b1705d01c5653a4df617a06243344310d3"
|
|
78
78
|
}
|