@contentful/default-field-editors 1.5.20 → 1.5.22
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/dist/cjs/Field.js +7 -4
- package/dist/cjs/Field.spec.js +10 -8
- package/dist/cjs/FieldWrapper.js +11 -9
- package/dist/cjs/FieldWrapper.spec.js +13 -10
- package/dist/cjs/FieldWrapper.styles.js +1 -1
- package/dist/cjs/getDefaultWidgetId.js +2 -0
- package/dist/esm/Field.js +3 -2
- package/dist/esm/Field.spec.js +6 -6
- package/dist/esm/FieldWrapper.js +7 -7
- package/dist/esm/FieldWrapper.spec.js +9 -8
- package/dist/esm/getDefaultWidgetId.js +2 -0
- package/package.json +4 -4
package/dist/cjs/Field.js
CHANGED
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "Field", {
|
|
|
8
8
|
return Field;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _react = _interop_require_wildcard(require("react"));
|
|
11
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
12
12
|
const _fieldeditorboolean = require("@contentful/field-editor-boolean");
|
|
13
13
|
const _fieldeditorcheckbox = require("@contentful/field-editor-checkbox");
|
|
14
14
|
const _fieldeditordate = require("@contentful/field-editor-date");
|
|
@@ -49,7 +49,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
49
49
|
if (cache && cache.has(obj)) {
|
|
50
50
|
return cache.get(obj);
|
|
51
51
|
}
|
|
52
|
-
var newObj = {
|
|
52
|
+
var newObj = {
|
|
53
|
+
__proto__: null
|
|
54
|
+
};
|
|
53
55
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
54
56
|
for(var key in obj){
|
|
55
57
|
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
@@ -167,7 +169,7 @@ const widgetComponents = {
|
|
|
167
169
|
]
|
|
168
170
|
};
|
|
169
171
|
const Field = (props)=>{
|
|
170
|
-
const { sdk
|
|
172
|
+
const { sdk, widgetId: possiblyUndefinedWidgetId, isInitiallyDisabled = false, renderFieldEditor, getOptions } = props;
|
|
171
173
|
const field = sdk.field;
|
|
172
174
|
const locales = sdk.locales;
|
|
173
175
|
const widgetId = possiblyUndefinedWidgetId ?? (0, _getDefaultWidgetId.getDefaultWidgetId)(sdk);
|
|
@@ -193,10 +195,11 @@ const Field = (props)=>{
|
|
|
193
195
|
isInitiallyDisabled,
|
|
194
196
|
parameters: referenceEditorParams,
|
|
195
197
|
...widgetStaticProps,
|
|
198
|
+
// @ts-expect-error
|
|
196
199
|
...options[widgetId]
|
|
197
200
|
};
|
|
198
201
|
const baseSdk = widgetId === 'slugEditor' ? sdk : undefined;
|
|
199
|
-
return _react.createElement(WidgetComponent, {
|
|
202
|
+
return /*#__PURE__*/ _react.createElement(WidgetComponent, {
|
|
200
203
|
key: sdk.field.locale,
|
|
201
204
|
...widgetComponentProps,
|
|
202
205
|
baseSdk: baseSdk
|
package/dist/cjs/Field.spec.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const _react = _interop_require_wildcard(require("react"));
|
|
5
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
6
6
|
const _fieldeditorreference = require("@contentful/field-editor-reference");
|
|
7
7
|
const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
|
|
8
8
|
require("@testing-library/jest-dom/extend-expect");
|
|
@@ -29,7 +29,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
29
29
|
if (cache && cache.has(obj)) {
|
|
30
30
|
return cache.get(obj);
|
|
31
31
|
}
|
|
32
|
-
var newObj = {
|
|
32
|
+
var newObj = {
|
|
33
|
+
__proto__: null
|
|
34
|
+
};
|
|
33
35
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
34
36
|
for(var key in obj){
|
|
35
37
|
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
@@ -51,7 +53,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
51
53
|
testIdAttribute: 'data-test-id'
|
|
52
54
|
});
|
|
53
55
|
jest.mock('@contentful/field-editor-reference', ()=>({
|
|
54
|
-
SingleEntryReferenceEditor: jest.fn(()
|
|
56
|
+
SingleEntryReferenceEditor: jest.fn(()=>/*#__PURE__*/ _react.createElement("div", null, "mock"))
|
|
55
57
|
}));
|
|
56
58
|
const getSdk = (customize, initialValue)=>{
|
|
57
59
|
const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)(customize, initialValue);
|
|
@@ -68,12 +70,12 @@ describe('Field', ()=>{
|
|
|
68
70
|
afterEach(_react1.cleanup);
|
|
69
71
|
it('renders custom field editor specified by renderFieldEditor', ()=>{
|
|
70
72
|
const sdk = getSdk();
|
|
71
|
-
const { queryByTestId
|
|
73
|
+
const { queryByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_Field.Field, {
|
|
72
74
|
sdk: sdk,
|
|
73
75
|
isInitiallyDisabled: false,
|
|
74
76
|
widgetId: "customEditor",
|
|
75
77
|
renderFieldEditor: ()=>{
|
|
76
|
-
return _react.createElement("div", {
|
|
78
|
+
return /*#__PURE__*/ _react.createElement("div", {
|
|
77
79
|
"data-test-id": "customEditor"
|
|
78
80
|
}, "custom editor");
|
|
79
81
|
}
|
|
@@ -88,7 +90,7 @@ describe('Field', ()=>{
|
|
|
88
90
|
renderCustomCard: jest.fn()
|
|
89
91
|
}
|
|
90
92
|
};
|
|
91
|
-
(0, _react1.render)(_react.createElement(_Field.Field, {
|
|
93
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_Field.Field, {
|
|
92
94
|
sdk: sdk,
|
|
93
95
|
isInitiallyDisabled: false,
|
|
94
96
|
widgetId: "entryLinkEditor",
|
|
@@ -104,7 +106,7 @@ describe('Field', ()=>{
|
|
|
104
106
|
isInitiallyDisabled: false,
|
|
105
107
|
widgetId: 'singleLine'
|
|
106
108
|
};
|
|
107
|
-
const { container
|
|
109
|
+
const { container, rerender } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_Field.Field, {
|
|
108
110
|
...props,
|
|
109
111
|
sdk: getSdk((field)=>{
|
|
110
112
|
field.locale = 'en-US';
|
|
@@ -112,7 +114,7 @@ describe('Field', ()=>{
|
|
|
112
114
|
}, 'english value')
|
|
113
115
|
}));
|
|
114
116
|
expect(container.querySelector('input')?.value).toBe('english value');
|
|
115
|
-
rerender(_react.createElement(_Field.Field, {
|
|
117
|
+
rerender(/*#__PURE__*/ _react.createElement(_Field.Field, {
|
|
116
118
|
...props,
|
|
117
119
|
sdk: getSdk((field)=>{
|
|
118
120
|
field.locale = 'de';
|
package/dist/cjs/FieldWrapper.js
CHANGED
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "FieldWrapper", {
|
|
|
8
8
|
return FieldWrapper;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _react = _interop_require_wildcard(require("react"));
|
|
11
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
12
12
|
const _f36components = require("@contentful/f36-components");
|
|
13
13
|
const _fieldeditorvalidationerrors = require("@contentful/field-editor-validation-errors");
|
|
14
14
|
const _emotion = require("emotion");
|
|
@@ -34,7 +34,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
34
34
|
if (cache && cache.has(obj)) {
|
|
35
35
|
return cache.get(obj);
|
|
36
36
|
}
|
|
37
|
-
var newObj = {
|
|
37
|
+
var newObj = {
|
|
38
|
+
__proto__: null
|
|
39
|
+
};
|
|
38
40
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
39
41
|
for(var key in obj){
|
|
40
42
|
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
@@ -53,10 +55,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
53
55
|
return newObj;
|
|
54
56
|
}
|
|
55
57
|
const FieldWrapper = function(props) {
|
|
56
|
-
const { ids
|
|
58
|
+
const { ids } = props.sdk;
|
|
57
59
|
const defaultGetEntryUrl = (entry)=>`/spaces/${ids.space}/environments/${ids.environmentAlias || ids.environment}/entries/${entry.sys.id}`;
|
|
58
|
-
const { name
|
|
59
|
-
const { field
|
|
60
|
+
const { name, sdk, className, children, renderHeading, renderHelpText, showFocusBar = true, getEntryURL = defaultGetEntryUrl } = props;
|
|
61
|
+
const { field } = sdk;
|
|
60
62
|
const helpText = (sdk.parameters?.instance)?.helpText ?? '';
|
|
61
63
|
const [hasErrors, setHasErrors] = _react.useState(false);
|
|
62
64
|
_react.useEffect(()=>{
|
|
@@ -71,21 +73,21 @@ const FieldWrapper = function(props) {
|
|
|
71
73
|
field.locale,
|
|
72
74
|
sdk.contentType?.sys?.id
|
|
73
75
|
].filter((item)=>item).join('-');
|
|
74
|
-
return _react.createElement(_f36components.FormControl, {
|
|
76
|
+
return /*#__PURE__*/ _react.createElement(_f36components.FormControl, {
|
|
75
77
|
id: fieldControlId,
|
|
76
78
|
testId: "entity-field-controls",
|
|
77
79
|
"data-test-id": "entity-field-controls",
|
|
78
80
|
className: (0, _emotion.cx)(showFocusBar && _FieldWrapperstyles.styles.withFocusBar, className),
|
|
79
81
|
"aria-invalid": hasErrors,
|
|
80
82
|
isRequired: field.required
|
|
81
|
-
}, renderHeading ? renderHeading(name) : _react.createElement(_f36components.FormControl.Label, {
|
|
83
|
+
}, renderHeading ? renderHeading(name) : /*#__PURE__*/ _react.createElement(_f36components.FormControl.Label, {
|
|
82
84
|
className: _FieldWrapperstyles.styles.label
|
|
83
|
-
}, name), children, _react.createElement(_fieldeditorvalidationerrors.ValidationErrors, {
|
|
85
|
+
}, name), children, /*#__PURE__*/ _react.createElement(_fieldeditorvalidationerrors.ValidationErrors, {
|
|
84
86
|
field: field,
|
|
85
87
|
space: sdk.space,
|
|
86
88
|
locales: sdk.locales,
|
|
87
89
|
getEntryURL: getEntryURL || defaultGetEntryUrl
|
|
88
|
-
}), renderHelpText ? renderHelpText(helpText) : _react.createElement(_f36components.FormControl.HelpText, {
|
|
90
|
+
}), renderHelpText ? renderHelpText(helpText) : /*#__PURE__*/ _react.createElement(_f36components.FormControl.HelpText, {
|
|
89
91
|
testId: "field-hint",
|
|
90
92
|
className: _FieldWrapperstyles.styles.helpText
|
|
91
93
|
}, helpText));
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const _react = _interop_require_wildcard(require("react"));
|
|
5
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
6
6
|
const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
|
|
7
7
|
require("@testing-library/jest-dom/extend-expect");
|
|
8
8
|
const _react1 = require("@testing-library/react");
|
|
@@ -28,7 +28,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
28
28
|
if (cache && cache.has(obj)) {
|
|
29
29
|
return cache.get(obj);
|
|
30
30
|
}
|
|
31
|
-
var newObj = {
|
|
31
|
+
var newObj = {
|
|
32
|
+
__proto__: null
|
|
33
|
+
};
|
|
32
34
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
33
35
|
for(var key in obj){
|
|
34
36
|
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
@@ -68,13 +70,14 @@ describe('Field', ()=>{
|
|
|
68
70
|
helpText: 'help'
|
|
69
71
|
}
|
|
70
72
|
};
|
|
71
|
-
const { queryByTestId
|
|
73
|
+
const { queryByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_FieldWrapper.FieldWrapper, {
|
|
72
74
|
name: "field",
|
|
73
75
|
sdk: sdk,
|
|
74
76
|
getEntryURL: getEntryURL
|
|
75
|
-
}, _react.createElement("div", {
|
|
77
|
+
}, /*#__PURE__*/ _react.createElement("div", {
|
|
76
78
|
"data-test-id": "children"
|
|
77
79
|
}, "children")));
|
|
80
|
+
// Add a validation error so ValidationErrors would render
|
|
78
81
|
(0, _react1.act)(()=>{
|
|
79
82
|
emitter.emit('onSchemaErrorsChanged', [
|
|
80
83
|
'error'
|
|
@@ -87,25 +90,25 @@ describe('Field', ()=>{
|
|
|
87
90
|
expect(queryByTestId('field-hint')).toBeInTheDocument();
|
|
88
91
|
});
|
|
89
92
|
it('renders custom label', ()=>{
|
|
90
|
-
const { queryByTestId
|
|
93
|
+
const { queryByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_FieldWrapper.FieldWrapper, {
|
|
91
94
|
name: "field",
|
|
92
95
|
sdk: sdk,
|
|
93
96
|
getEntryURL: getEntryURL,
|
|
94
|
-
renderHeading: ()
|
|
97
|
+
renderHeading: ()=>/*#__PURE__*/ _react.createElement("div", {
|
|
95
98
|
"data-test-id": "custom-label"
|
|
96
99
|
}, "custom label")
|
|
97
|
-
}, _react.createElement("div", null, "children")));
|
|
100
|
+
}, /*#__PURE__*/ _react.createElement("div", null, "children")));
|
|
98
101
|
expect(queryByTestId('custom-label')).toBeInTheDocument();
|
|
99
102
|
});
|
|
100
103
|
it('renders custom help text', ()=>{
|
|
101
|
-
const { queryByTestId
|
|
104
|
+
const { queryByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_FieldWrapper.FieldWrapper, {
|
|
102
105
|
name: "field",
|
|
103
106
|
sdk: sdk,
|
|
104
107
|
getEntryURL: getEntryURL,
|
|
105
|
-
renderHelpText: ()
|
|
108
|
+
renderHelpText: ()=>/*#__PURE__*/ _react.createElement("div", {
|
|
106
109
|
"data-test-id": "custom-hint"
|
|
107
110
|
}, "custom hint")
|
|
108
|
-
}, _react.createElement("div", null, "children")));
|
|
111
|
+
}, /*#__PURE__*/ _react.createElement("div", null, "children")));
|
|
109
112
|
expect(queryByTestId('custom-hint')).toBeInTheDocument();
|
|
110
113
|
});
|
|
111
114
|
});
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "styles", {
|
|
|
8
8
|
return styles;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
|
|
11
|
+
const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
|
|
12
12
|
const _emotion = require("emotion");
|
|
13
13
|
function _interop_require_default(obj) {
|
|
14
14
|
return obj && obj.__esModule ? obj : {
|
|
@@ -11,5 +11,7 @@ Object.defineProperty(exports, "getDefaultWidgetId", {
|
|
|
11
11
|
const _contentfulmanagement = require("contentful-management");
|
|
12
12
|
function getDefaultWidgetId(sdk) {
|
|
13
13
|
const field = sdk.field;
|
|
14
|
+
// @ts-expect-error FieldAppSDK.field doesn't include all the
|
|
15
|
+
// properties of ContentFields type. It should be fixed
|
|
14
16
|
return _contentfulmanagement.editorInterfaceDefaults.default.getDefaultControlOfField(field).widgetId;
|
|
15
17
|
}
|
package/dist/esm/Field.js
CHANGED
|
@@ -118,7 +118,7 @@ const widgetComponents = {
|
|
|
118
118
|
]
|
|
119
119
|
};
|
|
120
120
|
export const Field = (props)=>{
|
|
121
|
-
const { sdk
|
|
121
|
+
const { sdk, widgetId: possiblyUndefinedWidgetId, isInitiallyDisabled = false, renderFieldEditor, getOptions } = props;
|
|
122
122
|
const field = sdk.field;
|
|
123
123
|
const locales = sdk.locales;
|
|
124
124
|
const widgetId = possiblyUndefinedWidgetId ?? getDefaultWidgetId(sdk);
|
|
@@ -144,10 +144,11 @@ export const Field = (props)=>{
|
|
|
144
144
|
isInitiallyDisabled,
|
|
145
145
|
parameters: referenceEditorParams,
|
|
146
146
|
...widgetStaticProps,
|
|
147
|
+
// @ts-expect-error
|
|
147
148
|
...options[widgetId]
|
|
148
149
|
};
|
|
149
150
|
const baseSdk = widgetId === 'slugEditor' ? sdk : undefined;
|
|
150
|
-
return React.createElement(WidgetComponent, {
|
|
151
|
+
return /*#__PURE__*/ React.createElement(WidgetComponent, {
|
|
151
152
|
key: sdk.field.locale,
|
|
152
153
|
...widgetComponentProps,
|
|
153
154
|
baseSdk: baseSdk
|
package/dist/esm/Field.spec.js
CHANGED
|
@@ -8,7 +8,7 @@ configure({
|
|
|
8
8
|
testIdAttribute: 'data-test-id'
|
|
9
9
|
});
|
|
10
10
|
jest.mock('@contentful/field-editor-reference', ()=>({
|
|
11
|
-
SingleEntryReferenceEditor: jest.fn(()
|
|
11
|
+
SingleEntryReferenceEditor: jest.fn(()=>/*#__PURE__*/ React.createElement("div", null, "mock"))
|
|
12
12
|
}));
|
|
13
13
|
const getSdk = (customize, initialValue)=>{
|
|
14
14
|
const [field] = createFakeFieldAPI(customize, initialValue);
|
|
@@ -25,12 +25,12 @@ describe('Field', ()=>{
|
|
|
25
25
|
afterEach(cleanup);
|
|
26
26
|
it('renders custom field editor specified by renderFieldEditor', ()=>{
|
|
27
27
|
const sdk = getSdk();
|
|
28
|
-
const { queryByTestId
|
|
28
|
+
const { queryByTestId } = render(/*#__PURE__*/ React.createElement(Field, {
|
|
29
29
|
sdk: sdk,
|
|
30
30
|
isInitiallyDisabled: false,
|
|
31
31
|
widgetId: "customEditor",
|
|
32
32
|
renderFieldEditor: ()=>{
|
|
33
|
-
return React.createElement("div", {
|
|
33
|
+
return /*#__PURE__*/ React.createElement("div", {
|
|
34
34
|
"data-test-id": "customEditor"
|
|
35
35
|
}, "custom editor");
|
|
36
36
|
}
|
|
@@ -45,7 +45,7 @@ describe('Field', ()=>{
|
|
|
45
45
|
renderCustomCard: jest.fn()
|
|
46
46
|
}
|
|
47
47
|
};
|
|
48
|
-
render(React.createElement(Field, {
|
|
48
|
+
render(/*#__PURE__*/ React.createElement(Field, {
|
|
49
49
|
sdk: sdk,
|
|
50
50
|
isInitiallyDisabled: false,
|
|
51
51
|
widgetId: "entryLinkEditor",
|
|
@@ -61,7 +61,7 @@ describe('Field', ()=>{
|
|
|
61
61
|
isInitiallyDisabled: false,
|
|
62
62
|
widgetId: 'singleLine'
|
|
63
63
|
};
|
|
64
|
-
const { container
|
|
64
|
+
const { container, rerender } = render(/*#__PURE__*/ React.createElement(Field, {
|
|
65
65
|
...props,
|
|
66
66
|
sdk: getSdk((field)=>{
|
|
67
67
|
field.locale = 'en-US';
|
|
@@ -69,7 +69,7 @@ describe('Field', ()=>{
|
|
|
69
69
|
}, 'english value')
|
|
70
70
|
}));
|
|
71
71
|
expect(container.querySelector('input')?.value).toBe('english value');
|
|
72
|
-
rerender(React.createElement(Field, {
|
|
72
|
+
rerender(/*#__PURE__*/ React.createElement(Field, {
|
|
73
73
|
...props,
|
|
74
74
|
sdk: getSdk((field)=>{
|
|
75
75
|
field.locale = 'de';
|
package/dist/esm/FieldWrapper.js
CHANGED
|
@@ -4,10 +4,10 @@ import { ValidationErrors } from '@contentful/field-editor-validation-errors';
|
|
|
4
4
|
import { cx } from 'emotion';
|
|
5
5
|
import { styles } from './FieldWrapper.styles';
|
|
6
6
|
export const FieldWrapper = function(props) {
|
|
7
|
-
const { ids
|
|
7
|
+
const { ids } = props.sdk;
|
|
8
8
|
const defaultGetEntryUrl = (entry)=>`/spaces/${ids.space}/environments/${ids.environmentAlias || ids.environment}/entries/${entry.sys.id}`;
|
|
9
|
-
const { name
|
|
10
|
-
const { field
|
|
9
|
+
const { name, sdk, className, children, renderHeading, renderHelpText, showFocusBar = true, getEntryURL = defaultGetEntryUrl } = props;
|
|
10
|
+
const { field } = sdk;
|
|
11
11
|
const helpText = (sdk.parameters?.instance)?.helpText ?? '';
|
|
12
12
|
const [hasErrors, setHasErrors] = React.useState(false);
|
|
13
13
|
React.useEffect(()=>{
|
|
@@ -22,21 +22,21 @@ export const FieldWrapper = function(props) {
|
|
|
22
22
|
field.locale,
|
|
23
23
|
sdk.contentType?.sys?.id
|
|
24
24
|
].filter((item)=>item).join('-');
|
|
25
|
-
return React.createElement(FormControl, {
|
|
25
|
+
return /*#__PURE__*/ React.createElement(FormControl, {
|
|
26
26
|
id: fieldControlId,
|
|
27
27
|
testId: "entity-field-controls",
|
|
28
28
|
"data-test-id": "entity-field-controls",
|
|
29
29
|
className: cx(showFocusBar && styles.withFocusBar, className),
|
|
30
30
|
"aria-invalid": hasErrors,
|
|
31
31
|
isRequired: field.required
|
|
32
|
-
}, renderHeading ? renderHeading(name) : React.createElement(FormControl.Label, {
|
|
32
|
+
}, renderHeading ? renderHeading(name) : /*#__PURE__*/ React.createElement(FormControl.Label, {
|
|
33
33
|
className: styles.label
|
|
34
|
-
}, name), children, React.createElement(ValidationErrors, {
|
|
34
|
+
}, name), children, /*#__PURE__*/ React.createElement(ValidationErrors, {
|
|
35
35
|
field: field,
|
|
36
36
|
space: sdk.space,
|
|
37
37
|
locales: sdk.locales,
|
|
38
38
|
getEntryURL: getEntryURL || defaultGetEntryUrl
|
|
39
|
-
}), renderHelpText ? renderHelpText(helpText) : React.createElement(FormControl.HelpText, {
|
|
39
|
+
}), renderHelpText ? renderHelpText(helpText) : /*#__PURE__*/ React.createElement(FormControl.HelpText, {
|
|
40
40
|
testId: "field-hint",
|
|
41
41
|
className: styles.helpText
|
|
42
42
|
}, helpText));
|
|
@@ -25,13 +25,14 @@ describe('Field', ()=>{
|
|
|
25
25
|
helpText: 'help'
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
|
-
const { queryByTestId
|
|
28
|
+
const { queryByTestId } = render(/*#__PURE__*/ React.createElement(FieldWrapper, {
|
|
29
29
|
name: "field",
|
|
30
30
|
sdk: sdk,
|
|
31
31
|
getEntryURL: getEntryURL
|
|
32
|
-
}, React.createElement("div", {
|
|
32
|
+
}, /*#__PURE__*/ React.createElement("div", {
|
|
33
33
|
"data-test-id": "children"
|
|
34
34
|
}, "children")));
|
|
35
|
+
// Add a validation error so ValidationErrors would render
|
|
35
36
|
act(()=>{
|
|
36
37
|
emitter.emit('onSchemaErrorsChanged', [
|
|
37
38
|
'error'
|
|
@@ -44,25 +45,25 @@ describe('Field', ()=>{
|
|
|
44
45
|
expect(queryByTestId('field-hint')).toBeInTheDocument();
|
|
45
46
|
});
|
|
46
47
|
it('renders custom label', ()=>{
|
|
47
|
-
const { queryByTestId
|
|
48
|
+
const { queryByTestId } = render(/*#__PURE__*/ React.createElement(FieldWrapper, {
|
|
48
49
|
name: "field",
|
|
49
50
|
sdk: sdk,
|
|
50
51
|
getEntryURL: getEntryURL,
|
|
51
|
-
renderHeading: ()
|
|
52
|
+
renderHeading: ()=>/*#__PURE__*/ React.createElement("div", {
|
|
52
53
|
"data-test-id": "custom-label"
|
|
53
54
|
}, "custom label")
|
|
54
|
-
}, React.createElement("div", null, "children")));
|
|
55
|
+
}, /*#__PURE__*/ React.createElement("div", null, "children")));
|
|
55
56
|
expect(queryByTestId('custom-label')).toBeInTheDocument();
|
|
56
57
|
});
|
|
57
58
|
it('renders custom help text', ()=>{
|
|
58
|
-
const { queryByTestId
|
|
59
|
+
const { queryByTestId } = render(/*#__PURE__*/ React.createElement(FieldWrapper, {
|
|
59
60
|
name: "field",
|
|
60
61
|
sdk: sdk,
|
|
61
62
|
getEntryURL: getEntryURL,
|
|
62
|
-
renderHelpText: ()
|
|
63
|
+
renderHelpText: ()=>/*#__PURE__*/ React.createElement("div", {
|
|
63
64
|
"data-test-id": "custom-hint"
|
|
64
65
|
}, "custom hint")
|
|
65
|
-
}, React.createElement("div", null, "children")));
|
|
66
|
+
}, /*#__PURE__*/ React.createElement("div", null, "children")));
|
|
66
67
|
expect(queryByTestId('custom-hint')).toBeInTheDocument();
|
|
67
68
|
});
|
|
68
69
|
});
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { editorInterfaceDefaults } from 'contentful-management';
|
|
2
2
|
export function getDefaultWidgetId(sdk) {
|
|
3
3
|
const field = sdk.field;
|
|
4
|
+
// @ts-expect-error FieldAppSDK.field doesn't include all the
|
|
5
|
+
// properties of ContentFields type. It should be fixed
|
|
4
6
|
return editorInterfaceDefaults.default.getDefaultControlOfField(field).widgetId;
|
|
5
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/default-field-editors",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.22",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
"@contentful/field-editor-number": "^1.3.4",
|
|
49
49
|
"@contentful/field-editor-radio": "^1.4.2",
|
|
50
50
|
"@contentful/field-editor-rating": "^1.4.2",
|
|
51
|
-
"@contentful/field-editor-reference": "^5.
|
|
52
|
-
"@contentful/field-editor-rich-text": "^3.15.
|
|
51
|
+
"@contentful/field-editor-reference": "^5.20.0",
|
|
52
|
+
"@contentful/field-editor-rich-text": "^3.15.2",
|
|
53
53
|
"@contentful/field-editor-shared": "^1.4.2",
|
|
54
54
|
"@contentful/field-editor-single-line": "^1.3.4",
|
|
55
55
|
"@contentful/field-editor-slug": "^1.4.2",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"peerDependencies": {
|
|
66
66
|
"react": ">=16.8.0"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "122ef199250b6d84b4df4a595e6ce938716193fb"
|
|
69
69
|
}
|