@contentful/field-editor-list 1.4.32 → 1.5.0

package/dist/cjs/ListEditor.js

@@ -8,11 +8,11 @@ Object.defineProperty(exports, "ListEditor", {
         return ListEditor;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _fieldeditorshared = require("@contentful/field-editor-shared");
-const _isEqual = _interop_require_default(require("lodash/isEqual"));
-const _styles = _interop_require_wildcard(require("./styles"));
+const _isEqual = /*#__PURE__*/ _interop_require_default(require("lodash/isEqual"));
+const _styles = /*#__PURE__*/ _interop_require_wildcard(require("./styles"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -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/cjs/ListEditor.spec.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");
 require("@testing-library/jest-dom/extend-expect");
 const _react1 = require("@testing-library/react");

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.32",
+  "version": "1.5.0",
   "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.0",
+    "@contentful/field-editor-shared": "^2.4.1",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15"
   },
@@ -50,5 +50,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "acf662acf17e749090975671bf14ce107ac9c499"
+  "gitHead": "7ec565308c8d4da384b8fec6f5d840bdf6d4927d"
 }