@contentful/field-editor-single-line 1.3.9 → 1.3.10

package/dist/cjs/SingleLineEditor.js

@@ -57,7 +57,7 @@ function isSupportedFieldTypes(val) {
     return val === 'Symbol' || val === 'Text';
 }
 function SingleLineEditor(props) {
-    const { field, locales, withCharValidation } = props;
+    const { field, locales } = props;
     if (!isSupportedFieldTypes(field.type)) {
         throw new Error(`"${field.type}" field type is not supported by SingleLineEditor`);
     }
@@ -81,11 +81,8 @@ function SingleLineEditor(props) {
                 setValue(e.target.value);
             }
         }), _react.createElement("div", {
-            className: _styles.validationRow(withCharValidation)
-        }, _react.createElement(_fieldeditorshared.CharValidation, {
-            constraints: constraints,
-            enabled: withCharValidation
-        }), _react.createElement(_fieldeditorshared.CharCounter, {
+            className: _styles.counterRow
+        }, _react.createElement(_fieldeditorshared.CharCounter, {
             value: value || '',
             checkConstraint: checkConstraint,
             constraints: constraints
@@ -93,6 +90,5 @@ function SingleLineEditor(props) {
     });
 }
 SingleLineEditor.defaultProps = {
-    isInitiallyDisabled: true,
-    withCharValidation: true
+    isInitiallyDisabled: true
 };

package/dist/cjs/SingleLineEditor.test.js

@@ -170,13 +170,12 @@ describe('SingleLineEditor', ()=>{
                 id: 'field-id'
             };
         });
-        const { getByText, getByTestId } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
+        const { getByTestId } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
             field: field,
             isInitiallyDisabled: false,
             locales: (0, _fieldeditortestutils.createFakeLocalesAPI)()
         }));
         expect(getByTestId('cf-ui-char-counter')).toHaveTextContent('0 / 1000');
-        expect(getByText('Requires between 100 and 1000 characters')).toBeInTheDocument();
     });
     it('shows proper min validation message', ()=>{
         const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
@@ -193,38 +192,12 @@ describe('SingleLineEditor', ()=>{
                 id: 'field-id'
             };
         });
-        const { getByText, getByTestId } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
+        const { getByTestId } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
             field: field,
             isInitiallyDisabled: false,
             locales: (0, _fieldeditortestutils.createFakeLocalesAPI)()
         }));
         expect(getByTestId('cf-ui-char-counter')).toHaveTextContent('0');
         expect(getByTestId('cf-ui-char-counter')).not.toHaveTextContent('0 / 1000');
-        expect(getByText('Requires at least 1000 characters')).toBeInTheDocument();
-    });
-    it('renders no validation message if withCharValidation is falsy', ()=>{
-        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
-            return {
-                ...field,
-                type: 'Symbol',
-                validations: [
-                    {
-                        size: {
-                            min: 100,
-                            max: 1000
-                        }
-                    }
-                ],
-                id: 'field-id'
-            };
-        });
-        const { queryByText, getByTestId } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
-            field: field,
-            withCharValidation: false,
-            isInitiallyDisabled: false,
-            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)()
-        }));
-        expect(getByTestId('cf-ui-char-counter')).toHaveTextContent('0 / 1000');
-        expect(queryByText('Requires between 100 and 1000 characters')).not.toBeInTheDocument();
     });
 });

package/dist/cjs/styles.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    counterRow: function() {
+        return counterRow;
+    },
     rightToLeft: function() {
         return rightToLeft;
-    },
-    validationRow: function() {
-        return validationRow;
     }
 });
 const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
@@ -23,13 +23,13 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const validationRow = (withValidation)=>(0, _emotion.css)({
-        display: 'flex',
-        justifyContent: withValidation ? 'space-between' : 'flex-end',
-        fontSize: _f36tokens.default.fontSizeM,
-        marginTop: _f36tokens.default.spacingXs,
-        color: _f36tokens.default.gray500
-    });
+const counterRow = (0, _emotion.css)({
+    float: 'right',
+    marginLeft: _f36tokens.default.spacingS,
+    fontSize: _f36tokens.default.fontSizeM,
+    marginTop: _f36tokens.default.spacingXs,
+    color: _f36tokens.default.gray500
+});
 const rightToLeft = (0, _emotion.css)({
     direction: 'rtl'
 });

