@contentful/field-editor-slug 1.5.18 → 1.6.0

package/dist/cjs/SlugEditor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "SlugEditor", {
         return SlugEditor;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _fieldeditorshared = require("@contentful/field-editor-shared");
 const _SlugEditorField = require("./SlugEditorField");
 const _TrackingFieldConnector = require("./TrackingFieldConnector");
@@ -56,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, id }) {
     const safeSetValue = _react.useCallback(async (...args)=>{
         try {
             await setValue(...args);
@@ -75,11 +75,12 @@ function FieldConnectorCallback({ Component, value, disabled, setValue, errors,
         isOptionalLocaleWithFallback: isOptionalLocaleWithFallback,
         isDisabled: disabled,
         titleValue: titleValue,
-        setValue: safeSetValue
+        setValue: safeSetValue,
+        id: id
     }));
 }
 function SlugEditor(props) {
-    const { field, parameters } = props;
+    const { field, parameters, id } = props;
     const { locales, entry, space } = props.baseSdk;
     if (!isSupportedFieldTypes(field.type)) {
         throw new Error(`"${field.type}" field type is not supported by SlugEditor`);
@@ -132,7 +133,8 @@ function SlugEditor(props) {
                 createdAt: entrySys.createdAt,
                 locale: field.locale,
                 performUniqueCheck: performUniqueCheck,
-                key: `slug-editor-${externalReset}`
+                key: `slug-editor-${externalReset}`,
+                id: id
             });
         }));
 }

package/dist/cjs/SlugEditor.test.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
 const _react1 = require("@testing-library/react");
 require("@testing-library/jest-dom/extend-expect");
