@contentful/field-editor-slug 1.6.5 → 1.7.0
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/SlugEditor.js
CHANGED
|
@@ -64,9 +64,9 @@ function FieldConnectorCallback({ Component, value, disabled, setValue, errors,
|
|
|
64
64
|
}, [
|
|
65
65
|
setValue
|
|
66
66
|
]);
|
|
67
|
-
return _react.createElement("div", {
|
|
67
|
+
return /*#__PURE__*/ _react.createElement("div", {
|
|
68
68
|
"data-test-id": "slug-editor"
|
|
69
|
-
}, _react.createElement(Component, {
|
|
69
|
+
}, /*#__PURE__*/ _react.createElement(Component, {
|
|
70
70
|
locale: locale,
|
|
71
71
|
createdAt: createdAt,
|
|
72
72
|
performUniqueCheck: performUniqueCheck,
|
|
@@ -109,20 +109,20 @@ function SlugEditor(props) {
|
|
|
109
109
|
entrySys.id,
|
|
110
110
|
space
|
|
111
111
|
]);
|
|
112
|
-
return _react.createElement(_TrackingFieldConnector.TrackingFieldConnector, {
|
|
112
|
+
return /*#__PURE__*/ _react.createElement(_TrackingFieldConnector.TrackingFieldConnector, {
|
|
113
113
|
sdk: props.baseSdk,
|
|
114
114
|
field: field,
|
|
115
115
|
defaultLocale: locales.default,
|
|
116
116
|
isOptionalLocaleWithFallback: isOptionalLocaleWithFallback,
|
|
117
117
|
trackingFieldId: trackingFieldId
|
|
118
|
-
}, ({ titleValue, isPublished, isSame })
|
|
118
|
+
}, ({ titleValue, isPublished, isSame })=>/*#__PURE__*/ _react.createElement(_fieldeditorshared.FieldConnector, {
|
|
119
119
|
field: field,
|
|
120
120
|
isInitiallyDisabled: props.isInitiallyDisabled,
|
|
121
121
|
debounce: 0
|
|
122
122
|
}, ({ value, errors, disabled, setValue, externalReset })=>{
|
|
123
123
|
const shouldTrackTitle = isPublished === false && isSame === false;
|
|
124
124
|
const Component = shouldTrackTitle ? _SlugEditorField.SlugEditorField : _SlugEditorField.SlugEditorFieldStatic;
|
|
125
|
-
return _react.createElement(FieldConnectorCallback, {
|
|
125
|
+
return /*#__PURE__*/ _react.createElement(FieldConnectorCallback, {
|
|
126
126
|
Component: Component,
|
|
127
127
|
titleValue: titleValue,
|
|
128
128
|
value: value,
|
|
@@ -72,7 +72,7 @@ function createMocks(initialValues = {}) {
|
|
|
72
72
|
}), initialValues.titleField || '');
|
|
73
73
|
const [descriptionField] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>({
|
|
74
74
|
...field,
|
|
75
|
-
id:
|
|
75
|
+
id: 'description-id',
|
|
76
76
|
setValue: jest.fn().mockImplementation(field.setValue),
|
|
77
77
|
getValue: jest.fn().mockImplementation(field.getValue),
|
|
78
78
|
onValueChanged: jest.fn().mockImplementation(field.onValueChanged)
|
|
@@ -99,7 +99,7 @@ function createMocks(initialValues = {}) {
|
|
|
99
99
|
fields: {
|
|
100
100
|
'title-id': titleField,
|
|
101
101
|
'entry-id': field,
|
|
102
|
-
|
|
102
|
+
'description-id': descriptionField
|
|
103
103
|
}
|
|
104
104
|
},
|
|
105
105
|
contentType: {
|
|
@@ -121,7 +121,7 @@ describe('SlugEditor', ()=>{
|
|
|
121
121
|
sdk.entry.getSys.mockReturnValue({
|
|
122
122
|
publishedVersion: 2
|
|
123
123
|
});
|
|
124
|
-
(0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
124
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
125
125
|
field: field,
|
|
126
126
|
baseSdk: sdk,
|
|
127
127
|
isInitiallyDisabled: false
|
|
@@ -137,7 +137,7 @@ describe('SlugEditor', ()=>{
|
|
|
137
137
|
it('when title and slug are the same field', async ()=>{
|
|
138
138
|
const { field, titleField, sdk } = createMocks();
|
|
139
139
|
sdk.contentType.displayField = 'entry-id';
|
|
140
|
-
(0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
140
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
141
141
|
field: field,
|
|
142
142
|
baseSdk: sdk,
|
|
143
143
|
isInitiallyDisabled: false
|
|
@@ -152,7 +152,7 @@ describe('SlugEditor', ()=>{
|
|
|
152
152
|
titleField: 'Hello world!',
|
|
153
153
|
field: 'something-different'
|
|
154
154
|
});
|
|
155
|
-
(0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
155
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
156
156
|
field: field,
|
|
157
157
|
baseSdk: sdk,
|
|
158
158
|
isInitiallyDisabled: false
|
|
@@ -181,7 +181,7 @@ describe('SlugEditor', ()=>{
|
|
|
181
181
|
sdk.space.getEntries.mockResolvedValue({
|
|
182
182
|
total: 0
|
|
183
183
|
});
|
|
184
|
-
const { queryByTestId, queryByText } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
184
|
+
const { queryByTestId, queryByText } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
185
185
|
field: field,
|
|
186
186
|
baseSdk: sdk,
|
|
187
187
|
isInitiallyDisabled: false
|
|
@@ -217,7 +217,7 @@ describe('SlugEditor', ()=>{
|
|
|
217
217
|
sdk.space.getEntries.mockResolvedValue({
|
|
218
218
|
total: 2
|
|
219
219
|
});
|
|
220
|
-
const { queryByTestId, queryByText, getByTestId } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
220
|
+
const { queryByTestId, queryByText, getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
221
221
|
field: field,
|
|
222
222
|
baseSdk: sdk,
|
|
223
223
|
isInitiallyDisabled: false
|
|
@@ -265,7 +265,7 @@ describe('SlugEditor', ()=>{
|
|
|
265
265
|
field: '',
|
|
266
266
|
titleField: ''
|
|
267
267
|
});
|
|
268
|
-
(0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
268
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
269
269
|
field: field,
|
|
270
270
|
baseSdk: sdk,
|
|
271
271
|
isInitiallyDisabled: true
|
|
@@ -283,7 +283,7 @@ describe('SlugEditor', ()=>{
|
|
|
283
283
|
field: '',
|
|
284
284
|
titleField: ''
|
|
285
285
|
});
|
|
286
|
-
(0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
286
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
287
287
|
field: field,
|
|
288
288
|
baseSdk: sdk,
|
|
289
289
|
isInitiallyDisabled: false
|
|
@@ -311,7 +311,7 @@ describe('SlugEditor', ()=>{
|
|
|
311
311
|
field: '',
|
|
312
312
|
titleField: 'This is initial title value'
|
|
313
313
|
});
|
|
314
|
-
(0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
314
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
315
315
|
field: field,
|
|
316
316
|
baseSdk: sdk,
|
|
317
317
|
isInitiallyDisabled: false
|
|
@@ -333,7 +333,7 @@ describe('SlugEditor', ()=>{
|
|
|
333
333
|
field: '',
|
|
334
334
|
titleField: ''
|
|
335
335
|
});
|
|
336
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
336
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
337
337
|
field: field,
|
|
338
338
|
baseSdk: sdk,
|
|
339
339
|
isInitiallyDisabled: false
|
|
@@ -371,7 +371,7 @@ describe('SlugEditor', ()=>{
|
|
|
371
371
|
field: '',
|
|
372
372
|
titleField: ''
|
|
373
373
|
});
|
|
374
|
-
const { getByTestId } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
374
|
+
const { getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
375
375
|
field: field,
|
|
376
376
|
baseSdk: sdk,
|
|
377
377
|
isInitiallyDisabled: false
|
|
@@ -421,7 +421,7 @@ describe('SlugEditor', ()=>{
|
|
|
421
421
|
'de-DE': undefined,
|
|
422
422
|
'ru-RU': undefined
|
|
423
423
|
};
|
|
424
|
-
(0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
424
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
425
425
|
field: field,
|
|
426
426
|
baseSdk: sdk,
|
|
427
427
|
isInitiallyDisabled: false
|
|
@@ -449,7 +449,7 @@ describe('SlugEditor', ()=>{
|
|
|
449
449
|
'de-DE': undefined,
|
|
450
450
|
'ru-RU': 'de-DE'
|
|
451
451
|
};
|
|
452
|
-
(0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
452
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
453
453
|
field: field,
|
|
454
454
|
baseSdk: sdk,
|
|
455
455
|
isInitiallyDisabled: false
|
|
@@ -466,7 +466,7 @@ describe('SlugEditor', ()=>{
|
|
|
466
466
|
field: '',
|
|
467
467
|
titleField: ''
|
|
468
468
|
});
|
|
469
|
-
(0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
469
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
470
470
|
field: field,
|
|
471
471
|
baseSdk: sdk,
|
|
472
472
|
isInitiallyDisabled: false
|
|
@@ -484,7 +484,7 @@ describe('SlugEditor', ()=>{
|
|
|
484
484
|
field: '',
|
|
485
485
|
titleField: ''
|
|
486
486
|
});
|
|
487
|
-
(0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
487
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
488
488
|
field: field,
|
|
489
489
|
baseSdk: sdk,
|
|
490
490
|
isInitiallyDisabled: false
|
|
@@ -501,15 +501,15 @@ describe('SlugEditor', ()=>{
|
|
|
501
501
|
const { field, titleField, descriptionField, sdk } = createMocks({
|
|
502
502
|
field: '',
|
|
503
503
|
titleField: 'This is initial title value',
|
|
504
|
-
descriptionField:
|
|
504
|
+
descriptionField: 'This is initial description value'
|
|
505
505
|
});
|
|
506
|
-
(0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
|
|
506
|
+
(0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
|
|
507
507
|
field: field,
|
|
508
508
|
baseSdk: sdk,
|
|
509
509
|
isInitiallyDisabled: false,
|
|
510
510
|
parameters: {
|
|
511
511
|
instance: {
|
|
512
|
-
trackingFieldId:
|
|
512
|
+
trackingFieldId: 'description-id'
|
|
513
513
|
}
|
|
514
514
|
}
|
|
515
515
|
}));
|
|
@@ -517,9 +517,9 @@ describe('SlugEditor', ()=>{
|
|
|
517
517
|
expect(titleField.onValueChanged).not.toHaveBeenCalled();
|
|
518
518
|
expect(descriptionField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
|
|
519
519
|
expect(field.setValue).toHaveBeenCalledTimes(1);
|
|
520
|
-
expect(field.setValue).toHaveBeenLastCalledWith(
|
|
520
|
+
expect(field.setValue).toHaveBeenLastCalledWith('this-is-initial-description-value');
|
|
521
521
|
});
|
|
522
|
-
await sdk.entry.fields[
|
|
522
|
+
await sdk.entry.fields['description-id'].setValue('Hello world!');
|
|
523
523
|
await (0, _react1.waitFor)(()=>{
|
|
524
524
|
expect(field.setValue).toHaveBeenCalledTimes(2);
|
|
525
525
|
expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
|
|
@@ -111,11 +111,11 @@ function useUniqueChecker(props) {
|
|
|
111
111
|
function SlugEditorFieldStatic(props) {
|
|
112
112
|
const { hasError, isDisabled, value, setValue, onChange, onBlur, id } = props;
|
|
113
113
|
const status = useUniqueChecker(props);
|
|
114
|
-
return _react.createElement("div", {
|
|
114
|
+
return /*#__PURE__*/ _react.createElement("div", {
|
|
115
115
|
className: _styles.inputContainer
|
|
116
|
-
}, _react.createElement(_f36icons.LinkIcon, {
|
|
116
|
+
}, /*#__PURE__*/ _react.createElement(_f36icons.LinkIcon, {
|
|
117
117
|
className: _styles.icon
|
|
118
|
-
}), _react.createElement(_f36components.TextInput, {
|
|
118
|
+
}), /*#__PURE__*/ _react.createElement(_f36components.TextInput, {
|
|
119
119
|
className: _styles.input,
|
|
120
120
|
isInvalid: hasError || status === 'duplicate',
|
|
121
121
|
isDisabled: isDisabled,
|
|
@@ -132,11 +132,11 @@ function SlugEditorFieldStatic(props) {
|
|
|
132
132
|
onBlur();
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
|
-
}), status === 'checking' && _react.createElement("div", {
|
|
135
|
+
}), status === 'checking' && /*#__PURE__*/ _react.createElement("div", {
|
|
136
136
|
className: _styles.spinnerContainer
|
|
137
|
-
}, _react.createElement(_f36components.Spinner, {
|
|
137
|
+
}, /*#__PURE__*/ _react.createElement(_f36components.Spinner, {
|
|
138
138
|
testId: "slug-editor-spinner"
|
|
139
|
-
})), status === 'duplicate' && _react.createElement(_f36components.ValidationMessage, {
|
|
139
|
+
})), status === 'duplicate' && /*#__PURE__*/ _react.createElement(_f36components.ValidationMessage, {
|
|
140
140
|
testId: "slug-editor-duplicate-error",
|
|
141
141
|
className: _styles.uniqueValidationError
|
|
142
142
|
}, "This slug has already been published in another entry"));
|
|
@@ -175,7 +175,7 @@ function SlugEditorField(props) {
|
|
|
175
175
|
areEqual
|
|
176
176
|
]);
|
|
177
177
|
useSlugUpdater(props, check);
|
|
178
|
-
return _react.createElement(SlugEditorFieldStatic, {
|
|
178
|
+
return /*#__PURE__*/ _react.createElement(SlugEditorFieldStatic, {
|
|
179
179
|
...props,
|
|
180
180
|
onChange: ()=>{
|
|
181
181
|
setCheck(false);
|
package/dist/esm/SlugEditor.js
CHANGED
|
@@ -13,9 +13,9 @@ function FieldConnectorCallback({ Component, value, disabled, setValue, errors,
|
|
|
13
13
|
}, [
|
|
14
14
|
setValue
|
|
15
15
|
]);
|
|
16
|
-
return React.createElement("div", {
|
|
16
|
+
return /*#__PURE__*/ React.createElement("div", {
|
|
17
17
|
"data-test-id": "slug-editor"
|
|
18
|
-
}, React.createElement(Component, {
|
|
18
|
+
}, /*#__PURE__*/ React.createElement(Component, {
|
|
19
19
|
locale: locale,
|
|
20
20
|
createdAt: createdAt,
|
|
21
21
|
performUniqueCheck: performUniqueCheck,
|
|
@@ -58,20 +58,20 @@ export function SlugEditor(props) {
|
|
|
58
58
|
entrySys.id,
|
|
59
59
|
space
|
|
60
60
|
]);
|
|
61
|
-
return React.createElement(TrackingFieldConnector, {
|
|
61
|
+
return /*#__PURE__*/ React.createElement(TrackingFieldConnector, {
|
|
62
62
|
sdk: props.baseSdk,
|
|
63
63
|
field: field,
|
|
64
64
|
defaultLocale: locales.default,
|
|
65
65
|
isOptionalLocaleWithFallback: isOptionalLocaleWithFallback,
|
|
66
66
|
trackingFieldId: trackingFieldId
|
|
67
|
-
}, ({ titleValue, isPublished, isSame })
|
|
67
|
+
}, ({ titleValue, isPublished, isSame })=>/*#__PURE__*/ React.createElement(FieldConnector, {
|
|
68
68
|
field: field,
|
|
69
69
|
isInitiallyDisabled: props.isInitiallyDisabled,
|
|
70
70
|
debounce: 0
|
|
71
71
|
}, ({ value, errors, disabled, setValue, externalReset })=>{
|
|
72
72
|
const shouldTrackTitle = isPublished === false && isSame === false;
|
|
73
73
|
const Component = shouldTrackTitle ? SlugEditorField : SlugEditorFieldStatic;
|
|
74
|
-
return React.createElement(FieldConnectorCallback, {
|
|
74
|
+
return /*#__PURE__*/ React.createElement(FieldConnectorCallback, {
|
|
75
75
|
Component: Component,
|
|
76
76
|
titleValue: titleValue,
|
|
77
77
|
value: value,
|
|
@@ -27,7 +27,7 @@ function createMocks(initialValues = {}) {
|
|
|
27
27
|
}), initialValues.titleField || '');
|
|
28
28
|
const [descriptionField] = createFakeFieldAPI((field)=>({
|
|
29
29
|
...field,
|
|
30
|
-
id:
|
|
30
|
+
id: 'description-id',
|
|
31
31
|
setValue: jest.fn().mockImplementation(field.setValue),
|
|
32
32
|
getValue: jest.fn().mockImplementation(field.getValue),
|
|
33
33
|
onValueChanged: jest.fn().mockImplementation(field.onValueChanged)
|
|
@@ -54,7 +54,7 @@ function createMocks(initialValues = {}) {
|
|
|
54
54
|
fields: {
|
|
55
55
|
'title-id': titleField,
|
|
56
56
|
'entry-id': field,
|
|
57
|
-
|
|
57
|
+
'description-id': descriptionField
|
|
58
58
|
}
|
|
59
59
|
},
|
|
60
60
|
contentType: {
|
|
@@ -76,7 +76,7 @@ describe('SlugEditor', ()=>{
|
|
|
76
76
|
sdk.entry.getSys.mockReturnValue({
|
|
77
77
|
publishedVersion: 2
|
|
78
78
|
});
|
|
79
|
-
render(React.createElement(SlugEditor, {
|
|
79
|
+
render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
80
80
|
field: field,
|
|
81
81
|
baseSdk: sdk,
|
|
82
82
|
isInitiallyDisabled: false
|
|
@@ -92,7 +92,7 @@ describe('SlugEditor', ()=>{
|
|
|
92
92
|
it('when title and slug are the same field', async ()=>{
|
|
93
93
|
const { field, titleField, sdk } = createMocks();
|
|
94
94
|
sdk.contentType.displayField = 'entry-id';
|
|
95
|
-
render(React.createElement(SlugEditor, {
|
|
95
|
+
render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
96
96
|
field: field,
|
|
97
97
|
baseSdk: sdk,
|
|
98
98
|
isInitiallyDisabled: false
|
|
@@ -107,7 +107,7 @@ describe('SlugEditor', ()=>{
|
|
|
107
107
|
titleField: 'Hello world!',
|
|
108
108
|
field: 'something-different'
|
|
109
109
|
});
|
|
110
|
-
render(React.createElement(SlugEditor, {
|
|
110
|
+
render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
111
111
|
field: field,
|
|
112
112
|
baseSdk: sdk,
|
|
113
113
|
isInitiallyDisabled: false
|
|
@@ -136,7 +136,7 @@ describe('SlugEditor', ()=>{
|
|
|
136
136
|
sdk.space.getEntries.mockResolvedValue({
|
|
137
137
|
total: 0
|
|
138
138
|
});
|
|
139
|
-
const { queryByTestId, queryByText } = render(React.createElement(SlugEditor, {
|
|
139
|
+
const { queryByTestId, queryByText } = render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
140
140
|
field: field,
|
|
141
141
|
baseSdk: sdk,
|
|
142
142
|
isInitiallyDisabled: false
|
|
@@ -172,7 +172,7 @@ describe('SlugEditor', ()=>{
|
|
|
172
172
|
sdk.space.getEntries.mockResolvedValue({
|
|
173
173
|
total: 2
|
|
174
174
|
});
|
|
175
|
-
const { queryByTestId, queryByText, getByTestId } = render(React.createElement(SlugEditor, {
|
|
175
|
+
const { queryByTestId, queryByText, getByTestId } = render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
176
176
|
field: field,
|
|
177
177
|
baseSdk: sdk,
|
|
178
178
|
isInitiallyDisabled: false
|
|
@@ -220,7 +220,7 @@ describe('SlugEditor', ()=>{
|
|
|
220
220
|
field: '',
|
|
221
221
|
titleField: ''
|
|
222
222
|
});
|
|
223
|
-
render(React.createElement(SlugEditor, {
|
|
223
|
+
render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
224
224
|
field: field,
|
|
225
225
|
baseSdk: sdk,
|
|
226
226
|
isInitiallyDisabled: true
|
|
@@ -238,7 +238,7 @@ describe('SlugEditor', ()=>{
|
|
|
238
238
|
field: '',
|
|
239
239
|
titleField: ''
|
|
240
240
|
});
|
|
241
|
-
render(React.createElement(SlugEditor, {
|
|
241
|
+
render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
242
242
|
field: field,
|
|
243
243
|
baseSdk: sdk,
|
|
244
244
|
isInitiallyDisabled: false
|
|
@@ -266,7 +266,7 @@ describe('SlugEditor', ()=>{
|
|
|
266
266
|
field: '',
|
|
267
267
|
titleField: 'This is initial title value'
|
|
268
268
|
});
|
|
269
|
-
render(React.createElement(SlugEditor, {
|
|
269
|
+
render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
270
270
|
field: field,
|
|
271
271
|
baseSdk: sdk,
|
|
272
272
|
isInitiallyDisabled: false
|
|
@@ -288,7 +288,7 @@ describe('SlugEditor', ()=>{
|
|
|
288
288
|
field: '',
|
|
289
289
|
titleField: ''
|
|
290
290
|
});
|
|
291
|
-
const { getByTestId } = render(React.createElement(SlugEditor, {
|
|
291
|
+
const { getByTestId } = render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
292
292
|
field: field,
|
|
293
293
|
baseSdk: sdk,
|
|
294
294
|
isInitiallyDisabled: false
|
|
@@ -326,7 +326,7 @@ describe('SlugEditor', ()=>{
|
|
|
326
326
|
field: '',
|
|
327
327
|
titleField: ''
|
|
328
328
|
});
|
|
329
|
-
const { getByTestId } = render(React.createElement(SlugEditor, {
|
|
329
|
+
const { getByTestId } = render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
330
330
|
field: field,
|
|
331
331
|
baseSdk: sdk,
|
|
332
332
|
isInitiallyDisabled: false
|
|
@@ -376,7 +376,7 @@ describe('SlugEditor', ()=>{
|
|
|
376
376
|
'de-DE': undefined,
|
|
377
377
|
'ru-RU': undefined
|
|
378
378
|
};
|
|
379
|
-
render(React.createElement(SlugEditor, {
|
|
379
|
+
render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
380
380
|
field: field,
|
|
381
381
|
baseSdk: sdk,
|
|
382
382
|
isInitiallyDisabled: false
|
|
@@ -404,7 +404,7 @@ describe('SlugEditor', ()=>{
|
|
|
404
404
|
'de-DE': undefined,
|
|
405
405
|
'ru-RU': 'de-DE'
|
|
406
406
|
};
|
|
407
|
-
render(React.createElement(SlugEditor, {
|
|
407
|
+
render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
408
408
|
field: field,
|
|
409
409
|
baseSdk: sdk,
|
|
410
410
|
isInitiallyDisabled: false
|
|
@@ -421,7 +421,7 @@ describe('SlugEditor', ()=>{
|
|
|
421
421
|
field: '',
|
|
422
422
|
titleField: ''
|
|
423
423
|
});
|
|
424
|
-
render(React.createElement(SlugEditor, {
|
|
424
|
+
render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
425
425
|
field: field,
|
|
426
426
|
baseSdk: sdk,
|
|
427
427
|
isInitiallyDisabled: false
|
|
@@ -439,7 +439,7 @@ describe('SlugEditor', ()=>{
|
|
|
439
439
|
field: '',
|
|
440
440
|
titleField: ''
|
|
441
441
|
});
|
|
442
|
-
render(React.createElement(SlugEditor, {
|
|
442
|
+
render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
443
443
|
field: field,
|
|
444
444
|
baseSdk: sdk,
|
|
445
445
|
isInitiallyDisabled: false
|
|
@@ -456,15 +456,15 @@ describe('SlugEditor', ()=>{
|
|
|
456
456
|
const { field, titleField, descriptionField, sdk } = createMocks({
|
|
457
457
|
field: '',
|
|
458
458
|
titleField: 'This is initial title value',
|
|
459
|
-
descriptionField:
|
|
459
|
+
descriptionField: 'This is initial description value'
|
|
460
460
|
});
|
|
461
|
-
render(React.createElement(SlugEditor, {
|
|
461
|
+
render(/*#__PURE__*/ React.createElement(SlugEditor, {
|
|
462
462
|
field: field,
|
|
463
463
|
baseSdk: sdk,
|
|
464
464
|
isInitiallyDisabled: false,
|
|
465
465
|
parameters: {
|
|
466
466
|
instance: {
|
|
467
|
-
trackingFieldId:
|
|
467
|
+
trackingFieldId: 'description-id'
|
|
468
468
|
}
|
|
469
469
|
}
|
|
470
470
|
}));
|
|
@@ -472,9 +472,9 @@ describe('SlugEditor', ()=>{
|
|
|
472
472
|
expect(titleField.onValueChanged).not.toHaveBeenCalled();
|
|
473
473
|
expect(descriptionField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
|
|
474
474
|
expect(field.setValue).toHaveBeenCalledTimes(1);
|
|
475
|
-
expect(field.setValue).toHaveBeenLastCalledWith(
|
|
475
|
+
expect(field.setValue).toHaveBeenLastCalledWith('this-is-initial-description-value');
|
|
476
476
|
});
|
|
477
|
-
await sdk.entry.fields[
|
|
477
|
+
await sdk.entry.fields['description-id'].setValue('Hello world!');
|
|
478
478
|
await waitFor(()=>{
|
|
479
479
|
expect(field.setValue).toHaveBeenCalledTimes(2);
|
|
480
480
|
expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
|
|
@@ -52,11 +52,11 @@ function useUniqueChecker(props) {
|
|
|
52
52
|
export function SlugEditorFieldStatic(props) {
|
|
53
53
|
const { hasError, isDisabled, value, setValue, onChange, onBlur, id } = props;
|
|
54
54
|
const status = useUniqueChecker(props);
|
|
55
|
-
return React.createElement("div", {
|
|
55
|
+
return /*#__PURE__*/ React.createElement("div", {
|
|
56
56
|
className: styles.inputContainer
|
|
57
|
-
}, React.createElement(LinkIcon, {
|
|
57
|
+
}, /*#__PURE__*/ React.createElement(LinkIcon, {
|
|
58
58
|
className: styles.icon
|
|
59
|
-
}), React.createElement(TextInput, {
|
|
59
|
+
}), /*#__PURE__*/ React.createElement(TextInput, {
|
|
60
60
|
className: styles.input,
|
|
61
61
|
isInvalid: hasError || status === 'duplicate',
|
|
62
62
|
isDisabled: isDisabled,
|
|
@@ -73,11 +73,11 @@ export function SlugEditorFieldStatic(props) {
|
|
|
73
73
|
onBlur();
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
|
-
}), status === 'checking' && React.createElement("div", {
|
|
76
|
+
}), status === 'checking' && /*#__PURE__*/ React.createElement("div", {
|
|
77
77
|
className: styles.spinnerContainer
|
|
78
|
-
}, React.createElement(Spinner, {
|
|
78
|
+
}, /*#__PURE__*/ React.createElement(Spinner, {
|
|
79
79
|
testId: "slug-editor-spinner"
|
|
80
|
-
})), status === 'duplicate' && React.createElement(ValidationMessage, {
|
|
80
|
+
})), status === 'duplicate' && /*#__PURE__*/ React.createElement(ValidationMessage, {
|
|
81
81
|
testId: "slug-editor-duplicate-error",
|
|
82
82
|
className: styles.uniqueValidationError
|
|
83
83
|
}, "This slug has already been published in another entry"));
|
|
@@ -116,7 +116,7 @@ export function SlugEditorField(props) {
|
|
|
116
116
|
areEqual
|
|
117
117
|
]);
|
|
118
118
|
useSlugUpdater(props, check);
|
|
119
|
-
return React.createElement(SlugEditorFieldStatic, {
|
|
119
|
+
return /*#__PURE__*/ React.createElement(SlugEditorFieldStatic, {
|
|
120
120
|
...props,
|
|
121
121
|
onChange: ()=>{
|
|
122
122
|
setCheck(false);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/field-editor-slug",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.0",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@contentful/f36-components": "^4.70.0",
|
|
39
39
|
"@contentful/f36-icons": "^4.29.0",
|
|
40
40
|
"@contentful/f36-tokens": "^4.0.5",
|
|
41
|
-
"@contentful/field-editor-shared": "^2.
|
|
41
|
+
"@contentful/field-editor-shared": "^2.8.0",
|
|
42
42
|
"@types/speakingurl": "^13.0.2",
|
|
43
43
|
"emotion": "^10.0.17",
|
|
44
44
|
"lodash": "^4.17.15",
|
|
@@ -47,14 +47,16 @@
|
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@contentful/app-sdk": "^4.29.0",
|
|
50
|
-
"@contentful/field-editor-test-utils": "^1.5.2"
|
|
50
|
+
"@contentful/field-editor-test-utils": "^1.5.2",
|
|
51
|
+
"@lingui/core": "5.3.0"
|
|
51
52
|
},
|
|
52
53
|
"peerDependencies": {
|
|
53
54
|
"@contentful/app-sdk": "^4.29.0",
|
|
55
|
+
"@lingui/core": "^5.3.0",
|
|
54
56
|
"react": ">=16.8.0"
|
|
55
57
|
},
|
|
56
58
|
"publishConfig": {
|
|
57
59
|
"registry": "https://npm.pkg.github.com/"
|
|
58
60
|
},
|
|
59
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "a86f67a6d507eb7c8c7a38b4312380361bdbebbb"
|
|
60
62
|
}
|