@contentful/field-editor-single-line 1.5.5 → 1.6.1

package/dist/cjs/SingleLineEditor.js

@@ -57,7 +57,7 @@ function isSupportedFieldTypes(val) {
     return val === 'Symbol' || val === 'Text';
 }
 function SingleLineEditor(props) {
-    const { field, isDisabled, isInitiallyDisabled = true, locales, onBlur, onFocus, withCharInformation = true, withCharValidation = true } = props;
+    const { field, isDisabled, isInitiallyDisabled = true, locales, onBlur, onFocus, withCharInformation = true, withCharValidation = true, id } = props;
     if (!isSupportedFieldTypes(field.type)) {
         throw new Error(`"${field.type}" field type is not supported by SingleLineEditor`);
     }
@@ -73,6 +73,7 @@ function SingleLineEditor(props) {
         return _react.createElement("div", {
             "data-test-id": "single-line-editor"
         }, _react.createElement(_f36components.TextInput, {
+            id: id,
             className: direction === 'rtl' ? _styles.rightToLeft : '',
             isRequired: field.required,
             isInvalid: errors.length > 0,

package/dist/esm/SingleLineEditor.js

@@ -6,7 +6,7 @@ function isSupportedFieldTypes(val) {
     return val === 'Symbol' || val === 'Text';
 }
 export function SingleLineEditor(props) {
-    const { field, isDisabled, isInitiallyDisabled = true, locales, onBlur, onFocus, withCharInformation = true, withCharValidation = true } = props;
+    const { field, isDisabled, isInitiallyDisabled = true, locales, onBlur, onFocus, withCharInformation = true, withCharValidation = true, id } = props;
     if (!isSupportedFieldTypes(field.type)) {
         throw new Error(`"${field.type}" field type is not supported by SingleLineEditor`);
     }
@@ -22,6 +22,7 @@ export function SingleLineEditor(props) {
         return React.createElement("div", {
             "data-test-id": "single-line-editor"
         }, React.createElement(TextInput, {
+            id: id,
             className: direction === 'rtl' ? styles.rightToLeft : '',
             isRequired: field.required,
             isInvalid: errors.length > 0,

package/dist/types/SingleLineEditor.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FieldAPI, LocalesAPI } from '@contentful/field-editor-shared';
+import { type FieldAPI, type LocalesAPI } from '@contentful/field-editor-shared';
 export interface SingleLineEditorProps {
     /**
      * is the field disabled initially
@@ -33,5 +33,9 @@ export interface SingleLineEditorProps {
      * focus event handler
      */
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * id used for associating the input field with its label
+     */
+    id?: string;
 }
 export declare function SingleLineEditor(props: SingleLineEditorProps): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-single-line",
-  "version": "1.5.5",
+  "version": "1.6.1",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -37,7 +37,7 @@
   "dependencies": {
     "@contentful/f36-components": "^4.70.0",
     "@contentful/f36-tokens": "^4.0.5",
-    "@contentful/field-editor-shared": "^2.4.1",
+    "@contentful/field-editor-shared": "^2.4.2",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15"
   },
@@ -50,5 +50,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "1d0dc6dc10cf4ad43aa48b04fa67d29ab7edaee8"
+  "gitHead": "6bee4a59a3c19a95d2cadde3ef0c78112788626e"
 }