package/dist/esm/SingleLineEditor.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { TextInput } from '@contentful/f36-components';
-import { FieldConnector, ConstraintsUtils, CharCounter, CharValidation } from '@contentful/field-editor-shared';
+import { FieldConnector, ConstraintsUtils, CharCounter } from '@contentful/field-editor-shared';
 import * as styles from './styles';
 function isSupportedFieldTypes(val) {
     return val === 'Symbol' || val === 'Text';
 }
 export function SingleLineEditor(props) {
-    const { field, locales, withCharValidation } = props;
+    const { field, locales } = props;
     if (!isSupportedFieldTypes(field.type)) {
         throw new Error(`"${field.type}" field type is not supported by SingleLineEditor`);
     }
@@ -30,11 +30,8 @@ export function SingleLineEditor(props) {
                 setValue(e.target.value);
             }
         }), React.createElement("div", {
-            className: styles.validationRow(withCharValidation)
-        }, React.createElement(CharValidation, {
-            constraints: constraints,
-            enabled: withCharValidation
-        }), React.createElement(CharCounter, {
+            className: styles.counterRow
+        }, React.createElement(CharCounter, {
             value: value || '',
             checkConstraint: checkConstraint,
             constraints: constraints
@@ -42,6 +39,5 @@ export function SingleLineEditor(props) {
     });
 }
 SingleLineEditor.defaultProps = {
-    isInitiallyDisabled: true,
-    withCharValidation: true
+    isInitiallyDisabled: true
 };

package/dist/esm/SingleLineEditor.test.js

@@ -125,13 +125,12 @@ describe('SingleLineEditor', ()=>{
                 id: 'field-id'
             };
         });
-        const { getByText, getByTestId } = render(React.createElement(SingleLineEditor, {
+        const { getByTestId } = render(React.createElement(SingleLineEditor, {
             field: field,
             isInitiallyDisabled: false,
             locales: createFakeLocalesAPI()
         }));
         expect(getByTestId('cf-ui-char-counter')).toHaveTextContent('0 / 1000');
-        expect(getByText('Requires between 100 and 1000 characters')).toBeInTheDocument();
     });
     it('shows proper min validation message', ()=>{
         const [field] = createFakeFieldAPI((field)=>{
@@ -148,38 +147,12 @@ describe('SingleLineEditor', ()=>{
                 id: 'field-id'
             };
         });
-        const { getByText, getByTestId } = render(React.createElement(SingleLineEditor, {
+        const { getByTestId } = render(React.createElement(SingleLineEditor, {
             field: field,
             isInitiallyDisabled: false,
             locales: createFakeLocalesAPI()
         }));
         expect(getByTestId('cf-ui-char-counter')).toHaveTextContent('0');
         expect(getByTestId('cf-ui-char-counter')).not.toHaveTextContent('0 / 1000');
-        expect(getByText('Requires at least 1000 characters')).toBeInTheDocument();
-    });
-    it('renders no validation message if withCharValidation is falsy', ()=>{
-        const [field] = createFakeFieldAPI((field)=>{
-            return {
-                ...field,
-                type: 'Symbol',
-                validations: [
-                    {
-                        size: {
-                            min: 100,
-                            max: 1000
-                        }
-                    }
-                ],
-                id: 'field-id'
-            };
-        });
-        const { queryByText, getByTestId } = render(React.createElement(SingleLineEditor, {
-            field: field,
-            withCharValidation: false,
-            isInitiallyDisabled: false,
-            locales: createFakeLocalesAPI()
-        }));
-        expect(getByTestId('cf-ui-char-counter')).toHaveTextContent('0 / 1000');
-        expect(queryByText('Requires between 100 and 1000 characters')).not.toBeInTheDocument();
     });
 });

package/dist/esm/styles.js

@@ -1,12 +1,12 @@
 import tokens from '@contentful/f36-tokens';
 import { css } from 'emotion';
-export const validationRow = (withValidation)=>css({
-        display: 'flex',
-        justifyContent: withValidation ? 'space-between' : 'flex-end',
-        fontSize: tokens.fontSizeM,
-        marginTop: tokens.spacingXs,
-        color: tokens.gray500
-    });
+export const counterRow = css({
+    float: 'right',
+    marginLeft: tokens.spacingS,
+    fontSize: tokens.fontSizeM,
+    marginTop: tokens.spacingXs,
+    color: tokens.gray500
+});
 export const rightToLeft = css({
     direction: 'rtl'
 });

package/dist/types/SingleLineEditor.d.ts

@@ -9,10 +9,6 @@ export interface SingleLineEditorProps {
      * is the field manually disabled
      */
     isDisabled?: boolean;
-    /**
-     * whether char validation should be shown or not
-     */
-    withCharValidation: boolean;
     /**
      * sdk.field
      */
@@ -26,6 +22,5 @@ export declare function SingleLineEditor(props: SingleLineEditorProps): JSX.Elem
 export declare namespace SingleLineEditor {
     var defaultProps: {
         isInitiallyDisabled: boolean;
-        withCharValidation: boolean;
     };
 }

package/dist/types/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const validationRow: (withValidation: boolean) => string;
+export declare const counterRow: string;
 export declare const rightToLeft: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-single-line",
-  "version": "1.3.9",
+  "version": "1.3.10",
   "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.0.27",
     "@contentful/f36-tokens": "^4.0.0",
-    "@contentful/field-editor-shared": "^1.4.7",
+    "@contentful/field-editor-shared": "^1.4.8",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15"
   },
@@ -50,5 +50,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "129510a558258ae7eb0c53e7845868048a465ca7"
+  "gitHead": "1d7d630fe6f9576ee4cf35feed8badc8440acbf1"
 }