@contentful/field-editor-slug 1.8.13 → 2.0.0

package/dist/cjs/SlugEditor.js

@@ -81,7 +81,7 @@ function FieldConnectorCallback({ Component, value, disabled, setValue, errors,
 }
 function SlugEditor(props) {
     const { field, parameters, id } = props;
-    const { locales, entry, space } = props.baseSdk;
+    const { locales, entry, cma } = props.baseSdk;
     if (!isSupportedFieldTypes(field.type)) {
         throw new Error(`"${field.type}" field type is not supported by SlugEditor`);
     }
@@ -92,14 +92,16 @@ function SlugEditor(props) {
     const isOptionalFieldLocale = Boolean(!field.required || isLocaleOptional);
     const isOptionalLocaleWithFallback = Boolean(isOptionalFieldLocale && localeFallbackCode && locales.available.includes(localeFallbackCode));
     const performUniqueCheck = _react.useCallback((value)=>{
-        const searchQuery = {
-            content_type: entrySys?.contentType?.sys?.id,
-            [`fields.${field.id}.${field.locale}`]: value,
-            'sys.id[ne]': entrySys.id,
-            'sys.publishedAt[exists]': true,
-            limit: 0
-        };
-        return space.getEntries(searchQuery).then((res)=>{
+        return cma.entry.getMany({
+            query: {
+                content_type: entrySys?.contentType?.sys?.id,
+                [`fields.${field.id}.${field.locale}`]: value,
+                'sys.id[ne]': entrySys.id,
+                'sys.publishedAt[exists]': true,
+                limit: 0
+            },
+            releaseId: undefined
+        }).then((res)=>{
             return res.total === 0;
         });
     }, [
@@ -107,7 +109,7 @@ function SlugEditor(props) {
         field.id,
         field.locale,
         entrySys.id,
-        space
+        cma.entry
     ]);
     return /*#__PURE__*/ _react.createElement(_TrackingFieldConnector.TrackingFieldConnector, {
         sdk: props.baseSdk,

package/dist/cjs/SlugEditor.test.js

@@ -79,10 +79,12 @@ function createMocks(initialValues = {}) {
         }), initialValues.descriptionField || '');
     const sdk = {
         locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
-        space: {
-            getEntries: jest.fn().mockResolvedValue({
-                total: 0
-            })
+        cma: {
+            entry: {
+                getMany: jest.fn().mockResolvedValue({
+                    total: 0
+                })
+            }
         },
         entry: {
             getSys: jest.fn().mockReturnValue({
@@ -129,7 +131,7 @@ describe('SlugEditor', ()=>{
             await (0, _react1.waitFor)(()=>{
                 expect(field.setValue).not.toHaveBeenCalled();
                 expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.space.getEntries).not.toHaveBeenCalled();
+                expect(sdk.cma.entry.getMany).not.toHaveBeenCalled();
                 expect(sdk.entry.fields['title-id'].getValue).toHaveBeenCalledTimes(1);
                 expect(sdk.entry.getSys).toHaveBeenCalledTimes(2);
             });
@@ -178,7 +180,7 @@ describe('SlugEditor', ()=>{
                     }
                 }
             });
-            sdk.space.getEntries.mockResolvedValue({
+            sdk.cma.entry.getMany.mockResolvedValue({
                 total: 0
             });
             const { queryByTestId, queryByText } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
@@ -188,14 +190,17 @@ describe('SlugEditor', ()=>{
             }));
             await (0, _react1.waitFor)(()=>{
                 expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.space.getEntries).toHaveBeenLastCalledWith({
-                    content_type: 'content-type-id',
-                    'fields.slug-id.en-US': 'slug-value',
-                    limit: 0,
-                    'sys.id[ne]': 'entry-id',
-                    'sys.publishedAt[exists]': true
+                expect(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
+                    query: {
+                        content_type: 'content-type-id',
+                        'fields.slug-id.en-US': 'slug-value',
+                        limit: 0,
+                        'sys.id[ne]': 'entry-id',
+                        'sys.publishedAt[exists]': true
+                    },
+                    releaseid: undefined
                 });
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(1);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
                 expect(queryByTestId('slug-editor-spinner')).not.toBeInTheDocument();
                 expect(queryByText('This slug has already been published in another entry')).not.toBeInTheDocument();
             });
@@ -214,7 +219,7 @@ describe('SlugEditor', ()=>{
                     }
                 }
             });
-            sdk.space.getEntries.mockResolvedValue({
+            sdk.cma.entry.getMany.mockResolvedValue({
                 total: 2
             });
             const { queryByTestId, queryByText, getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
@@ -224,19 +229,22 @@ describe('SlugEditor', ()=>{
             }));
             await (0, _react1.waitFor)(()=>{
                 expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.space.getEntries).toHaveBeenLastCalledWith({
-                    content_type: 'content-type-id',
-                    'fields.slug-id.en-US': 'slug-value',
-                    limit: 0,
-                    'sys.id[ne]': 'entry-id',
-                    'sys.publishedAt[exists]': true
+                expect(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
+                    query: {
+                        content_type: 'content-type-id',
+                        'fields.slug-id.en-US': 'slug-value',
+                        limit: 0,
+                        'sys.id[ne]': 'entry-id',
+                        'sys.publishedAt[exists]': true
+                    },
+                    releaseid: undefined
                 });
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(1);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
                 expect(queryByTestId('slug-editor-spinner')).not.toBeInTheDocument();
                 expect(queryByText('This slug has already been published in another entry')).toBeInTheDocument();
                 expect(getByTestId('cf-ui-text-input')).toHaveValue('slug-value');
             });
-            sdk.space.getEntries.mockResolvedValue({
+            sdk.cma.entry.getMany.mockResolvedValue({
                 total: 0
             });
             _react1.fireEvent.change(getByTestId('cf-ui-text-input'), {
@@ -247,13 +255,16 @@ describe('SlugEditor', ()=>{
             await (0, _react1.waitFor)(()=>{
                 expect(field.setValue).toHaveBeenCalledTimes(1);
                 expect(field.setValue).toHaveBeenCalledWith('123');
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(2);
-                expect(sdk.space.getEntries).toHaveBeenLastCalledWith({
-                    content_type: 'content-type-id',
-                    'fields.slug-id.en-US': '123',
-                    limit: 0,
-                    'sys.id[ne]': 'entry-id',
-                    'sys.publishedAt[exists]': true
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
+                expect(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
+                    query: {
+                        content_type: 'content-type-id',
+                        'fields.slug-id.en-US': '123',
+                        limit: 0,
+                        'sys.id[ne]': 'entry-id',
+                        'sys.publishedAt[exists]': true
+                    },
+                    releaseid: undefined
                 });
                 expect(queryByText('This slug has already been published in another entry')).not.toBeInTheDocument();
             });
@@ -273,7 +284,7 @@ describe('SlugEditor', ()=>{
             await (0, _react1.waitFor)(()=>{
                 expect(field.setValue).toHaveBeenCalled();
                 expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.space.getEntries).toHaveBeenCalled();
+                expect(sdk.cma.entry.getMany).toHaveBeenCalled();
                 expect(sdk.entry.fields['title-id'].getValue).toHaveBeenCalledTimes(1);
                 expect(sdk.entry.getSys).toHaveBeenCalledTimes(2);
             });
@@ -297,13 +308,13 @@ describe('SlugEditor', ()=>{
             await (0, _react1.waitFor)(()=>{
                 expect(field.setValue).toHaveBeenCalledTimes(2);
                 expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(2);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
             });
             await sdk.entry.fields['title-id'].setValue('фраза написанная по русски');
             await (0, _react1.waitFor)(()=>{
                 expect(field.setValue).toHaveBeenCalledTimes(3);
                 expect(field.setValue).toHaveBeenLastCalledWith('fraza-napisannaya-po-russki');
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(3);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(3);
             });
         });
         it('should generate value from title if it is not empty', async ()=>{
@@ -325,7 +336,7 @@ describe('SlugEditor', ()=>{
             await (0, _react1.waitFor)(()=>{
                 expect(field.setValue).toHaveBeenCalledTimes(2);
                 expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(2);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
             });
         });
         it('should stop tracking value after user intentionally changes slug value', async ()=>{
@@ -346,7 +357,7 @@ describe('SlugEditor', ()=>{
                 expect(field.setValue).toHaveBeenCalledTimes(2);
                 expect(field.setValue).toHaveBeenCalledWith('untitled-entry-2020-01-24-at-15-33-47');
                 expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(2);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
             });
             _react1.fireEvent.change(getByTestId('cf-ui-text-input'), {
                 target: {
@@ -523,7 +534,7 @@ describe('SlugEditor', ()=>{
         await (0, _react1.waitFor)(()=>{
             expect(field.setValue).toHaveBeenCalledTimes(2);
             expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-            expect(sdk.space.getEntries).toHaveBeenCalledTimes(2);
+            expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
         });
     });
 });

package/dist/esm/SlugEditor.js

@@ -30,7 +30,7 @@ function FieldConnectorCallback({ Component, value, disabled, setValue, errors,
 }
 export function SlugEditor(props) {
     const { field, parameters, id } = props;
-    const { locales, entry, space } = props.baseSdk;
+    const { locales, entry, cma } = props.baseSdk;
     if (!isSupportedFieldTypes(field.type)) {
         throw new Error(`"${field.type}" field type is not supported by SlugEditor`);
     }
@@ -41,14 +41,16 @@ export function SlugEditor(props) {
     const isOptionalFieldLocale = Boolean(!field.required || isLocaleOptional);
     const isOptionalLocaleWithFallback = Boolean(isOptionalFieldLocale && localeFallbackCode && locales.available.includes(localeFallbackCode));
     const performUniqueCheck = React.useCallback((value)=>{
-        const searchQuery = {
-            content_type: entrySys?.contentType?.sys?.id,
-            [`fields.${field.id}.${field.locale}`]: value,
-            'sys.id[ne]': entrySys.id,
-            'sys.publishedAt[exists]': true,
-            limit: 0
-        };
-        return space.getEntries(searchQuery).then((res)=>{
+        return cma.entry.getMany({
+            query: {
+                content_type: entrySys?.contentType?.sys?.id,
+                [`fields.${field.id}.${field.locale}`]: value,
+                'sys.id[ne]': entrySys.id,
+                'sys.publishedAt[exists]': true,
+                limit: 0
+            },
+            releaseId: undefined
+        }).then((res)=>{
             return res.total === 0;
         });
     }, [
@@ -56,7 +58,7 @@ export function SlugEditor(props) {
         field.id,
         field.locale,
         entrySys.id,
-        space
+        cma.entry
     ]);
     return /*#__PURE__*/ React.createElement(TrackingFieldConnector, {
         sdk: props.baseSdk,

package/dist/esm/SlugEditor.test.js

@@ -34,10 +34,12 @@ function createMocks(initialValues = {}) {
         }), initialValues.descriptionField || '');
     const sdk = {
         locales: createFakeLocalesAPI(),
-        space: {
-            getEntries: jest.fn().mockResolvedValue({
-                total: 0
-            })
+        cma: {
+            entry: {
+                getMany: jest.fn().mockResolvedValue({
+                    total: 0
+                })
+            }
         },
         entry: {
             getSys: jest.fn().mockReturnValue({
@@ -84,7 +86,7 @@ describe('SlugEditor', ()=>{
             await waitFor(()=>{
                 expect(field.setValue).not.toHaveBeenCalled();
                 expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.space.getEntries).not.toHaveBeenCalled();
+                expect(sdk.cma.entry.getMany).not.toHaveBeenCalled();
                 expect(sdk.entry.fields['title-id'].getValue).toHaveBeenCalledTimes(1);
                 expect(sdk.entry.getSys).toHaveBeenCalledTimes(2);
             });
@@ -133,7 +135,7 @@ describe('SlugEditor', ()=>{
                     }
                 }
             });
-            sdk.space.getEntries.mockResolvedValue({
+            sdk.cma.entry.getMany.mockResolvedValue({
                 total: 0
             });
             const { queryByTestId, queryByText } = render(/*#__PURE__*/ React.createElement(SlugEditor, {
@@ -143,14 +145,17 @@ describe('SlugEditor', ()=>{
             }));
             await waitFor(()=>{
                 expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.space.getEntries).toHaveBeenLastCalledWith({
-                    content_type: 'content-type-id',
-                    'fields.slug-id.en-US': 'slug-value',
-                    limit: 0,
-                    'sys.id[ne]': 'entry-id',
-                    'sys.publishedAt[exists]': true
+                expect(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
+                    query: {
+                        content_type: 'content-type-id',
+                        'fields.slug-id.en-US': 'slug-value',
+                        limit: 0,
+                        'sys.id[ne]': 'entry-id',
+                        'sys.publishedAt[exists]': true
+                    },
+                    releaseid: undefined
                 });
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(1);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
                 expect(queryByTestId('slug-editor-spinner')).not.toBeInTheDocument();
                 expect(queryByText('This slug has already been published in another entry')).not.toBeInTheDocument();
             });
@@ -169,7 +174,7 @@ describe('SlugEditor', ()=>{
                     }
                 }
             });
-            sdk.space.getEntries.mockResolvedValue({
+            sdk.cma.entry.getMany.mockResolvedValue({
                 total: 2
             });
             const { queryByTestId, queryByText, getByTestId } = render(/*#__PURE__*/ React.createElement(SlugEditor, {
@@ -179,19 +184,22 @@ describe('SlugEditor', ()=>{
             }));
             await waitFor(()=>{
                 expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.space.getEntries).toHaveBeenLastCalledWith({
-                    content_type: 'content-type-id',
-                    'fields.slug-id.en-US': 'slug-value',
-                    limit: 0,
-                    'sys.id[ne]': 'entry-id',
-                    'sys.publishedAt[exists]': true
+                expect(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
+                    query: {
+                        content_type: 'content-type-id',
+                        'fields.slug-id.en-US': 'slug-value',
+                        limit: 0,
+                        'sys.id[ne]': 'entry-id',
+                        'sys.publishedAt[exists]': true
+                    },
+                    releaseid: undefined
                 });
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(1);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
                 expect(queryByTestId('slug-editor-spinner')).not.toBeInTheDocument();
                 expect(queryByText('This slug has already been published in another entry')).toBeInTheDocument();
                 expect(getByTestId('cf-ui-text-input')).toHaveValue('slug-value');
             });
-            sdk.space.getEntries.mockResolvedValue({
+            sdk.cma.entry.getMany.mockResolvedValue({
                 total: 0
             });
             fireEvent.change(getByTestId('cf-ui-text-input'), {
@@ -202,13 +210,16 @@ describe('SlugEditor', ()=>{
             await waitFor(()=>{
                 expect(field.setValue).toHaveBeenCalledTimes(1);
                 expect(field.setValue).toHaveBeenCalledWith('123');
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(2);
-                expect(sdk.space.getEntries).toHaveBeenLastCalledWith({
-                    content_type: 'content-type-id',
-                    'fields.slug-id.en-US': '123',
-                    limit: 0,
-                    'sys.id[ne]': 'entry-id',
-                    'sys.publishedAt[exists]': true
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
+                expect(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
+                    query: {
+                        content_type: 'content-type-id',
+                        'fields.slug-id.en-US': '123',
+                        limit: 0,
+                        'sys.id[ne]': 'entry-id',
+                        'sys.publishedAt[exists]': true
+                    },
+                    releaseid: undefined
                 });
                 expect(queryByText('This slug has already been published in another entry')).not.toBeInTheDocument();
             });
@@ -228,7 +239,7 @@ describe('SlugEditor', ()=>{
             await waitFor(()=>{
                 expect(field.setValue).toHaveBeenCalled();
                 expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.space.getEntries).toHaveBeenCalled();
+                expect(sdk.cma.entry.getMany).toHaveBeenCalled();
                 expect(sdk.entry.fields['title-id'].getValue).toHaveBeenCalledTimes(1);
                 expect(sdk.entry.getSys).toHaveBeenCalledTimes(2);
             });
@@ -252,13 +263,13 @@ describe('SlugEditor', ()=>{
             await waitFor(()=>{
                 expect(field.setValue).toHaveBeenCalledTimes(2);
                 expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(2);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
             });
             await sdk.entry.fields['title-id'].setValue('фраза написанная по русски');
             await waitFor(()=>{
                 expect(field.setValue).toHaveBeenCalledTimes(3);
                 expect(field.setValue).toHaveBeenLastCalledWith('fraza-napisannaya-po-russki');
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(3);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(3);
             });
         });
         it('should generate value from title if it is not empty', async ()=>{
@@ -280,7 +291,7 @@ describe('SlugEditor', ()=>{
             await waitFor(()=>{
                 expect(field.setValue).toHaveBeenCalledTimes(2);
                 expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(2);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
             });
         });
         it('should stop tracking value after user intentionally changes slug value', async ()=>{
@@ -301,7 +312,7 @@ describe('SlugEditor', ()=>{
                 expect(field.setValue).toHaveBeenCalledTimes(2);
                 expect(field.setValue).toHaveBeenCalledWith('untitled-entry-2020-01-24-at-15-33-47');
                 expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-                expect(sdk.space.getEntries).toHaveBeenCalledTimes(2);
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
             });
             fireEvent.change(getByTestId('cf-ui-text-input'), {
                 target: {
@@ -478,7 +489,7 @@ describe('SlugEditor', ()=>{
         await waitFor(()=>{
             expect(field.setValue).toHaveBeenCalledTimes(2);
             expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-            expect(sdk.space.getEntries).toHaveBeenCalledTimes(2);
+            expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
         });
     });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-slug",
-  "version": "1.8.13",
+  "version": "2.0.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -39,7 +39,7 @@
     "@contentful/f36-components": "^5.4.1",
     "@contentful/f36-icons": "^5.4.1",
     "@contentful/f36-tokens": "^5.1.0",
-    "@contentful/field-editor-shared": "^2.13.6",
+    "@contentful/field-editor-shared": "^2.13.8",
     "@types/speakingurl": "^13.0.2",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15",
@@ -47,17 +47,17 @@
     "use-debounce": "^10.0.0"
   },
   "devDependencies": {
-    "@contentful/app-sdk": "^4.29.0",
+    "@contentful/app-sdk": "^4.45.0",
     "@contentful/field-editor-test-utils": "^1.6.2",
     "@lingui/core": "5.3.0"
   },
   "peerDependencies": {
-    "@contentful/app-sdk": "^4.29.0",
+    "@contentful/app-sdk": "^4.45.0",
     "@lingui/core": "^5.3.0",
     "react": ">=16.8.0"
   },
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "f679be8ac8868788ca52d88939ae63d3ea046775"
+  "gitHead": "84767c885db51a13c76ee44481f81bdbda708d3e"
 }