@contentful/field-editor-tags 1.4.34 → 1.5.0

package/dist/cjs/TagsEditor.js

@@ -8,15 +8,15 @@ Object.defineProperty(exports, "TagsEditor", {
         return TagsEditor;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _core = require("@dnd-kit/core");
 const _modifiers = require("@dnd-kit/modifiers");
 const _sortable = require("@dnd-kit/sortable");
 const _utilities = require("@dnd-kit/utilities");
 const _emotion = require("emotion");
-const _noop = _interop_require_default(require("lodash/noop"));
+const _noop = /*#__PURE__*/ _interop_require_default(require("lodash/noop"));
 const _TagsEditorConstraints = require("./TagsEditorConstraints");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -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/TagsEditorConstraints.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "TagsEditorConstraints", {
         return TagsEditorConstraints;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _emotion = require("emotion");
 function _getRequireWildcardCache(nodeInterop) {

package/dist/cjs/TagsEditorContainer.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "TagsEditorContainer", {
         return TagsEditorContainer;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _fieldeditorshared = require("@contentful/field-editor-shared");
-const _isNumber = _interop_require_default(require("lodash/isNumber"));
+const _isNumber = /*#__PURE__*/ _interop_require_default(require("lodash/isNumber"));
 const _TagsEditor = require("./TagsEditor");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -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/cjs/TagsEditorContainer.spec.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
 require("@testing-library/jest-dom/extend-expect");
 const _react1 = require("@testing-library/react");

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.34",
+  "version": "1.5.0",
   "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.0",
+    "@contentful/field-editor-shared": "^2.4.1",
     "@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": "acf662acf17e749090975671bf14ce107ac9c499"
+  "gitHead": "7ec565308c8d4da384b8fec6f5d840bdf6d4927d"
 }