@contentful/field-editor-slug 1.4.2 → 1.4.5

package/dist/cjs/SlugEditor.js

@@ -33,7 +33,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -54,7 +56,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 function isSupportedFieldTypes(val) {
     return val === 'Symbol';
 }
-function FieldConnectorCallback({ Component , value , disabled , setValue , errors , titleValue , isOptionalLocaleWithFallback , locale , createdAt , performUniqueCheck  }) {
+function FieldConnectorCallback({ Component, value, disabled, setValue, errors, titleValue, isOptionalLocaleWithFallback, locale, createdAt, performUniqueCheck }) {
     const safeSetValue = _react.useCallback(async (...args)=>{
         try {
             await setValue(...args);
@@ -77,8 +79,8 @@ function FieldConnectorCallback({ Component , value , disabled , setValue , erro
     }));
 }
 function SlugEditor(props) {
-    const { field , parameters  } = props;
-    const { locales , entry , space  } = props.baseSdk;
+    const { field, parameters } = props;
+    const { locales, entry, space } = props.baseSdk;
     if (!isSupportedFieldTypes(field.type)) {
         throw new Error(`"${field.type}" field type is not supported by SlugEditor`);
     }
@@ -112,11 +114,11 @@ function SlugEditor(props) {
         defaultLocale: locales.default,
         isOptionalLocaleWithFallback: isOptionalLocaleWithFallback,
         trackingFieldId: trackingFieldId
-    }, ({ titleValue , isPublished , isSame  })=>_react.createElement(_fieldeditorshared.FieldConnector, {
+    }, ({ titleValue, isPublished, isSame })=>_react.createElement(_fieldeditorshared.FieldConnector, {
             field: field,
             isInitiallyDisabled: props.isInitiallyDisabled,
             debounce: 0
-        }, ({ value , errors , disabled , setValue , externalReset  })=>{
+        }, ({ value, errors, disabled, setValue, externalReset })=>{
             const shouldTrackTitle = isPublished === false && isSame === false;
             const Component = shouldTrackTitle ? _SlugEditorField.SlugEditorField : _SlugEditorField.SlugEditorFieldStatic;
             return _react.createElement(FieldConnectorCallback, {

package/dist/cjs/SlugEditor.test.js

@@ -28,7 +28,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -115,7 +117,7 @@ describe('SlugEditor', ()=>{
     afterEach(_react1.cleanup);
     describe('should not subscribe to title changes', ()=>{
         it('when entry is published', async ()=>{
-            const { field , titleField , sdk  } = createMocks();
+            const { field, titleField, sdk } = createMocks();
             sdk.entry.getSys.mockReturnValue({
                 publishedVersion: 2
             });
@@ -133,7 +135,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('when title and slug are the same field', async ()=>{
-            const { field , titleField , sdk  } = createMocks();
+            const { field, titleField, sdk } = createMocks();
             sdk.contentType.displayField = 'entry-id';
             (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
                 field: field,
@@ -146,7 +148,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('when a saved slug is different from a title at the render', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 titleField: 'Hello world!',
                 field: 'something-different'
             });
@@ -163,7 +165,7 @@ describe('SlugEditor', ()=>{
     });
     describe('should check for uniqueness', ()=>{
         it('if it is published', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 titleField: 'Slug value',
                 field: 'slug-value'
             });
@@ -179,7 +181,7 @@ describe('SlugEditor', ()=>{
             sdk.space.getEntries.mockResolvedValue({
                 total: 0
             });
-            const { queryByTestId , queryByText  } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
+            const { queryByTestId, queryByText } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
                 field: field,
                 baseSdk: sdk,
                 isInitiallyDisabled: false
@@ -199,7 +201,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('if it is not published', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 titleField: 'Slug value',
                 field: 'slug-value'
             });
@@ -215,7 +217,7 @@ describe('SlugEditor', ()=>{
             sdk.space.getEntries.mockResolvedValue({
                 total: 2
             });
-            const { queryByTestId , queryByText , getByTestId  } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
+            const { queryByTestId, queryByText, getByTestId } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
                 field: field,
                 baseSdk: sdk,
                 isInitiallyDisabled: false
@@ -259,7 +261,7 @@ describe('SlugEditor', ()=>{
     });
     describe('should react to title changes', ()=>{
         it('when field is disabled', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: ''
             });
@@ -277,7 +279,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('should generate unique value with date if title is empty', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: ''
             });
@@ -305,7 +307,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('should generate value from title if it is not empty', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: 'This is initial title value'
             });
@@ -327,11 +329,11 @@ describe('SlugEditor', ()=>{
             });
         });
         it('should stop tracking value after user intentionally changes slug value', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: ''
             });
-            const { getByTestId  } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
+            const { getByTestId } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
                 field: field,
                 baseSdk: sdk,
                 isInitiallyDisabled: false
@@ -365,11 +367,11 @@ describe('SlugEditor', ()=>{
             });
         });
         it('should start tracking again after potential slug equals real one', async ()=>{
-            const { field , sdk  } = createMocks({
+            const { field, sdk } = createMocks({
                 field: '',
                 titleField: ''
             });
-            const { getByTestId  } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
+            const { getByTestId } = (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
                 field: field,
                 baseSdk: sdk,
                 isInitiallyDisabled: false
@@ -403,7 +405,7 @@ describe('SlugEditor', ()=>{
     });
     describe('for non default locales', ()=>{
         it('locale is not optional and has no fallback then it should track default locale changes & current locale changes', async ()=>{
-            const { sdk , field , titleField  } = createMocks();
+            const { sdk, field, titleField } = createMocks();
             field.locale = 'ru-RU';
             field.required = false;
             sdk.locales.available = [
@@ -431,7 +433,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('locale is optional and has a fallback then it should track only current locale changes', async ()=>{
-            const { sdk , field , titleField  } = createMocks();
+            const { sdk, field, titleField } = createMocks();
             field.locale = 'ru-RU';
             field.required = false;
             sdk.locales.available = [
@@ -460,7 +462,7 @@ describe('SlugEditor', ()=>{
         });
     });
     it('slug suggestion is limited to 75 symbols', async ()=>{
-        const { field , sdk  } = createMocks({
+        const { field, sdk } = createMocks({
             field: '',
             titleField: ''
         });
@@ -478,7 +480,7 @@ describe('SlugEditor', ()=>{
         });
     });
     it('slug suggestion does not contain cut-off words', async ()=>{
-        const { field , sdk  } = createMocks({
+        const { field, sdk } = createMocks({
             field: '',
             titleField: ''
         });
@@ -496,7 +498,7 @@ describe('SlugEditor', ()=>{
         });
     });
     it('should subscribe for changes in custom field id', async ()=>{
-        const { field , titleField , descriptionField , sdk  } = createMocks({
+        const { field, titleField, descriptionField, sdk } = createMocks({
             field: '',
             titleField: 'This is initial title value',
             descriptionField: 'This is initial description value'

package/dist/cjs/SlugEditorField.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    SlugEditorFieldStatic: function() {
-        return SlugEditorFieldStatic;
-    },
     SlugEditorField: function() {
         return SlugEditorField;
+    },
+    SlugEditorFieldStatic: function() {
+        return SlugEditorFieldStatic;
     }
 });
 const _react = _interop_require_wildcard(require("react"));
@@ -43,7 +43,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -62,7 +64,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function useSlugUpdater(props, check) {
-    const { value , setValue , createdAt , locale , titleValue , isOptionalLocaleWithFallback  } = props;
+    const { value, setValue, createdAt, locale, titleValue, isOptionalLocaleWithFallback } = props;
     _react.useEffect(()=>{
         if (check === false) {
             return;
@@ -86,7 +88,7 @@ function useSlugUpdater(props, check) {
     ]);
 }
 function useUniqueChecker(props) {
-    const { performUniqueCheck  } = props;
+    const { performUniqueCheck } = props;
     const [status, setStatus] = _react.useState(props.value ? 'checking' : 'unique');
     const [debouncedValue] = (0, _usedebounce.useDebounce)(props.value, 1000);
     _react.useEffect(()=>{
@@ -107,7 +109,7 @@ function useUniqueChecker(props) {
     return status;
 }
 function SlugEditorFieldStatic(props) {
-    const { hasError , isDisabled , value , setValue , onChange , onBlur  } = props;
+    const { hasError, isDisabled, value, setValue, onChange, onBlur } = props;
     const status = useUniqueChecker(props);
     return _react.createElement("div", {
         className: _styles.inputContainer
@@ -139,7 +141,7 @@ function SlugEditorFieldStatic(props) {
     }, "This slug has already been published in another entry"));
 }
 function SlugEditorField(props) {
-    const { titleValue , isOptionalLocaleWithFallback , locale , createdAt , value  } = props;
+    const { titleValue, isOptionalLocaleWithFallback, locale, createdAt, value } = props;
     const areEqual = _react.useCallback(()=>{
         const potentialSlug = (0, _makeSlug.makeSlug)(titleValue, {
             isOptionalLocaleWithFallback: isOptionalLocaleWithFallback,

package/dist/cjs/TrackingFieldConnector.js

@@ -43,7 +43,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -62,7 +64,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function getTitleField(sdk, trackingFieldId) {
-    const { entry , contentType  } = sdk;
+    const { entry, contentType } = sdk;
     if (trackingFieldId && entry.fields[trackingFieldId]) {
         return entry.fields[trackingFieldId];
     }

package/dist/cjs/index.js

@@ -12,11 +12,11 @@ _export(exports, {
     SlugEditor: function() {
         return _SlugEditor.SlugEditor;
     },
-    slugify: function() {
-        return _slugify.slugify;
-    },
     makeSlug: function() {
         return _makeSlug.makeSlug;
+    },
+    slugify: function() {
+        return _slugify.slugify;
     }
 });
 const _SlugEditor = require("./SlugEditor");

package/dist/cjs/services/makeSlug.js

@@ -30,7 +30,7 @@ function formatUtcDate(date) {
     const seconds = formatTwoDigit(date.getUTCSeconds());
     return `${year} ${month} ${day} at ${hour} ${minutes} ${seconds}`;
 }
-function untitledSlug({ isOptionalLocaleWithFallback , createdAt  }) {
+function untitledSlug({ isOptionalLocaleWithFallback, createdAt }) {
     if (isOptionalLocaleWithFallback) {
         return '';
     }

package/dist/cjs/styles.js

@@ -9,23 +9,23 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    validationRow: function() {
-        return validationRow;
-    },
-    inputContainer: function() {
-        return inputContainer;
+    icon: function() {
+        return icon;
     },
     input: function() {
         return input;
     },
-    icon: function() {
-        return icon;
+    inputContainer: function() {
+        return inputContainer;
     },
     spinnerContainer: function() {
         return spinnerContainer;
     },
     uniqueValidationError: function() {
         return uniqueValidationError;
+    },
+    validationRow: function() {
+        return validationRow;
     }
 });
 const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));

package/dist/esm/SlugEditor.js

@@ -5,7 +5,7 @@ import { TrackingFieldConnector } from './TrackingFieldConnector';
 function isSupportedFieldTypes(val) {
     return val === 'Symbol';
 }
-function FieldConnectorCallback({ Component , value , disabled , setValue , errors , titleValue , isOptionalLocaleWithFallback , locale , createdAt , performUniqueCheck  }) {
+function FieldConnectorCallback({ Component, value, disabled, setValue, errors, titleValue, isOptionalLocaleWithFallback, locale, createdAt, performUniqueCheck }) {
     const safeSetValue = React.useCallback(async (...args)=>{
         try {
             await setValue(...args);
@@ -28,8 +28,8 @@ function FieldConnectorCallback({ Component , value , disabled , setValue , erro
     }));
 }
 export function SlugEditor(props) {
-    const { field , parameters  } = props;
-    const { locales , entry , space  } = props.baseSdk;
+    const { field, parameters } = props;
+    const { locales, entry, space } = props.baseSdk;
     if (!isSupportedFieldTypes(field.type)) {
         throw new Error(`"${field.type}" field type is not supported by SlugEditor`);
     }
@@ -63,11 +63,11 @@ export function SlugEditor(props) {
         defaultLocale: locales.default,
         isOptionalLocaleWithFallback: isOptionalLocaleWithFallback,
         trackingFieldId: trackingFieldId
-    }, ({ titleValue , isPublished , isSame  })=>React.createElement(FieldConnector, {
+    }, ({ titleValue, isPublished, isSame })=>React.createElement(FieldConnector, {
             field: field,
             isInitiallyDisabled: props.isInitiallyDisabled,
             debounce: 0
-        }, ({ value , errors , disabled , setValue , externalReset  })=>{
+        }, ({ value, errors, disabled, setValue, externalReset })=>{
             const shouldTrackTitle = isPublished === false && isSame === false;
             const Component = shouldTrackTitle ? SlugEditorField : SlugEditorFieldStatic;
             return React.createElement(FieldConnectorCallback, {

package/dist/esm/SlugEditor.test.js

@@ -72,7 +72,7 @@ describe('SlugEditor', ()=>{
     afterEach(cleanup);
     describe('should not subscribe to title changes', ()=>{
         it('when entry is published', async ()=>{
-            const { field , titleField , sdk  } = createMocks();
+            const { field, titleField, sdk } = createMocks();
             sdk.entry.getSys.mockReturnValue({
                 publishedVersion: 2
             });
@@ -90,7 +90,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('when title and slug are the same field', async ()=>{
-            const { field , titleField , sdk  } = createMocks();
+            const { field, titleField, sdk } = createMocks();
             sdk.contentType.displayField = 'entry-id';
             render(React.createElement(SlugEditor, {
                 field: field,
@@ -103,7 +103,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('when a saved slug is different from a title at the render', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 titleField: 'Hello world!',
                 field: 'something-different'
             });
@@ -120,7 +120,7 @@ describe('SlugEditor', ()=>{
     });
     describe('should check for uniqueness', ()=>{
         it('if it is published', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 titleField: 'Slug value',
                 field: 'slug-value'
             });
@@ -136,7 +136,7 @@ describe('SlugEditor', ()=>{
             sdk.space.getEntries.mockResolvedValue({
                 total: 0
             });
-            const { queryByTestId , queryByText  } = render(React.createElement(SlugEditor, {
+            const { queryByTestId, queryByText } = render(React.createElement(SlugEditor, {
                 field: field,
                 baseSdk: sdk,
                 isInitiallyDisabled: false
@@ -156,7 +156,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('if it is not published', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 titleField: 'Slug value',
                 field: 'slug-value'
             });
@@ -172,7 +172,7 @@ describe('SlugEditor', ()=>{
             sdk.space.getEntries.mockResolvedValue({
                 total: 2
             });
-            const { queryByTestId , queryByText , getByTestId  } = render(React.createElement(SlugEditor, {
+            const { queryByTestId, queryByText, getByTestId } = render(React.createElement(SlugEditor, {
                 field: field,
                 baseSdk: sdk,
                 isInitiallyDisabled: false
@@ -216,7 +216,7 @@ describe('SlugEditor', ()=>{
     });
     describe('should react to title changes', ()=>{
         it('when field is disabled', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: ''
             });
@@ -234,7 +234,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('should generate unique value with date if title is empty', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: ''
             });
@@ -262,7 +262,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('should generate value from title if it is not empty', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: 'This is initial title value'
             });
@@ -284,11 +284,11 @@ describe('SlugEditor', ()=>{
             });
         });
         it('should stop tracking value after user intentionally changes slug value', async ()=>{
-            const { field , titleField , sdk  } = createMocks({
+            const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: ''
             });
-            const { getByTestId  } = render(React.createElement(SlugEditor, {
+            const { getByTestId } = render(React.createElement(SlugEditor, {
                 field: field,
                 baseSdk: sdk,
                 isInitiallyDisabled: false
@@ -322,11 +322,11 @@ describe('SlugEditor', ()=>{
             });
         });
         it('should start tracking again after potential slug equals real one', async ()=>{
-            const { field , sdk  } = createMocks({
+            const { field, sdk } = createMocks({
                 field: '',
                 titleField: ''
             });
-            const { getByTestId  } = render(React.createElement(SlugEditor, {
+            const { getByTestId } = render(React.createElement(SlugEditor, {
                 field: field,
                 baseSdk: sdk,
                 isInitiallyDisabled: false
@@ -360,7 +360,7 @@ describe('SlugEditor', ()=>{
     });
     describe('for non default locales', ()=>{
         it('locale is not optional and has no fallback then it should track default locale changes & current locale changes', async ()=>{
-            const { sdk , field , titleField  } = createMocks();
+            const { sdk, field, titleField } = createMocks();
             field.locale = 'ru-RU';
             field.required = false;
             sdk.locales.available = [
@@ -388,7 +388,7 @@ describe('SlugEditor', ()=>{
             });
         });
         it('locale is optional and has a fallback then it should track only current locale changes', async ()=>{
-            const { sdk , field , titleField  } = createMocks();
+            const { sdk, field, titleField } = createMocks();
             field.locale = 'ru-RU';
             field.required = false;
             sdk.locales.available = [
@@ -417,7 +417,7 @@ describe('SlugEditor', ()=>{
         });
     });
     it('slug suggestion is limited to 75 symbols', async ()=>{
-        const { field , sdk  } = createMocks({
+        const { field, sdk } = createMocks({
             field: '',
             titleField: ''
         });
@@ -435,7 +435,7 @@ describe('SlugEditor', ()=>{
         });
     });
     it('slug suggestion does not contain cut-off words', async ()=>{
-        const { field , sdk  } = createMocks({
+        const { field, sdk } = createMocks({
             field: '',
             titleField: ''
         });
@@ -453,7 +453,7 @@ describe('SlugEditor', ()=>{
         });
     });
     it('should subscribe for changes in custom field id', async ()=>{
-        const { field , titleField , descriptionField , sdk  } = createMocks({
+        const { field, titleField, descriptionField, sdk } = createMocks({
             field: '',
             titleField: 'This is initial title value',
             descriptionField: 'This is initial description value'

package/dist/esm/SlugEditorField.js

@@ -5,7 +5,7 @@ import { useDebounce } from 'use-debounce';
 import { makeSlug } from './services/makeSlug';
 import * as styles from './styles';
 function useSlugUpdater(props, check) {
-    const { value , setValue , createdAt , locale , titleValue , isOptionalLocaleWithFallback  } = props;
+    const { value, setValue, createdAt, locale, titleValue, isOptionalLocaleWithFallback } = props;
     React.useEffect(()=>{
         if (check === false) {
             return;
@@ -29,7 +29,7 @@ function useSlugUpdater(props, check) {
     ]);
 }
 function useUniqueChecker(props) {
-    const { performUniqueCheck  } = props;
+    const { performUniqueCheck } = props;
     const [status, setStatus] = React.useState(props.value ? 'checking' : 'unique');
     const [debouncedValue] = useDebounce(props.value, 1000);
     React.useEffect(()=>{
@@ -50,7 +50,7 @@ function useUniqueChecker(props) {
     return status;
 }
 export function SlugEditorFieldStatic(props) {
-    const { hasError , isDisabled , value , setValue , onChange , onBlur  } = props;
+    const { hasError, isDisabled, value, setValue, onChange, onBlur } = props;
     const status = useUniqueChecker(props);
     return React.createElement("div", {
         className: styles.inputContainer
@@ -82,7 +82,7 @@ export function SlugEditorFieldStatic(props) {
     }, "This slug has already been published in another entry"));
 }
 export function SlugEditorField(props) {
-    const { titleValue , isOptionalLocaleWithFallback , locale , createdAt , value  } = props;
+    const { titleValue, isOptionalLocaleWithFallback, locale, createdAt, value } = props;
     const areEqual = React.useCallback(()=>{
         const potentialSlug = makeSlug(titleValue, {
             isOptionalLocaleWithFallback: isOptionalLocaleWithFallback,

package/dist/esm/TrackingFieldConnector.js

@@ -13,7 +13,7 @@ function _define_property(obj, key, value) {
 }
 import * as React from 'react';
 function getTitleField(sdk, trackingFieldId) {
-    const { entry , contentType  } = sdk;
+    const { entry, contentType } = sdk;
     if (trackingFieldId && entry.fields[trackingFieldId]) {
         return entry.fields[trackingFieldId];
     }

package/dist/esm/services/makeSlug.js

@@ -12,7 +12,7 @@ export function formatUtcDate(date) {
     const seconds = formatTwoDigit(date.getUTCSeconds());
     return `${year} ${month} ${day} at ${hour} ${minutes} ${seconds}`;
 }
-function untitledSlug({ isOptionalLocaleWithFallback , createdAt  }) {
+function untitledSlug({ isOptionalLocaleWithFallback, createdAt }) {
     if (isOptionalLocaleWithFallback) {
         return '';
     }

package/dist/types/SlugEditor.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { FieldAppSDK, FieldAPI } from '@contentful/app-sdk';
 export interface SlugEditorProps {
     /**
@@ -16,7 +16,7 @@ export interface SlugEditorProps {
         };
     };
 }
-export declare function SlugEditor(props: SlugEditorProps): React.JSX.Element;
+export declare function SlugEditor(props: SlugEditorProps): JSX.Element;
 export declare namespace SlugEditor {
     var defaultProps: {
         isInitiallyDisabled: boolean;

package/dist/types/SlugEditorField.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 interface SlugEditorFieldProps {
     hasError: boolean;
     isOptionalLocaleWithFallback: boolean;
@@ -13,6 +13,6 @@ interface SlugEditorFieldProps {
 export declare function SlugEditorFieldStatic(props: SlugEditorFieldProps & {
     onChange?: Function;
     onBlur?: Function;
-}): React.JSX.Element;
-export declare function SlugEditorField(props: SlugEditorFieldProps): React.JSX.Element;
+}): JSX.Element;
+export declare function SlugEditorField(props: SlugEditorFieldProps): JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-slug",
-  "version": "1.4.2",
+  "version": "1.4.5",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -38,7 +38,7 @@
     "@contentful/f36-components": "^4.0.27",
     "@contentful/f36-icons": "^4.1.0",
     "@contentful/f36-tokens": "^4.0.0",
-    "@contentful/field-editor-shared": "^1.4.2",
+    "@contentful/field-editor-shared": "^1.4.5",
     "@types/speakingurl": "^13.0.2",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15",
@@ -47,11 +47,14 @@
   },
   "devDependencies": {
     "@contentful/app-sdk": "^4.17.1",
-    "@contentful/field-editor-test-utils": "^1.4.3"
+    "@contentful/field-editor-test-utils": "^1.4.6"
   },
   "peerDependencies": {
     "@contentful/app-sdk": "^4.17.1",
     "react": ">=16.8.0"
   },
-  "gitHead": "ef0adb263ad287e6f78888a05727d0f2f4f8968d"
+  "publishConfig": {
+    "registry": "https://npm.pkg.github.com/"
+  },
+  "gitHead": "142d2039f023bf4ced956aae1dd08b27c35fdbaa"
 }