@contentful/field-editor-list 1.4.33 → 1.5.0

package/dist/cjs/ListEditor.js

@@ -63,7 +63,7 @@ function isEmptyListValue(value) {
     return value === null || value.length === 0;
 }
 function ListEditor(props) {
-    const { field, locales } = props;
+    const { field, locales, id } = props;
     const direction = locales.direction[field.locale] || 'ltr';
     return _react.createElement(_fieldeditorshared.FieldConnector, {
         debounce: 0,
@@ -73,10 +73,11 @@ function ListEditor(props) {
     }, (childProps)=>_react.createElement(ListEditorInternal, {
             ...childProps,
             direction: direction,
-            isRequired: field.required
+            isRequired: field.required,
+            id: id
         }));
 }
-function ListEditorInternal({ setValue, value, errors, disabled, direction, isRequired }) {
+function ListEditorInternal({ setValue, value, errors, disabled, direction, isRequired, id }) {
     const [valueState, setValueState] = _react.useState(()=>(value || []).join(', '));
     const onChange = (e)=>{
         const valueAsArray = e.target.value.split(',').map((item)=>item.trim()).filter((item)=>item);
@@ -86,6 +87,7 @@ function ListEditorInternal({ setValue, value, errors, disabled, direction, isRe
         setValueState(changed ? valueAsString : e.target.value);
     };
     return _react.createElement(_f36components.TextInput, {
+        id: id,
         testId: "list-editor-input",
         className: direction === 'rtl' ? _styles.rightToLeft : '',
         isRequired: isRequired,

package/dist/esm/ListEditor.js

@@ -7,7 +7,7 @@ function isEmptyListValue(value) {
     return value === null || value.length === 0;
 }
 export function ListEditor(props) {
-    const { field, locales } = props;
+    const { field, locales, id } = props;
     const direction = locales.direction[field.locale] || 'ltr';
     return React.createElement(FieldConnector, {
         debounce: 0,
@@ -17,10 +17,11 @@ export function ListEditor(props) {
     }, (childProps)=>React.createElement(ListEditorInternal, {
             ...childProps,
             direction: direction,
-            isRequired: field.required
+            isRequired: field.required,
+            id: id
         }));
 }
-function ListEditorInternal({ setValue, value, errors, disabled, direction, isRequired }) {
+function ListEditorInternal({ setValue, value, errors, disabled, direction, isRequired, id }) {
     const [valueState, setValueState] = React.useState(()=>(value || []).join(', '));
     const onChange = (e)=>{
         const valueAsArray = e.target.value.split(',').map((item)=>item.trim()).filter((item)=>item);
@@ -30,6 +31,7 @@ function ListEditorInternal({ setValue, value, errors, disabled, direction, isRe
         setValueState(changed ? valueAsString : e.target.value);
     };
     return React.createElement(TextInput, {
+        id: id,
         testId: "list-editor-input",
         className: direction === 'rtl' ? styles.rightToLeft : '',
         isRequired: isRequired,

package/dist/types/ListEditor.d.ts

@@ -13,6 +13,10 @@ export interface ListEditorProps {
      * sdk.locales
      */
     locales: LocalesAPI;
+    /**
+     * id used for associating the input field with its label
+     */
+    id?: string;
 }
 export declare function ListEditor(props: ListEditorProps): React.JSX.Element;
 export declare namespace ListEditor {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-list",
-  "version": "1.4.33",
+  "version": "1.5.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -50,5 +50,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "1d0dc6dc10cf4ad43aa48b04fa67d29ab7edaee8"
+  "gitHead": "7ec565308c8d4da384b8fec6f5d840bdf6d4927d"
 }