@contentful/field-editor-slug 2.2.1 → 2.2.2

package/dist/cjs/SlugEditor.test.js

@@ -274,6 +274,35 @@ describe('SlugEditor', ()=>{
                 expect(queryByText('This slug has already been published in another entry')).not.toBeInTheDocument();
             });
         });
+        it('shows warning instead of error when unique validation is disabled on content model', async ()=>{
+            const { field, sdk } = createMocks({
+                titleField: 'Slug value',
+                field: 'slug-value'
+            });
+            field.validations = [];
+            sdk.entry.getSys.mockReturnValue({
+                id: 'entry-id',
+                publishedVersion: undefined,
+                contentType: {
+                    sys: {
+                        id: 'content-type-id'
+                    }
+                }
+            });
+            sdk.cma.entry.getMany.mockResolvedValue({
+                total: 2
+            });
+            const { queryByText, getByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
+                field: field,
+                baseSdk: sdk,
+                isInitiallyDisabled: false
+            }));
+            await (0, _react1.waitFor)(()=>{
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
+                expect(queryByText('This slug has already been published in another entry.')).toBeInTheDocument();
+                expect(getByTestId('cf-ui-text-input')).not.toHaveAttribute('aria-invalid');
+            });
+        });
     });
     describe('should react to title changes', ()=>{
         it('when field is disabled', async ()=>{

package/dist/cjs/SlugEditorField.js

@@ -19,6 +19,7 @@ _export(exports, {
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
+const _f36note = require("@contentful/f36-note");
 const _core = require("@lingui/core");
 const _usedebounce = require("use-debounce");
 const _makeSlug = require("./services/makeSlug");
@@ -145,6 +146,13 @@ function SlugEditorFieldStatic(props) {
     }, _core.i18n._({
         id: "FieldEditors.Slug.SlugEditorField.DuplicateSlugError",
         message: "This slug has already been published in another entry"
+    })), hasDuplicate && !isUniqueValidationEnabled && /*#__PURE__*/ _react.createElement(_f36note.Note, {
+        variant: "warning",
+        testId: "slug-editor-duplicate-warning",
+        className: _styles.uniqueValidationError
+    }, _core.i18n._({
+        id: "FieldEditors.Slug.SlugEditorField.DuplicateSlugWarning",
+        message: "This slug has already been published in another entry."
     })));
 }
 function SlugEditorField(props) {

package/dist/esm/SlugEditor.test.js

@@ -229,6 +229,35 @@ describe('SlugEditor', ()=>{
                 expect(queryByText('This slug has already been published in another entry')).not.toBeInTheDocument();
             });
         });
+        it('shows warning instead of error when unique validation is disabled on content model', async ()=>{
+            const { field, sdk } = createMocks({
+                titleField: 'Slug value',
+                field: 'slug-value'
+            });
+            field.validations = [];
+            sdk.entry.getSys.mockReturnValue({
+                id: 'entry-id',
+                publishedVersion: undefined,
+                contentType: {
+                    sys: {
+                        id: 'content-type-id'
+                    }
+                }
+            });
+            sdk.cma.entry.getMany.mockResolvedValue({
+                total: 2
+            });
+            const { queryByText, getByTestId } = render(/*#__PURE__*/ React.createElement(SlugEditor, {
+                field: field,
+                baseSdk: sdk,
+                isInitiallyDisabled: false
+            }));
+            await waitFor(()=>{
+                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
+                expect(queryByText('This slug has already been published in another entry.')).toBeInTheDocument();
+                expect(getByTestId('cf-ui-text-input')).not.toHaveAttribute('aria-invalid');
+            });
+        });
     });
     describe('should react to title changes', ()=>{
         it('when field is disabled', async ()=>{

package/dist/esm/SlugEditorField.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Spinner, TextInput, ValidationMessage } from '@contentful/f36-components';
 import { LinkSimpleIcon } from '@contentful/f36-icons';
+import { Note } from '@contentful/f36-note';
 import { i18n as $_i18n } from "@lingui/core";
 import { useDebounce } from 'use-debounce';
 import { makeSlug } from './services/makeSlug';
@@ -86,6 +87,13 @@ export function SlugEditorFieldStatic(props) {
     }, $_i18n._({
         id: "FieldEditors.Slug.SlugEditorField.DuplicateSlugError",
         message: "This slug has already been published in another entry"
+    })), hasDuplicate && !isUniqueValidationEnabled && /*#__PURE__*/ React.createElement(Note, {
+        variant: "warning",
+        testId: "slug-editor-duplicate-warning",
+        className: styles.uniqueValidationError
+    }, $_i18n._({
+        id: "FieldEditors.Slug.SlugEditorField.DuplicateSlugWarning",
+        message: "This slug has already been published in another entry."
     })));
 }
 export function SlugEditorField(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-slug",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -59,5 +59,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "6a566b8c6a30e4d96641e580a644c0be49115e07"
+  "gitHead": "87cd04e27743e56d2ef52f4802e898a9c8d6d370"
 }