@contentful/field-editor-single-line 1.5.4 → 1.6.0

package/dist/cjs/SingleLineEditor.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "SingleLineEditor", {
         return SingleLineEditor;
     }
 });
-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 _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();
@@ -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/cjs/SingleLineEditor.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");

package/dist/cjs/styles.js

@@ -16,7 +16,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/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.4",
+  "version": "1.6.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"
 }