@contentful/field-editor-shared 1.4.6 → 1.4.8

package/dist/cjs/CharCounter.js

@@ -63,15 +63,17 @@ const styles = {
     })
 };
 function CharCounter(props) {
+    const { constraints, value, checkConstraint } = props;
     let count = 0;
-    if (props.value) {
-        count = props.value.length;
+    if (value) {
+        count = value.length;
     }
-    const valid = count === 0 || props.checkConstraint(count);
+    const valid = count === 0 || 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/index.js

@@ -24,9 +24,6 @@ _export(exports, {
     CharCounter: function() {
         return _CharCounter.CharCounter;
     },
-    CharValidation: function() {
-        return _CharValidation.CharValidation;
-    },
     ConstraintsUtils: function() {
         return _constraints;
     },
@@ -105,7 +102,6 @@ _export(exports, {
 });
 const _appsdk = require("@contentful/app-sdk");
 const _CharCounter = require("./CharCounter");
-const _CharValidation = require("./CharValidation");
 const _FieldConnector = require("./FieldConnector");
 const _PredefinedValuesError = require("./PredefinedValuesError");
 const _typesEntity = require("./typesEntity");

package/dist/esm/CharCounter.js

@@ -7,15 +7,17 @@ const styles = {
     })
 };
 export function CharCounter(props) {
+    const { constraints, value, checkConstraint } = props;
     let count = 0;
-    if (props.value) {
-        count = props.value.length;
+    if (value) {
+        count = value.length;
     }
-    const valid = count === 0 || props.checkConstraint(count);
+    const valid = count === 0 || 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/index.js

@@ -1,6 +1,5 @@
 export { AccessAPI, AppConfigAPI, BaseAppSDK, ContentType, DialogsAPI, EntryAPI, EntryFieldAPI, FieldAPI, FieldAppSDK, IdsAPI, LocalesAPI, LocationAPI, NavigatorAPI, NotifierAPI, OpenCustomWidgetOptions, ParametersAPI, SpaceAPI, WindowAPI } from '@contentful/app-sdk';
 export { CharCounter } from './CharCounter';
-export { CharValidation } from './CharValidation';
 export { FieldConnector } from './FieldConnector';
 export { PredefinedValuesError } from './PredefinedValuesError';
 export { Asset, Entry, File } from './typesEntity';

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/index.d.ts

@@ -1,6 +1,5 @@
 export { AccessAPI, AppConfigAPI, BaseAppSDK, ContentType, DialogsAPI, EntryAPI, EntryFieldAPI, FieldAPI, FieldAppSDK, IdsAPI, LocalesAPI, LocationAPI, NavigatorAPI, NotifierAPI, OpenCustomWidgetOptions, ParametersAPI, SpaceAPI, WindowAPI, } from '@contentful/app-sdk';
 export { CharCounter } from './CharCounter';
-export { CharValidation } from './CharValidation';
 export { FieldConnector } from './FieldConnector';
 export type { FieldConnectorChildProps } from './FieldConnector';
 export { PredefinedValuesError } from './PredefinedValuesError';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-shared",
-  "version": "1.4.6",
+  "version": "1.4.8",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -51,5 +51,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "894934e9a2888aeb0a894cfebea3e034ba830f2a"
+  "gitHead": "1d7d630fe6f9576ee4cf35feed8badc8440acbf1"
 }

package/dist/cjs/CharValidation.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "CharValidation", {
-    enumerable: true,
-    get: function() {
-        return CharValidation;
-    }
-});
-const _react = _interop_require_wildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-function CharValidation(props) {
-    const { constraints } = props;
-    if (constraints.type === 'max') {
-        return _react.createElement("span", null, "Maximum ", constraints.max, " characters");
-    } else if (constraints.type === 'min') {
-        return _react.createElement("span", null, "Requires at least ", constraints.min, " characters");
-    } else {
-        return _react.createElement("span", null, "Requires between ", constraints.min, " and ", constraints.max, " characters");
-    }
-}

package/dist/esm/CharValidation.js

@@ -1,11 +0,0 @@
-import * as React from 'react';
-export function CharValidation(props) {
-    const { constraints } = props;
-    if (constraints.type === 'max') {
-        return React.createElement("span", null, "Maximum ", constraints.max, " characters");
-    } else if (constraints.type === 'min') {
-        return React.createElement("span", null, "Requires at least ", constraints.min, " characters");
-    } else {
-        return React.createElement("span", null, "Requires between ", constraints.min, " and ", constraints.max, " characters");
-    }
-}

package/dist/types/CharValidation.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ValidationType } from './types';
-interface CharValidationProps {
-    constraints: ValidationType;
-}
-export declare function CharValidation(props: CharValidationProps): JSX.Element;
-export {};