@contentful/field-editor-single-line 1.1.10 → 1.2.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.2.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.11...@contentful/field-editor-single-line@1.2.0) (2023-04-19)
+
+### Features
+
+- upgrade cypress [TOL-1036] ([#1391](https://github.com/contentful/field-editors/issues/1391)) ([9c1aec9](https://github.com/contentful/field-editors/commit/9c1aec98aabbe464cdc3f1236c3bb1cc29b8208d))
+
+## [1.1.11](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.10...@contentful/field-editor-single-line@1.1.11) (2023-03-14)
+
+**Note:** Version bump only for package @contentful/field-editor-single-line
+
 ## [1.1.10](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.9...@contentful/field-editor-single-line@1.1.10) (2023-03-10)
 
 ### Bug Fixes

package/dist/field-editor-single-line.cjs.development.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var React = require('react');
+var f36Components = require('@contentful/f36-components');
 var fieldEditorShared = require('@contentful/field-editor-shared');
-var emotion = require('emotion');
 var tokens = _interopDefault(require('@contentful/f36-tokens'));
-var f36Components = require('@contentful/f36-components');
+var emotion = require('emotion');
 
-var validationRow = /*#__PURE__*/emotion.css({
+const validationRow = /*#__PURE__*/emotion.css({
   display: 'flex',
   justifyContent: 'space-between',
   fontSize: tokens.fontSizeM,
   marginTop: tokens.spacingXs,
   color: tokens.gray700
 });
-var rightToLeft = /*#__PURE__*/emotion.css({
+const rightToLeft = /*#__PURE__*/emotion.css({
   direction: 'rtl'
 });
 
@@ -26,25 +26,28 @@ function isSupportedFieldTypes(val) {
 }
 
 function SingleLineEditor(props) {
-  var field = props.field,
-      locales = props.locales;
+  const {
+    field,
+    locales
+  } = props;
 
   if (!isSupportedFieldTypes(field.type)) {
-    throw new Error("\"" + field.type + "\" field type is not supported by SingleLineEditor");
+    throw new Error(`"${field.type}" field type is not supported by SingleLineEditor`);
   }
 
-  var constraints = fieldEditorShared.ConstraintsUtils.fromFieldValidations(field.validations, field.type);
-  var checkConstraint = fieldEditorShared.ConstraintsUtils.makeChecker(constraints);
-  var direction = locales.direction[field.locale] || 'ltr';
+  const constraints = fieldEditorShared.ConstraintsUtils.fromFieldValidations(field.validations, field.type);
+  const checkConstraint = fieldEditorShared.ConstraintsUtils.makeChecker(constraints);
+  const direction = locales.direction[field.locale] || 'ltr';
   return React.createElement(fieldEditorShared.FieldConnector, {
     field: field,
     isInitiallyDisabled: props.isInitiallyDisabled,
     isDisabled: props.isDisabled
-  }, function (_ref) {
-    var value = _ref.value,
-        errors = _ref.errors,
-        disabled = _ref.disabled,
-        setValue = _ref.setValue;
+  }, ({
+    value,
+    errors,
+    disabled,
+    setValue
+  }) => {
     return React.createElement("div", {
       "data-test-id": "single-line-editor"
     }, React.createElement(f36Components.TextInput, {
@@ -53,7 +56,7 @@ function SingleLineEditor(props) {
       isInvalid: errors.length > 0,
       isDisabled: disabled,
       value: value || '',
-      onChange: function onChange(e) {
+      onChange: e => {
         setValue(e.target.value);
       }
     }), props.withCharValidation && React.createElement("div", {
@@ -67,9 +70,7 @@ function SingleLineEditor(props) {
       className: validationRow
     }, React.createElement(fieldEditorShared.CharCounter, {
       value: value || '',
-      checkConstraint: function checkConstraint() {
-        return true;
-      }
+      checkConstraint: () => true
     })));
   });
 }

package/dist/field-editor-single-line.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-editor-single-line.cjs.development.js","sources":["../src/styles.ts","../src/SingleLineEditor.tsx"],"sourcesContent":["import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\n\nexport const validationRow = css({\n  display: 'flex',\n  justifyContent: 'space-between',\n  fontSize: tokens.fontSizeM,\n  marginTop: tokens.spacingXs,\n  color: tokens.gray700,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\nimport {\n  FieldAPI,\n  FieldConnector,\n  ConstraintsUtils,\n  CharCounter,\n  CharValidation,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\nimport * as styles from './styles';\n\nimport { TextInput } from '@contentful/f36-components';\n\nexport interface SingleLineEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * is the field manually disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * whether char validation should be shown or not\n   */\n  withCharValidation: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nfunction isSupportedFieldTypes(val: string): val is 'Symbol' | 'Text' {\n  return val === 'Symbol' || val === 'Text';\n}\n\nexport function SingleLineEditor(props: SingleLineEditorProps) {\n  const { field, locales } = props;\n\n  if (!isSupportedFieldTypes(field.type)) {\n    throw new Error(`\"${field.type}\" field type is not supported by SingleLineEditor`);\n  }\n\n  const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);\n  const checkConstraint = ConstraintsUtils.makeChecker(constraints);\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      isDisabled={props.isDisabled}>\n      {({ value, errors, disabled, setValue }) => {\n        return (\n          <div data-test-id=\"single-line-editor\">\n            <TextInput\n              className={direction === 'rtl' ? styles.rightToLeft : ''}\n              isRequired={field.required}\n              isInvalid={errors.length > 0}\n              isDisabled={disabled}\n              value={value || ''}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                setValue(e.target.value);\n              }}\n            />\n            {props.withCharValidation && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={checkConstraint} />\n                <CharValidation constraints={constraints} />\n              </div>\n            )}\n            {props.withCharValidation === false && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={() => true} />\n              </div>\n            )}\n          </div>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nSingleLineEditor.defaultProps = {\n  isInitiallyDisabled: true,\n  withCharValidation: true,\n};\n"],"names":["validationRow","css","display","justifyContent","fontSize","tokens","fontSizeM","marginTop","spacingXs","color","gray700","rightToLeft","direction","isSupportedFieldTypes","val","SingleLineEditor","props","field","locales","type","Error","constraints","ConstraintsUtils","fromFieldValidations","validations","checkConstraint","makeChecker","locale","React","FieldConnector","isInitiallyDisabled","isDisabled","value","errors","disabled","setValue","TextInput","className","styles","isRequired","required","isInvalid","length","onChange","e","target","withCharValidation","CharCounter","CharValidation","defaultProps"],"mappings":";;;;;;;;;;;;AAGO,IAAMA,aAAa,gBAAGC,WAAG,CAAC;AAC/BC,EAAAA,OAAO,EAAE,MADsB;AAE/BC,EAAAA,cAAc,EAAE,eAFe;AAG/BC,EAAAA,QAAQ,EAAEC,MAAM,CAACC,SAHc;AAI/BC,EAAAA,SAAS,EAAEF,MAAM,CAACG,SAJa;AAK/BC,EAAAA,KAAK,EAAEJ,MAAM,CAACK;AALiB,CAAD,CAAzB;AAQA,IAAMC,WAAW,gBAAGV,WAAG,CAAC;AAC7BW,EAAAA,SAAS,EAAE;AADkB,CAAD,CAAvB;;AC4BP,SAASC,qBAAT,CAA+BC,GAA/B;AACE,SAAOA,GAAG,KAAK,QAAR,IAAoBA,GAAG,KAAK,MAAnC;AACD;;AAED,SAAgBC,iBAAiBC;AAC/B,MAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR;AAAA,MAAeC,OAAf,GAA2BF,KAA3B,CAAeE,OAAf;;AAEA,MAAI,CAACL,qBAAqB,CAACI,KAAK,CAACE,IAAP,CAA1B,EAAwC;AACtC,UAAM,IAAIC,KAAJ,QAAcH,KAAK,CAACE,IAApB,wDAAN;AACD;;AAED,MAAME,WAAW,GAAGC,kCAAgB,CAACC,oBAAjB,CAAsCN,KAAK,CAACO,WAA5C,EAAyDP,KAAK,CAACE,IAA/D,CAApB;AACA,MAAMM,eAAe,GAAGH,kCAAgB,CAACI,WAAjB,CAA6BL,WAA7B,CAAxB;AACA,MAAMT,SAAS,GAAGM,OAAO,CAACN,SAAR,CAAkBK,KAAK,CAACU,MAAxB,KAAmC,KAArD;AAEA,SACEC,mBAAA,CAACC,gCAAD;AACEZ,IAAAA,KAAK,EAAEA;AACPa,IAAAA,mBAAmB,EAAEd,KAAK,CAACc;AAC3BC,IAAAA,UAAU,EAAEf,KAAK,CAACe;GAHpB,EAIG;QAAGC,aAAAA;QAAOC,cAAAA;QAAQC,gBAAAA;QAAUC,gBAAAA;AAC3B,WACEP,mBAAA,MAAA;sBAAkB;KAAlB,EACEA,mBAAA,CAACQ,uBAAD;AACEC,MAAAA,SAAS,EAAEzB,SAAS,KAAK,KAAd,GAAsB0B,WAAtB,GAA2C;AACtDC,MAAAA,UAAU,EAAEtB,KAAK,CAACuB;AAClBC,MAAAA,SAAS,EAAER,MAAM,CAACS,MAAP,GAAgB;AAC3BX,MAAAA,UAAU,EAAEG;AACZF,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAChBW,MAAAA,QAAQ,EAAE,kBAACC,CAAD;AACRT,QAAAA,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASb,KAAV,CAAR;AACD;KARH,CADF,EAWGhB,KAAK,CAAC8B,kBAAN,IACClB,mBAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,mBAAA,CAACmB,6BAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAEA;KAAlD,CADF,EAEEG,mBAAA,CAACoB,gCAAD;AAAgB3B,MAAAA,WAAW,EAAEA;KAA7B,CAFF,CAZJ,EAiBGL,KAAK,CAAC8B,kBAAN,KAA6B,KAA7B,IACClB,mBAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,mBAAA,CAACmB,6BAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAE;AAAA,eAAM,IAAN;AAAA;KAAlD,CADF,CAlBJ,CADF;AAyBD,GA9BH,CADF;AAkCD;AAEDV,gBAAgB,CAACkC,YAAjB,GAAgC;AAC9BnB,EAAAA,mBAAmB,EAAE,IADS;AAE9BgB,EAAAA,kBAAkB,EAAE;AAFU,CAAhC;;;;"}
+{"version":3,"file":"field-editor-single-line.cjs.development.js","sources":["../src/styles.ts","../src/SingleLineEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const validationRow = css({\n  display: 'flex',\n  justifyContent: 'space-between',\n  fontSize: tokens.fontSizeM,\n  marginTop: tokens.spacingXs,\n  color: tokens.gray700,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport {\n  FieldAPI,\n  FieldConnector,\n  ConstraintsUtils,\n  CharCounter,\n  CharValidation,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\n\nimport * as styles from './styles';\n\n\nexport interface SingleLineEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * is the field manually disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * whether char validation should be shown or not\n   */\n  withCharValidation: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nfunction isSupportedFieldTypes(val: string): val is 'Symbol' | 'Text' {\n  return val === 'Symbol' || val === 'Text';\n}\n\nexport function SingleLineEditor(props: SingleLineEditorProps) {\n  const { field, locales } = props;\n\n  if (!isSupportedFieldTypes(field.type)) {\n    throw new Error(`\"${field.type}\" field type is not supported by SingleLineEditor`);\n  }\n\n  const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);\n  const checkConstraint = ConstraintsUtils.makeChecker(constraints);\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      isDisabled={props.isDisabled}>\n      {({ value, errors, disabled, setValue }) => {\n        return (\n          <div data-test-id=\"single-line-editor\">\n            <TextInput\n              className={direction === 'rtl' ? styles.rightToLeft : ''}\n              isRequired={field.required}\n              isInvalid={errors.length > 0}\n              isDisabled={disabled}\n              value={value || ''}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                setValue(e.target.value);\n              }}\n            />\n            {props.withCharValidation && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={checkConstraint} />\n                <CharValidation constraints={constraints} />\n              </div>\n            )}\n            {props.withCharValidation === false && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={() => true} />\n              </div>\n            )}\n          </div>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nSingleLineEditor.defaultProps = {\n  isInitiallyDisabled: true,\n  withCharValidation: true,\n};\n"],"names":["validationRow","css","display","justifyContent","fontSize","tokens","fontSizeM","marginTop","spacingXs","color","gray700","rightToLeft","direction","isSupportedFieldTypes","val","SingleLineEditor","props","field","locales","type","Error","constraints","ConstraintsUtils","fromFieldValidations","validations","checkConstraint","makeChecker","locale","React","FieldConnector","isInitiallyDisabled","isDisabled","value","errors","disabled","setValue","TextInput","className","styles","isRequired","required","isInvalid","length","onChange","e","target","withCharValidation","CharCounter","CharValidation","defaultProps"],"mappings":";;;;;;;;;;;;AAGO,MAAMA,aAAa,gBAAGC,WAAG,CAAC;AAC/BC,EAAAA,OAAO,EAAE,MADsB;AAE/BC,EAAAA,cAAc,EAAE,eAFe;AAG/BC,EAAAA,QAAQ,EAAEC,MAAM,CAACC,SAHc;AAI/BC,EAAAA,SAAS,EAAEF,MAAM,CAACG,SAJa;AAK/BC,EAAAA,KAAK,EAAEJ,MAAM,CAACK;AALiB,CAAD,CAAzB;AAQA,MAAMC,WAAW,gBAAGV,WAAG,CAAC;AAC7BW,EAAAA,SAAS,EAAE;AADkB,CAAD,CAAvB;;AC8BP,SAASC,qBAAT,CAA+BC,GAA/B;AACE,SAAOA,GAAG,KAAK,QAAR,IAAoBA,GAAG,KAAK,MAAnC;AACD;;AAED,SAAgBC,iBAAiBC;AAC/B,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAqBF,KAA3B;;AAEA,MAAI,CAACH,qBAAqB,CAACI,KAAK,CAACE,IAAP,CAA1B,EAAwC;AACtC,UAAM,IAAIC,KAAJ,KAAcH,KAAK,CAACE,uDAApB,CAAN;AACD;;AAED,QAAME,WAAW,GAAGC,kCAAgB,CAACC,oBAAjB,CAAsCN,KAAK,CAACO,WAA5C,EAAyDP,KAAK,CAACE,IAA/D,CAApB;AACA,QAAMM,eAAe,GAAGH,kCAAgB,CAACI,WAAjB,CAA6BL,WAA7B,CAAxB;AACA,QAAMT,SAAS,GAAGM,OAAO,CAACN,SAAR,CAAkBK,KAAK,CAACU,MAAxB,KAAmC,KAArD;AAEA,SACEC,mBAAA,CAACC,gCAAD;AACEZ,IAAAA,KAAK,EAAEA;AACPa,IAAAA,mBAAmB,EAAEd,KAAK,CAACc;AAC3BC,IAAAA,UAAU,EAAEf,KAAK,CAACe;GAHpB,EAIG,CAAC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA;AAA3B,GAAD;AACC,WACEP,mBAAA,MAAA;sBAAkB;KAAlB,EACEA,mBAAA,CAACQ,uBAAD;AACEC,MAAAA,SAAS,EAAEzB,SAAS,KAAK,KAAd,GAAsB0B,WAAtB,GAA2C;AACtDC,MAAAA,UAAU,EAAEtB,KAAK,CAACuB;AAClBC,MAAAA,SAAS,EAAER,MAAM,CAACS,MAAP,GAAgB;AAC3BX,MAAAA,UAAU,EAAEG;AACZF,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAChBW,MAAAA,QAAQ,EAAGC,CAAD;AACRT,QAAAA,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASb,KAAV,CAAR;AACD;KARH,CADF,EAWGhB,KAAK,CAAC8B,kBAAN,IACClB,mBAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,mBAAA,CAACmB,6BAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAEA;KAAlD,CADF,EAEEG,mBAAA,CAACoB,gCAAD;AAAgB3B,MAAAA,WAAW,EAAEA;KAA7B,CAFF,CAZJ,EAiBGL,KAAK,CAAC8B,kBAAN,KAA6B,KAA7B,IACClB,mBAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,mBAAA,CAACmB,6BAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAE,MAAM;KAAxD,CADF,CAlBJ,CADF;AAyBD,GA9BH,CADF;AAkCD;AAEDV,gBAAgB,CAACkC,YAAjB,GAAgC;AAC9BnB,EAAAA,mBAAmB,EAAE,IADS;AAE9BgB,EAAAA,kBAAkB,EAAE;AAFU,CAAhC;;;;"}

package/dist/field-editor-single-line.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),i=require("@contentful/field-editor-shared"),a=require("emotion"),n=(e=require("@contentful/f36-tokens"))&&"object"==typeof e&&"default"in e?e.default:e,r=require("@contentful/f36-components"),l=a.css({display:"flex",justifyContent:"space-between",fontSize:n.fontSizeM,marginTop:n.spacingXs,color:n.gray700}),s=a.css({direction:"rtl"});function o(e){var a,n=e.field,o=e.locales;if("Symbol"!==(a=n.type)&&"Text"!==a)throw new Error('"'+n.type+'" field type is not supported by SingleLineEditor');var d=i.ConstraintsUtils.fromFieldValidations(n.validations,n.type),c=i.ConstraintsUtils.makeChecker(d),u=o.direction[n.locale]||"ltr";return t.createElement(i.FieldConnector,{field:n,isInitiallyDisabled:e.isInitiallyDisabled,isDisabled:e.isDisabled},(function(a){var o=a.value,f=a.setValue;return t.createElement("div",{"data-test-id":"single-line-editor"},t.createElement(r.TextInput,{className:"rtl"===u?s:"",isRequired:n.required,isInvalid:a.errors.length>0,isDisabled:a.disabled,value:o||"",onChange:function(e){f(e.target.value)}}),e.withCharValidation&&t.createElement("div",{className:l},t.createElement(i.CharCounter,{value:o||"",checkConstraint:c}),t.createElement(i.CharValidation,{constraints:d})),!1===e.withCharValidation&&t.createElement("div",{className:l},t.createElement(i.CharCounter,{value:o||"",checkConstraint:function(){return!0}})))}))}o.defaultProps={isInitiallyDisabled:!0,withCharValidation:!0},exports.SingleLineEditor=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),i=require("@contentful/f36-components"),a=require("@contentful/field-editor-shared"),n=(e=require("@contentful/f36-tokens"))&&"object"==typeof e&&"default"in e?e.default:e,r=require("emotion");const l=r.css({display:"flex",justifyContent:"space-between",fontSize:n.fontSizeM,marginTop:n.spacingXs,color:n.gray700}),s=r.css({direction:"rtl"});function o(e){const{field:n,locales:r}=e;if("Symbol"!==(o=n.type)&&"Text"!==o)throw new Error(`"${n.type}" field type is not supported by SingleLineEditor`);var o;const d=a.ConstraintsUtils.fromFieldValidations(n.validations,n.type),c=a.ConstraintsUtils.makeChecker(d),u=r.direction[n.locale]||"ltr";return t.createElement(a.FieldConnector,{field:n,isInitiallyDisabled:e.isInitiallyDisabled,isDisabled:e.isDisabled},({value:r,errors:o,disabled:f,setValue:m})=>t.createElement("div",{"data-test-id":"single-line-editor"},t.createElement(i.TextInput,{className:"rtl"===u?s:"",isRequired:n.required,isInvalid:o.length>0,isDisabled:f,value:r||"",onChange:e=>{m(e.target.value)}}),e.withCharValidation&&t.createElement("div",{className:l},t.createElement(a.CharCounter,{value:r||"",checkConstraint:c}),t.createElement(a.CharValidation,{constraints:d})),!1===e.withCharValidation&&t.createElement("div",{className:l},t.createElement(a.CharCounter,{value:r||"",checkConstraint:()=>!0}))))}o.defaultProps={isInitiallyDisabled:!0,withCharValidation:!0},exports.SingleLineEditor=o;
 //# sourceMappingURL=field-editor-single-line.cjs.production.min.js.map

package/dist/field-editor-single-line.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-editor-single-line.cjs.production.min.js","sources":["../src/styles.ts","../src/SingleLineEditor.tsx"],"sourcesContent":["import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\n\nexport const validationRow = css({\n  display: 'flex',\n  justifyContent: 'space-between',\n  fontSize: tokens.fontSizeM,\n  marginTop: tokens.spacingXs,\n  color: tokens.gray700,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\nimport {\n  FieldAPI,\n  FieldConnector,\n  ConstraintsUtils,\n  CharCounter,\n  CharValidation,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\nimport * as styles from './styles';\n\nimport { TextInput } from '@contentful/f36-components';\n\nexport interface SingleLineEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * is the field manually disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * whether char validation should be shown or not\n   */\n  withCharValidation: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nfunction isSupportedFieldTypes(val: string): val is 'Symbol' | 'Text' {\n  return val === 'Symbol' || val === 'Text';\n}\n\nexport function SingleLineEditor(props: SingleLineEditorProps) {\n  const { field, locales } = props;\n\n  if (!isSupportedFieldTypes(field.type)) {\n    throw new Error(`\"${field.type}\" field type is not supported by SingleLineEditor`);\n  }\n\n  const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);\n  const checkConstraint = ConstraintsUtils.makeChecker(constraints);\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      isDisabled={props.isDisabled}>\n      {({ value, errors, disabled, setValue }) => {\n        return (\n          <div data-test-id=\"single-line-editor\">\n            <TextInput\n              className={direction === 'rtl' ? styles.rightToLeft : ''}\n              isRequired={field.required}\n              isInvalid={errors.length > 0}\n              isDisabled={disabled}\n              value={value || ''}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                setValue(e.target.value);\n              }}\n            />\n            {props.withCharValidation && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={checkConstraint} />\n                <CharValidation constraints={constraints} />\n              </div>\n            )}\n            {props.withCharValidation === false && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={() => true} />\n              </div>\n            )}\n          </div>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nSingleLineEditor.defaultProps = {\n  isInitiallyDisabled: true,\n  withCharValidation: true,\n};\n"],"names":["validationRow","css","display","justifyContent","fontSize","tokens","fontSizeM","marginTop","spacingXs","color","gray700","rightToLeft","direction","SingleLineEditor","props","val","field","locales","type","Error","constraints","ConstraintsUtils","fromFieldValidations","validations","checkConstraint","makeChecker","locale","React","FieldConnector","isInitiallyDisabled","isDisabled","value","setValue","TextInput","className","styles","isRequired","required","isInvalid","errors","length","disabled","onChange","e","target","withCharValidation","CharCounter","CharValidation","defaultProps"],"mappings":"8RAGaA,EAAgBC,MAAI,CAC/BC,QAAS,OACTC,eAAgB,gBAChBC,SAAUC,EAAOC,UACjBC,UAAWF,EAAOG,UAClBC,MAAOJ,EAAOK,UAGHC,EAAcV,MAAI,CAC7BW,UAAW,iBC+BGC,EAAiBC,OAJFC,EAKrBC,EAAmBF,EAAnBE,MAAOC,EAAYH,EAAZG,WAJA,YADcF,EAOFC,EAAME,OANE,SAARH,QAOnB,IAAII,UAAUH,EAAME,8DAGtBE,EAAcC,mBAAiBC,qBAAqBN,EAAMO,YAAaP,EAAME,MAC7EM,EAAkBH,mBAAiBI,YAAYL,GAC/CR,EAAYK,EAAQL,UAAUI,EAAMU,SAAW,aAGnDC,gBAACC,kBACCZ,MAAOA,EACPa,oBAAqBf,EAAMe,oBAC3BC,WAAYhB,EAAMgB,aACjB,gBAAGC,IAAAA,MAAyBC,IAAAA,gBAEzBL,sCAAkB,sBAChBA,gBAACM,aACCC,UAAyB,QAAdtB,EAAsBuB,EAAqB,GACtDC,WAAYpB,EAAMqB,SAClBC,YANGC,OAMeC,OAAS,EAC3BV,aAPWW,SAQXV,MAAOA,GAAS,GAChBW,SAAU,SAACC,GACTX,EAASW,EAAEC,OAAOb,UAGrBjB,EAAM+B,oBACLlB,uBAAKO,UAAWC,GACdR,gBAACmB,eAAYf,MAAOA,GAAS,GAAIP,gBAAiBA,IAClDG,gBAACoB,kBAAe3B,YAAaA,MAGH,IAA7BN,EAAM+B,oBACLlB,uBAAKO,UAAWC,GACdR,gBAACmB,eAAYf,MAAOA,GAAS,GAAIP,gBAAiB,kBAAM,UAUxEX,EAAiBmC,aAAe,CAC9BnB,qBAAqB,EACrBgB,oBAAoB"}
+{"version":3,"file":"field-editor-single-line.cjs.production.min.js","sources":["../src/styles.ts","../src/SingleLineEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const validationRow = css({\n  display: 'flex',\n  justifyContent: 'space-between',\n  fontSize: tokens.fontSizeM,\n  marginTop: tokens.spacingXs,\n  color: tokens.gray700,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport {\n  FieldAPI,\n  FieldConnector,\n  ConstraintsUtils,\n  CharCounter,\n  CharValidation,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\n\nimport * as styles from './styles';\n\n\nexport interface SingleLineEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * is the field manually disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * whether char validation should be shown or not\n   */\n  withCharValidation: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nfunction isSupportedFieldTypes(val: string): val is 'Symbol' | 'Text' {\n  return val === 'Symbol' || val === 'Text';\n}\n\nexport function SingleLineEditor(props: SingleLineEditorProps) {\n  const { field, locales } = props;\n\n  if (!isSupportedFieldTypes(field.type)) {\n    throw new Error(`\"${field.type}\" field type is not supported by SingleLineEditor`);\n  }\n\n  const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);\n  const checkConstraint = ConstraintsUtils.makeChecker(constraints);\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      isDisabled={props.isDisabled}>\n      {({ value, errors, disabled, setValue }) => {\n        return (\n          <div data-test-id=\"single-line-editor\">\n            <TextInput\n              className={direction === 'rtl' ? styles.rightToLeft : ''}\n              isRequired={field.required}\n              isInvalid={errors.length > 0}\n              isDisabled={disabled}\n              value={value || ''}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                setValue(e.target.value);\n              }}\n            />\n            {props.withCharValidation && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={checkConstraint} />\n                <CharValidation constraints={constraints} />\n              </div>\n            )}\n            {props.withCharValidation === false && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={() => true} />\n              </div>\n            )}\n          </div>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nSingleLineEditor.defaultProps = {\n  isInitiallyDisabled: true,\n  withCharValidation: true,\n};\n"],"names":["validationRow","css","display","justifyContent","fontSize","tokens","fontSizeM","marginTop","spacingXs","color","gray700","rightToLeft","direction","SingleLineEditor","props","field","locales","val","type","Error","constraints","ConstraintsUtils","fromFieldValidations","validations","checkConstraint","makeChecker","locale","React","FieldConnector","isInitiallyDisabled","isDisabled","value","errors","disabled","setValue","TextInput","className","styles","isRequired","required","isInvalid","length","onChange","e","target","withCharValidation","CharCounter","CharValidation","defaultProps"],"mappings":"8RAGO,MAAMA,EAAgBC,MAAI,CAC/BC,QAAS,OACTC,eAAgB,gBAChBC,SAAUC,EAAOC,UACjBC,UAAWF,EAAOG,UAClBC,MAAOJ,EAAOK,UAGHC,EAAcV,MAAI,CAC7BW,UAAW,iBCiCGC,EAAiBC,SACzBC,MAAEA,EAAFC,QAASA,GAAYF,KAJZ,YADcG,EAOFF,EAAMG,OANE,SAARD,QAOnB,IAAIE,UAAUJ,EAAMG,yDAR9B,IAA+BD,QAWvBG,EAAcC,mBAAiBC,qBAAqBP,EAAMQ,YAAaR,EAAMG,MAC7EM,EAAkBH,mBAAiBI,YAAYL,GAC/CR,EAAYI,EAAQJ,UAAUG,EAAMW,SAAW,aAGnDC,gBAACC,kBACCb,MAAOA,EACPc,oBAAqBf,EAAMe,oBAC3BC,WAAYhB,EAAMgB,YACjB,EAAGC,MAAAA,EAAOC,OAAAA,EAAQC,SAAAA,EAAUC,SAAAA,KAEzBP,sCAAkB,sBAChBA,gBAACQ,aACCC,UAAyB,QAAdxB,EAAsByB,EAAqB,GACtDC,WAAYvB,EAAMwB,SAClBC,UAAWR,EAAOS,OAAS,EAC3BX,WAAYG,EACZF,MAAOA,GAAS,GAChBW,SAAWC,IACTT,EAASS,EAAEC,OAAOb,UAGrBjB,EAAM+B,oBACLlB,uBAAKS,UAAWC,GACdV,gBAACmB,eAAYf,MAAOA,GAAS,GAAIP,gBAAiBA,IAClDG,gBAACoB,kBAAe3B,YAAaA,MAGH,IAA7BN,EAAM+B,oBACLlB,uBAAKS,UAAWC,GACdV,gBAACmB,eAAYf,MAAOA,GAAS,GAAIP,gBAAiB,KAAM,OAUxEX,EAAiBmC,aAAe,CAC9BnB,qBAAqB,EACrBgB,oBAAoB"}

package/dist/field-editor-single-line.esm.js

@@ -1,17 +1,17 @@
 import { createElement } from 'react';
+import { TextInput } from '@contentful/f36-components';
 import { ConstraintsUtils, FieldConnector, CharCounter, CharValidation } from '@contentful/field-editor-shared';
-import { css } from 'emotion';
 import tokens from '@contentful/f36-tokens';
-import { TextInput } from '@contentful/f36-components';
+import { css } from 'emotion';
 
-var validationRow = /*#__PURE__*/css({
+const validationRow = /*#__PURE__*/css({
   display: 'flex',
   justifyContent: 'space-between',
   fontSize: tokens.fontSizeM,
   marginTop: tokens.spacingXs,
   color: tokens.gray700
 });
-var rightToLeft = /*#__PURE__*/css({
+const rightToLeft = /*#__PURE__*/css({
   direction: 'rtl'
 });
 
@@ -20,25 +20,28 @@ function isSupportedFieldTypes(val) {
 }
 
 function SingleLineEditor(props) {
-  var field = props.field,
-      locales = props.locales;
+  const {
+    field,
+    locales
+  } = props;
 
   if (!isSupportedFieldTypes(field.type)) {
-    throw new Error("\"" + field.type + "\" field type is not supported by SingleLineEditor");
+    throw new Error(`"${field.type}" field type is not supported by SingleLineEditor`);
   }
 
-  var constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);
-  var checkConstraint = ConstraintsUtils.makeChecker(constraints);
-  var direction = locales.direction[field.locale] || 'ltr';
+  const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);
+  const checkConstraint = ConstraintsUtils.makeChecker(constraints);
+  const direction = locales.direction[field.locale] || 'ltr';
   return createElement(FieldConnector, {
     field: field,
     isInitiallyDisabled: props.isInitiallyDisabled,
     isDisabled: props.isDisabled
-  }, function (_ref) {
-    var value = _ref.value,
-        errors = _ref.errors,
-        disabled = _ref.disabled,
-        setValue = _ref.setValue;
+  }, ({
+    value,
+    errors,
+    disabled,
+    setValue
+  }) => {
     return createElement("div", {
       "data-test-id": "single-line-editor"
     }, createElement(TextInput, {
@@ -47,7 +50,7 @@ function SingleLineEditor(props) {
       isInvalid: errors.length > 0,
       isDisabled: disabled,
       value: value || '',
-      onChange: function onChange(e) {
+      onChange: e => {
         setValue(e.target.value);
       }
     }), props.withCharValidation && createElement("div", {
@@ -61,9 +64,7 @@ function SingleLineEditor(props) {
       className: validationRow
     }, createElement(CharCounter, {
       value: value || '',
-      checkConstraint: function checkConstraint() {
-        return true;
-      }
+      checkConstraint: () => true
     })));
   });
 }

package/dist/field-editor-single-line.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-editor-single-line.esm.js","sources":["../src/styles.ts","../src/SingleLineEditor.tsx"],"sourcesContent":["import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\n\nexport const validationRow = css({\n  display: 'flex',\n  justifyContent: 'space-between',\n  fontSize: tokens.fontSizeM,\n  marginTop: tokens.spacingXs,\n  color: tokens.gray700,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\nimport {\n  FieldAPI,\n  FieldConnector,\n  ConstraintsUtils,\n  CharCounter,\n  CharValidation,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\nimport * as styles from './styles';\n\nimport { TextInput } from '@contentful/f36-components';\n\nexport interface SingleLineEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * is the field manually disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * whether char validation should be shown or not\n   */\n  withCharValidation: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nfunction isSupportedFieldTypes(val: string): val is 'Symbol' | 'Text' {\n  return val === 'Symbol' || val === 'Text';\n}\n\nexport function SingleLineEditor(props: SingleLineEditorProps) {\n  const { field, locales } = props;\n\n  if (!isSupportedFieldTypes(field.type)) {\n    throw new Error(`\"${field.type}\" field type is not supported by SingleLineEditor`);\n  }\n\n  const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);\n  const checkConstraint = ConstraintsUtils.makeChecker(constraints);\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      isDisabled={props.isDisabled}>\n      {({ value, errors, disabled, setValue }) => {\n        return (\n          <div data-test-id=\"single-line-editor\">\n            <TextInput\n              className={direction === 'rtl' ? styles.rightToLeft : ''}\n              isRequired={field.required}\n              isInvalid={errors.length > 0}\n              isDisabled={disabled}\n              value={value || ''}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                setValue(e.target.value);\n              }}\n            />\n            {props.withCharValidation && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={checkConstraint} />\n                <CharValidation constraints={constraints} />\n              </div>\n            )}\n            {props.withCharValidation === false && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={() => true} />\n              </div>\n            )}\n          </div>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nSingleLineEditor.defaultProps = {\n  isInitiallyDisabled: true,\n  withCharValidation: true,\n};\n"],"names":["validationRow","css","display","justifyContent","fontSize","tokens","fontSizeM","marginTop","spacingXs","color","gray700","rightToLeft","direction","isSupportedFieldTypes","val","SingleLineEditor","props","field","locales","type","Error","constraints","ConstraintsUtils","fromFieldValidations","validations","checkConstraint","makeChecker","locale","React","FieldConnector","isInitiallyDisabled","isDisabled","value","errors","disabled","setValue","TextInput","className","styles","isRequired","required","isInvalid","length","onChange","e","target","withCharValidation","CharCounter","CharValidation","defaultProps"],"mappings":";;;;;;AAGO,IAAMA,aAAa,gBAAGC,GAAG,CAAC;AAC/BC,EAAAA,OAAO,EAAE,MADsB;AAE/BC,EAAAA,cAAc,EAAE,eAFe;AAG/BC,EAAAA,QAAQ,EAAEC,MAAM,CAACC,SAHc;AAI/BC,EAAAA,SAAS,EAAEF,MAAM,CAACG,SAJa;AAK/BC,EAAAA,KAAK,EAAEJ,MAAM,CAACK;AALiB,CAAD,CAAzB;AAQA,IAAMC,WAAW,gBAAGV,GAAG,CAAC;AAC7BW,EAAAA,SAAS,EAAE;AADkB,CAAD,CAAvB;;AC4BP,SAASC,qBAAT,CAA+BC,GAA/B;AACE,SAAOA,GAAG,KAAK,QAAR,IAAoBA,GAAG,KAAK,MAAnC;AACD;;AAED,SAAgBC,iBAAiBC;AAC/B,MAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR;AAAA,MAAeC,OAAf,GAA2BF,KAA3B,CAAeE,OAAf;;AAEA,MAAI,CAACL,qBAAqB,CAACI,KAAK,CAACE,IAAP,CAA1B,EAAwC;AACtC,UAAM,IAAIC,KAAJ,QAAcH,KAAK,CAACE,IAApB,wDAAN;AACD;;AAED,MAAME,WAAW,GAAGC,gBAAgB,CAACC,oBAAjB,CAAsCN,KAAK,CAACO,WAA5C,EAAyDP,KAAK,CAACE,IAA/D,CAApB;AACA,MAAMM,eAAe,GAAGH,gBAAgB,CAACI,WAAjB,CAA6BL,WAA7B,CAAxB;AACA,MAAMT,SAAS,GAAGM,OAAO,CAACN,SAAR,CAAkBK,KAAK,CAACU,MAAxB,KAAmC,KAArD;AAEA,SACEC,aAAA,CAACC,cAAD;AACEZ,IAAAA,KAAK,EAAEA;AACPa,IAAAA,mBAAmB,EAAEd,KAAK,CAACc;AAC3BC,IAAAA,UAAU,EAAEf,KAAK,CAACe;GAHpB,EAIG;QAAGC,aAAAA;QAAOC,cAAAA;QAAQC,gBAAAA;QAAUC,gBAAAA;AAC3B,WACEP,aAAA,MAAA;sBAAkB;KAAlB,EACEA,aAAA,CAACQ,SAAD;AACEC,MAAAA,SAAS,EAAEzB,SAAS,KAAK,KAAd,GAAsB0B,WAAtB,GAA2C;AACtDC,MAAAA,UAAU,EAAEtB,KAAK,CAACuB;AAClBC,MAAAA,SAAS,EAAER,MAAM,CAACS,MAAP,GAAgB;AAC3BX,MAAAA,UAAU,EAAEG;AACZF,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAChBW,MAAAA,QAAQ,EAAE,kBAACC,CAAD;AACRT,QAAAA,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASb,KAAV,CAAR;AACD;KARH,CADF,EAWGhB,KAAK,CAAC8B,kBAAN,IACClB,aAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,aAAA,CAACmB,WAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAEA;KAAlD,CADF,EAEEG,aAAA,CAACoB,cAAD;AAAgB3B,MAAAA,WAAW,EAAEA;KAA7B,CAFF,CAZJ,EAiBGL,KAAK,CAAC8B,kBAAN,KAA6B,KAA7B,IACClB,aAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,aAAA,CAACmB,WAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAE;AAAA,eAAM,IAAN;AAAA;KAAlD,CADF,CAlBJ,CADF;AAyBD,GA9BH,CADF;AAkCD;AAEDV,gBAAgB,CAACkC,YAAjB,GAAgC;AAC9BnB,EAAAA,mBAAmB,EAAE,IADS;AAE9BgB,EAAAA,kBAAkB,EAAE;AAFU,CAAhC;;;;"}
+{"version":3,"file":"field-editor-single-line.esm.js","sources":["../src/styles.ts","../src/SingleLineEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const validationRow = css({\n  display: 'flex',\n  justifyContent: 'space-between',\n  fontSize: tokens.fontSizeM,\n  marginTop: tokens.spacingXs,\n  color: tokens.gray700,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport {\n  FieldAPI,\n  FieldConnector,\n  ConstraintsUtils,\n  CharCounter,\n  CharValidation,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\n\nimport * as styles from './styles';\n\n\nexport interface SingleLineEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * is the field manually disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * whether char validation should be shown or not\n   */\n  withCharValidation: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nfunction isSupportedFieldTypes(val: string): val is 'Symbol' | 'Text' {\n  return val === 'Symbol' || val === 'Text';\n}\n\nexport function SingleLineEditor(props: SingleLineEditorProps) {\n  const { field, locales } = props;\n\n  if (!isSupportedFieldTypes(field.type)) {\n    throw new Error(`\"${field.type}\" field type is not supported by SingleLineEditor`);\n  }\n\n  const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);\n  const checkConstraint = ConstraintsUtils.makeChecker(constraints);\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      isDisabled={props.isDisabled}>\n      {({ value, errors, disabled, setValue }) => {\n        return (\n          <div data-test-id=\"single-line-editor\">\n            <TextInput\n              className={direction === 'rtl' ? styles.rightToLeft : ''}\n              isRequired={field.required}\n              isInvalid={errors.length > 0}\n              isDisabled={disabled}\n              value={value || ''}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                setValue(e.target.value);\n              }}\n            />\n            {props.withCharValidation && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={checkConstraint} />\n                <CharValidation constraints={constraints} />\n              </div>\n            )}\n            {props.withCharValidation === false && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={() => true} />\n              </div>\n            )}\n          </div>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nSingleLineEditor.defaultProps = {\n  isInitiallyDisabled: true,\n  withCharValidation: true,\n};\n"],"names":["validationRow","css","display","justifyContent","fontSize","tokens","fontSizeM","marginTop","spacingXs","color","gray700","rightToLeft","direction","isSupportedFieldTypes","val","SingleLineEditor","props","field","locales","type","Error","constraints","ConstraintsUtils","fromFieldValidations","validations","checkConstraint","makeChecker","locale","React","FieldConnector","isInitiallyDisabled","isDisabled","value","errors","disabled","setValue","TextInput","className","styles","isRequired","required","isInvalid","length","onChange","e","target","withCharValidation","CharCounter","CharValidation","defaultProps"],"mappings":";;;;;;AAGO,MAAMA,aAAa,gBAAGC,GAAG,CAAC;AAC/BC,EAAAA,OAAO,EAAE,MADsB;AAE/BC,EAAAA,cAAc,EAAE,eAFe;AAG/BC,EAAAA,QAAQ,EAAEC,MAAM,CAACC,SAHc;AAI/BC,EAAAA,SAAS,EAAEF,MAAM,CAACG,SAJa;AAK/BC,EAAAA,KAAK,EAAEJ,MAAM,CAACK;AALiB,CAAD,CAAzB;AAQA,MAAMC,WAAW,gBAAGV,GAAG,CAAC;AAC7BW,EAAAA,SAAS,EAAE;AADkB,CAAD,CAAvB;;AC8BP,SAASC,qBAAT,CAA+BC,GAA/B;AACE,SAAOA,GAAG,KAAK,QAAR,IAAoBA,GAAG,KAAK,MAAnC;AACD;;AAED,SAAgBC,iBAAiBC;AAC/B,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAqBF,KAA3B;;AAEA,MAAI,CAACH,qBAAqB,CAACI,KAAK,CAACE,IAAP,CAA1B,EAAwC;AACtC,UAAM,IAAIC,KAAJ,KAAcH,KAAK,CAACE,uDAApB,CAAN;AACD;;AAED,QAAME,WAAW,GAAGC,gBAAgB,CAACC,oBAAjB,CAAsCN,KAAK,CAACO,WAA5C,EAAyDP,KAAK,CAACE,IAA/D,CAApB;AACA,QAAMM,eAAe,GAAGH,gBAAgB,CAACI,WAAjB,CAA6BL,WAA7B,CAAxB;AACA,QAAMT,SAAS,GAAGM,OAAO,CAACN,SAAR,CAAkBK,KAAK,CAACU,MAAxB,KAAmC,KAArD;AAEA,SACEC,aAAA,CAACC,cAAD;AACEZ,IAAAA,KAAK,EAAEA;AACPa,IAAAA,mBAAmB,EAAEd,KAAK,CAACc;AAC3BC,IAAAA,UAAU,EAAEf,KAAK,CAACe;GAHpB,EAIG,CAAC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA;AAA3B,GAAD;AACC,WACEP,aAAA,MAAA;sBAAkB;KAAlB,EACEA,aAAA,CAACQ,SAAD;AACEC,MAAAA,SAAS,EAAEzB,SAAS,KAAK,KAAd,GAAsB0B,WAAtB,GAA2C;AACtDC,MAAAA,UAAU,EAAEtB,KAAK,CAACuB;AAClBC,MAAAA,SAAS,EAAER,MAAM,CAACS,MAAP,GAAgB;AAC3BX,MAAAA,UAAU,EAAEG;AACZF,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAChBW,MAAAA,QAAQ,EAAGC,CAAD;AACRT,QAAAA,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASb,KAAV,CAAR;AACD;KARH,CADF,EAWGhB,KAAK,CAAC8B,kBAAN,IACClB,aAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,aAAA,CAACmB,WAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAEA;KAAlD,CADF,EAEEG,aAAA,CAACoB,cAAD;AAAgB3B,MAAAA,WAAW,EAAEA;KAA7B,CAFF,CAZJ,EAiBGL,KAAK,CAAC8B,kBAAN,KAA6B,KAA7B,IACClB,aAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,aAAA,CAACmB,WAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAE,MAAM;KAAxD,CADF,CAlBJ,CADF;AAyBD,GA9BH,CADF;AAkCD;AAEDV,gBAAgB,CAACkC,YAAjB,GAAgC;AAC9BnB,EAAAA,mBAAmB,EAAE,IADS;AAE9BgB,EAAAA,kBAAkB,EAAE;AAFU,CAAhC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-single-line",
-  "version": "1.1.10",
+  "version": "1.2.0",
   "main": "dist/index.js",
   "module": "dist/field-editor-single-line.esm.js",
   "typings": "dist/index.d.ts",
@@ -23,26 +23,16 @@
   "dependencies": {
     "@contentful/f36-components": "^4.0.27",
     "@contentful/f36-tokens": "^4.0.0",
-    "@contentful/field-editor-shared": "^1.1.7",
+    "@contentful/field-editor-shared": "^1.2.0",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15",
     "lodash-es": "^4.17.15"
   },
   "devDependencies": {
-    "@contentful/field-editor-test-utils": "^1.2.6"
+    "@contentful/field-editor-test-utils": "^1.3.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
   },
-  "jest": {
-    "testMatch": [
-      "**/?(*.)+(spec|test).[jt]s?(x)"
-    ],
-    "globals": {
-      "ts-jest": {
-        "diagnostics": false
-      }
-    }
-  },
-  "gitHead": "1e4a7d92c48f0e1949f2b48b3c9974da1602fd5c"
+  "gitHead": "de7e74e3485dd69c240cfe9c545e6e50e41fb295"
 }