@@ -72,7 +72,7 @@ function createMocks(initialValues = {}) {
         }), initialValues.titleField || '');
     const [descriptionField] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>({
             ...field,
-            id: 'description-id',
+            id: "description-id",
             setValue: jest.fn().mockImplementation(field.setValue),
             getValue: jest.fn().mockImplementation(field.getValue),
             onValueChanged: jest.fn().mockImplementation(field.onValueChanged)
@@ -99,7 +99,7 @@ function createMocks(initialValues = {}) {
             fields: {
                 'title-id': titleField,
                 'entry-id': field,
-                'description-id': descriptionField
+                "description-id": descriptionField
             }
         },
         contentType: {
@@ -501,7 +501,7 @@ describe('SlugEditor', ()=>{
         const { field, titleField, descriptionField, sdk } = createMocks({
             field: '',
             titleField: 'This is initial title value',
-            descriptionField: 'This is initial description value'
+            descriptionField: "This is initial description value"
         });
         (0, _react1.render)(_react.createElement(_SlugEditor.SlugEditor, {
             field: field,
@@ -509,7 +509,7 @@ describe('SlugEditor', ()=>{
             isInitiallyDisabled: false,
             parameters: {
                 instance: {
-                    trackingFieldId: 'description-id'
+                    trackingFieldId: "description-id"
                 }
             }
         }));
@@ -517,9 +517,9 @@ describe('SlugEditor', ()=>{
             expect(titleField.onValueChanged).not.toHaveBeenCalled();
             expect(descriptionField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
             expect(field.setValue).toHaveBeenCalledTimes(1);
-            expect(field.setValue).toHaveBeenLastCalledWith('this-is-initial-description-value');
+            expect(field.setValue).toHaveBeenLastCalledWith("this-is-initial-description-value");
         });
-        await sdk.entry.fields['description-id'].setValue('Hello world!');
+        await sdk.entry.fields["description-id"].setValue('Hello world!');
         await (0, _react1.waitFor)(()=>{
             expect(field.setValue).toHaveBeenCalledTimes(2);
             expect(field.setValue).toHaveBeenLastCalledWith('hello-world');

package/dist/cjs/SlugEditorField.js

@@ -16,12 +16,12 @@ _export(exports, {
         return SlugEditorFieldStatic;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
 const _usedebounce = require("use-debounce");
 const _makeSlug = require("./services/makeSlug");
-const _styles = _interop_require_wildcard(require("./styles"));
+const _styles = /*#__PURE__*/ _interop_require_wildcard(require("./styles"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -109,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, id } = props;
     const status = useUniqueChecker(props);
     return _react.createElement("div", {
         className: _styles.inputContainer
@@ -120,6 +120,7 @@ function SlugEditorFieldStatic(props) {
         isInvalid: hasError || status === 'duplicate',
         isDisabled: isDisabled,
         value: value || '',
+        id: id,
         onChange: (e)=>{
             setValue(e.target.value);
             if (onChange) {

package/dist/cjs/TrackingFieldConnector.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "TrackingFieldConnector", {
         return TrackingFieldConnector;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -118,10 +118,7 @@ class TrackingFieldConnector extends (_React_Component = _react.Component) {
         });
     }
     constructor(props){
-        super(props);
-        _define_property(this, "unsubscribeValue", null);
-        _define_property(this, "unsubscribeLocalizedValue", null);
-        _define_property(this, "unsubscribeSysChanges", null);
+        super(props), _define_property(this, "unsubscribeValue", null), _define_property(this, "unsubscribeLocalizedValue", null), _define_property(this, "unsubscribeSysChanges", null);
         const titleField = getTitleField(props.sdk, props.trackingFieldId);
         const entrySys = props.sdk.entry.getSys();
         const isSame = titleField ? props.field.id === titleField.id : false;

package/dist/cjs/services/slugify.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "slugify", {
         return slugify;
     }
 });
-const _speakingurl = _interop_require_default(require("speakingurl"));
+const _speakingurl = /*#__PURE__*/ _interop_require_default(require("speakingurl"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/styles.js

@@ -28,7 +28,7 @@ _export(exports, {
         return validationRow;
     }
 });
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {

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, id }) {
     const safeSetValue = React.useCallback(async (...args)=>{
         try {
             await setValue(...args);
@@ -24,11 +24,12 @@ function FieldConnectorCallback({ Component, value, disabled, setValue, errors,
         isOptionalLocaleWithFallback: isOptionalLocaleWithFallback,
         isDisabled: disabled,
         titleValue: titleValue,
-        setValue: safeSetValue
+        setValue: safeSetValue,
+        id: id
     }));
 }
 export function SlugEditor(props) {
-    const { field, parameters } = props;
+    const { field, parameters, id } = props;
     const { locales, entry, space } = props.baseSdk;
     if (!isSupportedFieldTypes(field.type)) {
         throw new Error(`"${field.type}" field type is not supported by SlugEditor`);
@@ -81,7 +82,8 @@ export function SlugEditor(props) {
                 createdAt: entrySys.createdAt,
                 locale: field.locale,
                 performUniqueCheck: performUniqueCheck,
-                key: `slug-editor-${externalReset}`
+                key: `slug-editor-${externalReset}`,
+                id: id
             });
         }));
 }

package/dist/esm/SlugEditor.test.js

@@ -27,7 +27,7 @@ function createMocks(initialValues = {}) {
         }), initialValues.titleField || '');
     const [descriptionField] = createFakeFieldAPI((field)=>({
             ...field,
-            id: 'description-id',
+            id: "description-id",
             setValue: jest.fn().mockImplementation(field.setValue),
             getValue: jest.fn().mockImplementation(field.getValue),
             onValueChanged: jest.fn().mockImplementation(field.onValueChanged)
@@ -54,7 +54,7 @@ function createMocks(initialValues = {}) {
             fields: {
                 'title-id': titleField,
                 'entry-id': field,
-                'description-id': descriptionField
+                "description-id": descriptionField
             }
         },
         contentType: {
@@ -456,7 +456,7 @@ describe('SlugEditor', ()=>{
         const { field, titleField, descriptionField, sdk } = createMocks({
             field: '',
             titleField: 'This is initial title value',
-            descriptionField: 'This is initial description value'
+            descriptionField: "This is initial description value"
         });
         render(React.createElement(SlugEditor, {
             field: field,
@@ -464,7 +464,7 @@ describe('SlugEditor', ()=>{
             isInitiallyDisabled: false,
             parameters: {
                 instance: {
-                    trackingFieldId: 'description-id'
+                    trackingFieldId: "description-id"
                 }
             }
         }));
@@ -472,9 +472,9 @@ describe('SlugEditor', ()=>{
             expect(titleField.onValueChanged).not.toHaveBeenCalled();
             expect(descriptionField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
             expect(field.setValue).toHaveBeenCalledTimes(1);
-            expect(field.setValue).toHaveBeenLastCalledWith('this-is-initial-description-value');
+            expect(field.setValue).toHaveBeenLastCalledWith("this-is-initial-description-value");
         });
-        await sdk.entry.fields['description-id'].setValue('Hello world!');
+        await sdk.entry.fields["description-id"].setValue('Hello world!');
         await waitFor(()=>{
             expect(field.setValue).toHaveBeenCalledTimes(2);
             expect(field.setValue).toHaveBeenLastCalledWith('hello-world');

package/dist/esm/SlugEditorField.js

@@ -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, id } = props;
     const status = useUniqueChecker(props);
     return React.createElement("div", {
         className: styles.inputContainer
@@ -61,6 +61,7 @@ export function SlugEditorFieldStatic(props) {
         isInvalid: hasError || status === 'duplicate',
         isDisabled: isDisabled,
         value: value || '',
+        id: id,
         onChange: (e)=>{
             setValue(e.target.value);
             if (onChange) {

package/dist/esm/TrackingFieldConnector.js

@@ -67,10 +67,7 @@ export class TrackingFieldConnector extends (_React_Component = React.Component)
         });
     }
     constructor(props){
-        super(props);
-        _define_property(this, "unsubscribeValue", null);
-        _define_property(this, "unsubscribeLocalizedValue", null);
-        _define_property(this, "unsubscribeSysChanges", null);
+        super(props), _define_property(this, "unsubscribeValue", null), _define_property(this, "unsubscribeLocalizedValue", null), _define_property(this, "unsubscribeSysChanges", null);
         const titleField = getTitleField(props.sdk, props.trackingFieldId);
         const entrySys = props.sdk.entry.getSys();
         const isSame = titleField ? props.field.id === titleField.id : false;

package/dist/types/SlugEditor.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FieldAppSDK, FieldAPI } from '@contentful/app-sdk';
+import type { FieldAppSDK, FieldAPI } from '@contentful/app-sdk';
 export interface SlugEditorProps {
     /**
      * is the field disabled initially
@@ -10,6 +10,10 @@ export interface SlugEditorProps {
      * sdk.field
      */
     field: FieldAPI;
+    /**
+     * id used for associating the input field with its label
+     */
+    id?: string;
     parameters?: {
         instance: {
             trackingFieldId?: string;

package/dist/types/SlugEditorField.d.ts

@@ -9,6 +9,7 @@ interface SlugEditorFieldProps {
     createdAt: string;
     setValue: (value: string | null | undefined) => void;
     performUniqueCheck: (value: string) => Promise<boolean>;
+    id?: string;
 }
 export declare function SlugEditorFieldStatic(props: SlugEditorFieldProps & {
     onChange?: Function;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-slug",
-  "version": "1.5.18",
+  "version": "1.6.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -38,7 +38,7 @@
     "@contentful/f36-components": "^4.70.0",
     "@contentful/f36-icons": "^4.29.0",
     "@contentful/f36-tokens": "^4.0.5",
-    "@contentful/field-editor-shared": "^2.4.0",
+    "@contentful/field-editor-shared": "^2.4.1",
     "@types/speakingurl": "^13.0.2",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15",
@@ -56,5 +56,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "acf662acf17e749090975671bf14ce107ac9c499"
+  "gitHead": "7ec565308c8d4da384b8fec6f5d840bdf6d4927d"
 }