@contentful/field-editor-slug 1.5.19 → 1.6.1

package/dist/cjs/SlugEditor.js

@@ -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/SlugEditorField.js

@@ -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/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/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/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.19",
+  "version": "1.6.1",
   "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.1",
+    "@contentful/field-editor-shared": "^2.4.2",
     "@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": "1d0dc6dc10cf4ad43aa48b04fa67d29ab7edaee8"
+  "gitHead": "6bee4a59a3c19a95d2cadde3ef0c78112788626e"
 }