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