@contentful/field-editor-tags 1.4.35 → 1.5.1

package/dist/cjs/TagsEditor.js

@@ -117,7 +117,7 @@ const SortablePill = ({ id, label, index, disabled, onRemove })=>{
 };
 function TagsEditor(props) {
     const [pendingValue, setPendingValue] = (0, _react.useState)('');
-    const { isDisabled, items, constraints, constraintsType, hasError, onUpdate } = props;
+    const { isDisabled, items, constraints, constraintsType, hasError, onUpdate, id } = props;
     const itemsMap = _react.default.useMemo(()=>items.map((item, index)=>({
                 id: item + index,
                 value: item
@@ -147,6 +147,7 @@ function TagsEditor(props) {
         "data-test-id": "tag-editor-container"
     }, _react.default.createElement(_f36components.TextInput, {
         testId: "tag-editor-input",
+        id: id,
         className: styles.input,
         isDisabled: isDisabled,
         isInvalid: hasError,

package/dist/cjs/TagsEditorContainer.js

@@ -62,33 +62,34 @@ function isEmptyTagsValue(value) {
     return value === null || value.length === 0;
 }
 function getConstraintsType(sizeConstraints) {
-    if (!sizeConstraints) {
+    if (!sizeConstraints || !(0, _isNumber.default)(sizeConstraints.min) && !(0, _isNumber.default)(sizeConstraints.max)) {
         return undefined;
     }
     if ((0, _isNumber.default)(sizeConstraints.min) && (0, _isNumber.default)(sizeConstraints.max)) {
         return 'min-max';
-    } else if ((0, _isNumber.default)(sizeConstraints.min)) {
+    }
+    if ((0, _isNumber.default)(sizeConstraints.min)) {
         return 'min';
-    } else if ((0, _isNumber.default)(sizeConstraints.max)) {
+    }
+    if ((0, _isNumber.default)(sizeConstraints.max)) {
         return 'max';
-    } else {
-        return undefined;
     }
+    return undefined;
 }
-function TagsEditorContainer(props) {
-    const field = props.field;
+function TagsEditorContainer({ isInitiallyDisabled, field, id }) {
     const validations = field.validations || [];
     const sizeValidations = validations.filter((validation)=>validation.size).map((validation)=>validation.size);
     const constraints = sizeValidations.length > 0 ? sizeValidations[0] : {};
     const constraintsType = getConstraintsType(constraints);
     return _react.createElement(_fieldeditorshared.FieldConnector, {
         field: field,
-        isInitiallyDisabled: props.isInitiallyDisabled,
+        isInitiallyDisabled: isInitiallyDisabled,
         isEmptyValue: isEmptyTagsValue,
         debounce: 0
     }, ({ disabled, value, errors, setValue })=>{
         const items = value || [];
         return _react.createElement(_TagsEditor.TagsEditor, {
+            id: id,
             constraints: constraints,
             constraintsType: constraintsType,
             isDisabled: disabled,

package/dist/esm/TagsEditor.js

@@ -61,7 +61,7 @@ const SortablePill = ({ id, label, index, disabled, onRemove })=>{
 };
 export function TagsEditor(props) {
     const [pendingValue, setPendingValue] = useState('');
-    const { isDisabled, items, constraints, constraintsType, hasError, onUpdate } = props;
+    const { isDisabled, items, constraints, constraintsType, hasError, onUpdate, id } = props;
     const itemsMap = React.useMemo(()=>items.map((item, index)=>({
                 id: item + index,
                 value: item
@@ -91,6 +91,7 @@ export function TagsEditor(props) {
         "data-test-id": "tag-editor-container"
     }, React.createElement(TextInput, {
         testId: "tag-editor-input",
+        id: id,
         className: styles.input,
         isDisabled: isDisabled,
         isInvalid: hasError,

package/dist/esm/TagsEditorContainer.js

@@ -6,33 +6,34 @@ function isEmptyTagsValue(value) {
     return value === null || value.length === 0;
 }
 function getConstraintsType(sizeConstraints) {
-    if (!sizeConstraints) {
+    if (!sizeConstraints || !isNumber(sizeConstraints.min) && !isNumber(sizeConstraints.max)) {
         return undefined;
     }
     if (isNumber(sizeConstraints.min) && isNumber(sizeConstraints.max)) {
         return 'min-max';
-    } else if (isNumber(sizeConstraints.min)) {
+    }
+    if (isNumber(sizeConstraints.min)) {
         return 'min';
-    } else if (isNumber(sizeConstraints.max)) {
+    }
+    if (isNumber(sizeConstraints.max)) {
         return 'max';
-    } else {
-        return undefined;
     }
+    return undefined;
 }
-export function TagsEditorContainer(props) {
-    const field = props.field;
+export function TagsEditorContainer({ isInitiallyDisabled, field, id }) {
     const validations = field.validations || [];
     const sizeValidations = validations.filter((validation)=>validation.size).map((validation)=>validation.size);
     const constraints = sizeValidations.length > 0 ? sizeValidations[0] : {};
     const constraintsType = getConstraintsType(constraints);
     return React.createElement(FieldConnector, {
         field: field,
-        isInitiallyDisabled: props.isInitiallyDisabled,
+        isInitiallyDisabled: isInitiallyDisabled,
         isEmptyValue: isEmptyTagsValue,
         debounce: 0
     }, ({ disabled, value, errors, setValue })=>{
         const items = value || [];
         return React.createElement(TagsEditor, {
+            id: id,
             constraints: constraints,
             constraintsType: constraintsType,
             isDisabled: disabled,

package/dist/types/TagsEditor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Constraint, ConstraintsType } from './types';
+import type { Constraint, ConstraintsType } from './types';
 export interface TagsEditorProps {
     items: string[];
     isDisabled: boolean;
@@ -7,5 +7,6 @@ export interface TagsEditorProps {
     constraintsType?: ConstraintsType;
     constraints?: Constraint;
     onUpdate: (items: string[]) => void;
+    id?: string;
 }
 export declare function TagsEditor(props: TagsEditorProps): React.JSX.Element;

package/dist/types/TagsEditorContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FieldAPI } from '@contentful/field-editor-shared';
+import { type FieldAPI } from '@contentful/field-editor-shared';
 export interface TagsEditorContainerProps {
     /**
      * is the field disabled initially
@@ -9,8 +9,12 @@ export interface TagsEditorContainerProps {
      * sdk.field
      */
     field: FieldAPI;
+    /**
+     * id used for associating the input field with its label
+     */
+    id?: string;
 }
-export declare function TagsEditorContainer(props: TagsEditorContainerProps): React.JSX.Element;
+export declare function TagsEditorContainer({ isInitiallyDisabled, field, id }: TagsEditorContainerProps): React.JSX.Element;
 export declare namespace TagsEditorContainer {
     var defaultProps: {
         isInitiallyDisabled: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-tags",
-  "version": "1.4.35",
+  "version": "1.5.1",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -38,7 +38,7 @@
     "@contentful/f36-components": "^4.70.0",
     "@contentful/f36-icons": "^4.29.0",
     "@contentful/f36-tokens": "^4.0.5",
-    "@contentful/field-editor-shared": "^2.4.1",
+    "@contentful/field-editor-shared": "^2.4.2",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
@@ -54,5 +54,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "1d0dc6dc10cf4ad43aa48b04fa67d29ab7edaee8"
+  "gitHead": "6bee4a59a3c19a95d2cadde3ef0c78112788626e"
 }