@contentful/field-editor-shared 1.4.5 → 1.4.7

package/dist/cjs/CharCounter.js

@@ -63,6 +63,7 @@ const styles = {
     })
 };
 function CharCounter(props) {
+    const { constraints } = props;
     let count = 0;
     if (props.value) {
         count = props.value.length;
@@ -70,8 +71,9 @@ function CharCounter(props) {
     const valid = count === 0 || props.checkConstraint(count);
     return _react.createElement("span", {
         "data-status-code": valid ? null : 'invalid-size',
+        "data-test-id": "cf-ui-char-counter",
         className: (0, _emotion.cx)({
             [styles.invalid]: !valid
         })
-    }, count, " characters");
+    }, constraints.type === 'min' ? `${count}` : `${count} / ${constraints.max}`);
 }

package/dist/cjs/CharValidation.js

@@ -51,9 +51,12 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 function CharValidation(props) {
-    const { constraints } = props;
+    const { constraints, enabled } = props;
+    if (!enabled) {
+        return null;
+    }
     if (constraints.type === 'max') {
-        return _react.createElement("span", null, "Maximum ", constraints.max, " characters");
+        return _react.createElement("span", null, constraints.isDefaultConstraint ? '' : `Max. ${constraints.max} characters`);
     } else if (constraints.type === 'min') {
         return _react.createElement("span", null, "Requires at least ", constraints.min, " characters");
     } else {

package/dist/cjs/utils/constraints.js

@@ -46,7 +46,8 @@ function fromFieldValidations(validations = [], fieldType) {
     } else {
         return {
             type: 'max',
-            max: fieldType === 'Symbol' ? 256 : 50000
+            max: fieldType === 'Symbol' ? 256 : 50000,
+            isDefaultConstraint: true
         };
     }
 }

package/dist/esm/CharCounter.js

@@ -7,6 +7,7 @@ const styles = {
     })
 };
 export function CharCounter(props) {
+    const { constraints } = props;
     let count = 0;
     if (props.value) {
         count = props.value.length;
@@ -14,8 +15,9 @@ export function CharCounter(props) {
     const valid = count === 0 || props.checkConstraint(count);
     return React.createElement("span", {
         "data-status-code": valid ? null : 'invalid-size',
+        "data-test-id": "cf-ui-char-counter",
         className: cx({
             [styles.invalid]: !valid
         })
-    }, count, " characters");
+    }, constraints.type === 'min' ? `${count}` : `${count} / ${constraints.max}`);
 }

package/dist/esm/CharValidation.js

@@ -1,8 +1,11 @@
 import * as React from 'react';
 export function CharValidation(props) {
-    const { constraints } = props;
+    const { constraints, enabled } = props;
+    if (!enabled) {
+        return null;
+    }
     if (constraints.type === 'max') {
-        return React.createElement("span", null, "Maximum ", constraints.max, " characters");
+        return React.createElement("span", null, constraints.isDefaultConstraint ? '' : `Max. ${constraints.max} characters`);
     } else if (constraints.type === 'min') {
         return React.createElement("span", null, "Requires at least ", constraints.min, " characters");
     } else {

package/dist/esm/utils/constraints.js

@@ -23,7 +23,8 @@ export function fromFieldValidations(validations = [], fieldType) {
     } else {
         return {
             type: 'max',
-            max: fieldType === 'Symbol' ? 256 : 50000
+            max: fieldType === 'Symbol' ? 256 : 50000,
+            isDefaultConstraint: true
         };
     }
 }

package/dist/types/CharCounter.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+import { ValidationType } from 'types';
 interface CharCounterProps {
     value?: string;
     checkConstraint: (n: number) => boolean;
+    constraints: ValidationType;
 }
 export declare function CharCounter(props: CharCounterProps): JSX.Element;
 export {};

package/dist/types/CharValidation.d.ts

@@ -2,6 +2,7 @@
 import { ValidationType } from './types';
 interface CharValidationProps {
     constraints: ValidationType;
+    enabled: boolean;
 }
-export declare function CharValidation(props: CharValidationProps): JSX.Element;
+export declare function CharValidation(props: CharValidationProps): JSX.Element | null;
 export {};

package/dist/types/types.d.ts

@@ -1,6 +1,7 @@
 export type ValidationType = {
     type: 'max';
     max: number;
+    isDefaultConstraint?: boolean;
 } | {
     type: 'min';
     min: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-shared",
-  "version": "1.4.5",
+  "version": "1.4.7",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@contentful/app-sdk": "^4.17.1",
-    "@contentful/field-editor-test-utils": "^1.4.6"
+    "@contentful/field-editor-test-utils": "^1.4.7"
   },
   "dependencies": {
     "@contentful/f36-note": "^4.2.8",
@@ -51,5 +51,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "142d2039f023bf4ced956aae1dd08b27c35fdbaa"
+  "gitHead": "129510a558258ae7eb0c53e7845868048a465ca7"
 }