strapi-plugin-tags-custom-field 1.0.1 → 1.0.4

package/README.md

@@ -25,15 +25,14 @@ Restart your Strapi server after installation.
 - `maxTags` (default: `20`): maximum number of tags.
 - `maxTagLength` (default: `40`): maximum characters per tag.
 - `allowDuplicates` (default: `false`): allow repeated tags.
-- `separator` (default: `,`): character used to split typed/pasted values.
+- `separator` (optional): character used to split typed/pasted values.
 - `normalizeCase` (default: `none`): `none`, `lowercase`, or `UPPERCASE`.
 
 ## Input behavior
 
 - `Enter` adds the current tag.
-- The configured separator also adds the current tag.
+- If configured, the separator also adds the current tag.
 - Paste supports multiple tags (newline or configured separator).
-- `Backspace` on empty input removes the last tag.
 
 ## Data format
 
@@ -50,7 +49,7 @@ Example:
 ## Compatibility
 
 - Strapi: `v5`
-- Node.js: `>=18`
+- Node.js: `>=18 <25` (18 to 24)
 
 ## Local development (plugin repo)
 

package/dist/admin/{TagsInput-BGUydL2t.js → TagsInput-Bed2AKfo.js}

@@ -23,9 +23,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-const DEFAULT_SEPARATOR = ",";
-const DEFAULT_MAX_TAGS = 20;
-const DEFAULT_MAX_TAG_LENGTH = 40;
+const DEFAULT_MAX_TAGS = 50;
+const DEFAULT_MAX_TAG_LENGTH = 100;
 const parseTagsValue = (value) => {
   if (Array.isArray(value)) {
     return value.map((item) => String(item).trim()).filter((item) => item.length > 0);
@@ -84,22 +83,24 @@ const parsePositiveInt = (value, fallbackValue) => {
 };
 const getSplitRegex = (separator) => {
   const characters = Array.from(/* @__PURE__ */ new Set([separator, "\n", "\r"])).filter(
-    (character) => character.length > 0
+    (character) => typeof character === "string" && character.length > 0
   );
   const escapedCharacters = characters.map((character) => character.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("");
   return new RegExp(`[${escapedCharacters}]+`);
 };
 const parseRawTags = (rawValue, separator, normalizeCase) => rawValue.split(getSplitRegex(separator)).map((tag) => normalizeTag(tag, normalizeCase)).filter((tag) => tag.length > 0);
 const hasSplitCharacters = (value, separator) => [separator, "\n", "\r"].some(
-  (character) => character.length > 0 && value.includes(character)
+  (character) => typeof character === "string" && character.length > 0 && value.includes(character)
 );
 const TagsInput = React__namespace.forwardRef(
   ({
     attribute,
+    description,
     disabled = false,
     error,
     hint,
     intlLabel,
+    label,
     name,
     onChange,
     placeholder,
@@ -115,7 +116,7 @@ const TagsInput = React__namespace.forwardRef(
     }, [value]);
     const fieldType = attribute?.type ?? "json";
     const options = attribute?.options ?? {};
-    const separator = typeof options.separator === "string" && options.separator.trim().length > 0 ? options.separator.trim().charAt(0) : DEFAULT_SEPARATOR;
+    const separator = typeof options.separator === "string" && options.separator.trim().length > 0 ? options.separator.trim().charAt(0) : void 0;
     const maxTags = parsePositiveInt(options.maxTags, DEFAULT_MAX_TAGS);
     const maxTagLength = parsePositiveInt(
       options.maxTagLength,
@@ -123,13 +124,24 @@ const TagsInput = React__namespace.forwardRef(
     );
     const allowDuplicates = parseBoolean(options.allowDuplicates, false);
     const normalizeCase = normalizeCaseValue(options.normalizeCase);
-    const label = intlLabel?.id || intlLabel?.defaultMessage ? formatMessage({
-      id: intlLabel?.id ?? `${name}.label`,
-      defaultMessage: intlLabel?.defaultMessage ?? "Tags"
-    }) : "Tags";
-    const hintMessage = hint ?? formatMessage({
+    const formatIntlMessage = React__namespace.useCallback(
+      (message) => {
+        if (!message?.id && !message?.defaultMessage) {
+          return void 0;
+        }
+        return formatMessage({
+          id: message.id ?? `${name}.label`,
+          defaultMessage: message.defaultMessage ?? "Tags"
+        });
+      },
+      [formatMessage, name]
+    );
+    const labelText = typeof label === "string" ? label : formatIntlMessage(label) ?? formatIntlMessage(intlLabel);
+    const labelMessage = labelText && labelText.trim().length > 0 ? labelText.trim() : "Tags";
+    const descriptionText = typeof description === "string" ? description : formatIntlMessage(description);
+    const hintMessage = descriptionText && descriptionText.trim().length > 0 ? descriptionText.trim() : hint ?? formatMessage({
       id: "tags-input.hint",
-      defaultMessage: "Press Enter or type the separator to add tags. Paste multiple tags at once."
+      defaultMessage: separator ? "Press Enter or type the separator to add tags. Paste multiple tags at once." : "Press Enter to add tags. Paste multiple tags at once."
     });
     const shownError = error || localError;
     const emitChange = React__namespace.useCallback(
@@ -149,58 +161,53 @@ const TagsInput = React__namespace.forwardRef(
         if (rawTags.length === 0) {
           return false;
         }
+        const nextTags = [...tags];
         let didChange = false;
-        setTags((currentTags) => {
-          const nextTags = [...currentTags];
-          for (const rawTag of rawTags) {
-            if (nextTags.length >= maxTags) {
-              setLocalError(
-                formatMessage(
-                  {
-                    id: "tags-input.error.max-tags",
-                    defaultMessage: "You can only add up to {maxTags} tags."
-                  },
-                  { maxTags }
-                )
-              );
-              break;
-            }
-            if (rawTag.length > maxTagLength) {
-              setLocalError(
-                formatMessage(
-                  {
-                    id: "tags-input.error.max-length",
-                    defaultMessage: "Each tag must be at most {maxLength} characters."
-                  },
-                  { maxLength: maxTagLength }
-                )
-              );
-              continue;
-            }
-            const duplicateIndex = nextTags.findIndex(
-              (tag) => tag.toLowerCase() === rawTag.toLowerCase()
+        let nextError;
+        for (const rawTag of rawTags) {
+          if (nextTags.length >= maxTags) {
+            nextError = formatMessage(
+              {
+                id: "tags-input.error.max-tags",
+                defaultMessage: "You can only add up to {maxTags} tags."
+              },
+              { maxTags }
             );
-            if (duplicateIndex !== -1 && !allowDuplicates) {
-              setLocalError(
-                formatMessage({
-                  id: "tags-input.error.duplicate",
-                  defaultMessage: "Duplicate tags are not allowed."
-                })
-              );
-              continue;
-            }
-            nextTags.push(rawTag);
-            didChange = true;
+            break;
           }
-          if (didChange) {
-            setLocalError(void 0);
-            emitChange(nextTags);
+          if (rawTag.length > maxTagLength) {
+            nextError = formatMessage(
+              {
+                id: "tags-input.error.max-length",
+                defaultMessage: "Each tag must be at most {maxLength} characters."
+              },
+              { maxLength: maxTagLength }
+            );
+            continue;
           }
-          return didChange ? nextTags : currentTags;
-        });
+          const duplicateIndex = nextTags.findIndex(
+            (tag) => tag.toLowerCase() === rawTag.toLowerCase()
+          );
+          if (duplicateIndex !== -1 && !allowDuplicates) {
+            nextError = formatMessage({
+              id: "tags-input.error.duplicate",
+              defaultMessage: "Duplicate tags are not allowed."
+            });
+            continue;
+          }
+          nextTags.push(rawTag);
+          didChange = true;
+        }
+        if (didChange) {
+          setTags(nextTags);
+          setLocalError(void 0);
+          emitChange(nextTags);
+        } else if (nextError) {
+          setLocalError(nextError);
+        }
         return didChange;
       },
-      [allowDuplicates, emitChange, formatMessage, maxTagLength, maxTags]
+      [allowDuplicates, emitChange, formatMessage, maxTagLength, maxTags, tags]
     );
     const commitDraft = React__namespace.useCallback(() => {
       const parsedTags = parseRawTags(draft, separator, normalizeCase);
@@ -219,26 +226,11 @@ const TagsInput = React__namespace.forwardRef(
       },
       [emitChange]
     );
-    const removeLastTag = React__namespace.useCallback(() => {
-      setTags((currentTags) => {
-        if (currentTags.length === 0) {
-          return currentTags;
-        }
-        const nextTags = currentTags.slice(0, currentTags.length - 1);
-        emitChange(nextTags);
-        setLocalError(void 0);
-        return nextTags;
-      });
-    }, [emitChange]);
     const onKeyDown = (event) => {
-      if (event.key === "Enter" || event.key === separator) {
+      if (event.key === "Enter" || separator && event.key === separator) {
         event.preventDefault();
         commitDraft();
       }
-      if (event.key === "Backspace" && draft.length === 0 && !disabled) {
-        event.preventDefault();
-        removeLastTag();
-      }
     };
     const onPaste = (event) => {
       const pastedText = event.clipboardData.getData("text");
@@ -247,7 +239,10 @@ const TagsInput = React__namespace.forwardRef(
       }
       event.preventDefault();
       const parsedTags = parseRawTags(pastedText, separator, normalizeCase);
-      addTags(parsedTags);
+      const added = addTags(parsedTags);
+      if (added) {
+        setDraft("");
+      }
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.Field.Root,
@@ -258,7 +253,8 @@ const TagsInput = React__namespace.forwardRef(
         hint: hintMessage,
         error: shownError,
         children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: labelMessage }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
           tags.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.Box,
             {
@@ -311,13 +307,16 @@ const TagsInput = React__namespace.forwardRef(
               onBlur: commitDraft,
               onKeyDown,
               onPaste,
-              placeholder: placeholder ?? formatMessage(
+              placeholder: placeholder ?? (separator ? formatMessage(
                 {
-                  id: "tags-input.placeholder",
+                  id: "tags-input.placeholder.with-separator",
                   defaultMessage: "Type a tag and press Enter or {separator} to add it"
                 },
                 { separator }
-              )
+              ) : formatMessage({
+                id: "tags-input.placeholder.without-separator",
+                defaultMessage: "Type a tag and press Enter to add it"
+              }))
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", gap: 2, children: [
@@ -343,7 +342,6 @@ const TagsInput = React__namespace.forwardRef(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
         ] })
       }

package/dist/admin/{TagsInput-CCehyU5Y.mjs → TagsInput-C96IrAdH.mjs}

@@ -3,9 +3,8 @@ import * as React from "react";
 import { Field, Flex, Box, Tag, TextInput, Typography } from "@strapi/design-system";
 import { Cross } from "@strapi/icons";
 import { useIntl } from "react-intl";
-const DEFAULT_SEPARATOR = ",";
-const DEFAULT_MAX_TAGS = 20;
-const DEFAULT_MAX_TAG_LENGTH = 40;
+const DEFAULT_MAX_TAGS = 50;
+const DEFAULT_MAX_TAG_LENGTH = 100;
 const parseTagsValue = (value) => {
   if (Array.isArray(value)) {
     return value.map((item) => String(item).trim()).filter((item) => item.length > 0);
@@ -64,22 +63,24 @@ const parsePositiveInt = (value, fallbackValue) => {
 };
 const getSplitRegex = (separator) => {
   const characters = Array.from(/* @__PURE__ */ new Set([separator, "\n", "\r"])).filter(
-    (character) => character.length > 0
+    (character) => typeof character === "string" && character.length > 0
   );
   const escapedCharacters = characters.map((character) => character.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("");
   return new RegExp(`[${escapedCharacters}]+`);
 };
 const parseRawTags = (rawValue, separator, normalizeCase) => rawValue.split(getSplitRegex(separator)).map((tag) => normalizeTag(tag, normalizeCase)).filter((tag) => tag.length > 0);
 const hasSplitCharacters = (value, separator) => [separator, "\n", "\r"].some(
-  (character) => character.length > 0 && value.includes(character)
+  (character) => typeof character === "string" && character.length > 0 && value.includes(character)
 );
 const TagsInput = React.forwardRef(
   ({
     attribute,
+    description,
     disabled = false,
     error,
     hint,
     intlLabel,
+    label,
     name,
     onChange,
     placeholder,
@@ -95,7 +96,7 @@ const TagsInput = React.forwardRef(
     }, [value]);
     const fieldType = attribute?.type ?? "json";
     const options = attribute?.options ?? {};
-    const separator = typeof options.separator === "string" && options.separator.trim().length > 0 ? options.separator.trim().charAt(0) : DEFAULT_SEPARATOR;
+    const separator = typeof options.separator === "string" && options.separator.trim().length > 0 ? options.separator.trim().charAt(0) : void 0;
     const maxTags = parsePositiveInt(options.maxTags, DEFAULT_MAX_TAGS);
     const maxTagLength = parsePositiveInt(
       options.maxTagLength,
@@ -103,13 +104,24 @@ const TagsInput = React.forwardRef(
     );
     const allowDuplicates = parseBoolean(options.allowDuplicates, false);
     const normalizeCase = normalizeCaseValue(options.normalizeCase);
-    const label = intlLabel?.id || intlLabel?.defaultMessage ? formatMessage({
-      id: intlLabel?.id ?? `${name}.label`,
-      defaultMessage: intlLabel?.defaultMessage ?? "Tags"
-    }) : "Tags";
-    const hintMessage = hint ?? formatMessage({
+    const formatIntlMessage = React.useCallback(
+      (message) => {
+        if (!message?.id && !message?.defaultMessage) {
+          return void 0;
+        }
+        return formatMessage({
+          id: message.id ?? `${name}.label`,
+          defaultMessage: message.defaultMessage ?? "Tags"
+        });
+      },
+      [formatMessage, name]
+    );
+    const labelText = typeof label === "string" ? label : formatIntlMessage(label) ?? formatIntlMessage(intlLabel);
+    const labelMessage = labelText && labelText.trim().length > 0 ? labelText.trim() : "Tags";
+    const descriptionText = typeof description === "string" ? description : formatIntlMessage(description);
+    const hintMessage = descriptionText && descriptionText.trim().length > 0 ? descriptionText.trim() : hint ?? formatMessage({
       id: "tags-input.hint",
-      defaultMessage: "Press Enter or type the separator to add tags. Paste multiple tags at once."
+      defaultMessage: separator ? "Press Enter or type the separator to add tags. Paste multiple tags at once." : "Press Enter to add tags. Paste multiple tags at once."
     });
     const shownError = error || localError;
     const emitChange = React.useCallback(
@@ -129,58 +141,53 @@ const TagsInput = React.forwardRef(
         if (rawTags.length === 0) {
           return false;
         }
+        const nextTags = [...tags];
         let didChange = false;
-        setTags((currentTags) => {
-          const nextTags = [...currentTags];
-          for (const rawTag of rawTags) {
-            if (nextTags.length >= maxTags) {
-              setLocalError(
-                formatMessage(
-                  {
-                    id: "tags-input.error.max-tags",
-                    defaultMessage: "You can only add up to {maxTags} tags."
-                  },
-                  { maxTags }
-                )
-              );
-              break;
-            }
-            if (rawTag.length > maxTagLength) {
-              setLocalError(
-                formatMessage(
-                  {
-                    id: "tags-input.error.max-length",
-                    defaultMessage: "Each tag must be at most {maxLength} characters."
-                  },
-                  { maxLength: maxTagLength }
-                )
-              );
-              continue;
-            }
-            const duplicateIndex = nextTags.findIndex(
-              (tag) => tag.toLowerCase() === rawTag.toLowerCase()
+        let nextError;
+        for (const rawTag of rawTags) {
+          if (nextTags.length >= maxTags) {
+            nextError = formatMessage(
+              {
+                id: "tags-input.error.max-tags",
+                defaultMessage: "You can only add up to {maxTags} tags."
+              },
+              { maxTags }
             );
-            if (duplicateIndex !== -1 && !allowDuplicates) {
-              setLocalError(
-                formatMessage({
-                  id: "tags-input.error.duplicate",
-                  defaultMessage: "Duplicate tags are not allowed."
-                })
-              );
-              continue;
-            }
-            nextTags.push(rawTag);
-            didChange = true;
+            break;
           }
-          if (didChange) {
-            setLocalError(void 0);
-            emitChange(nextTags);
+          if (rawTag.length > maxTagLength) {
+            nextError = formatMessage(
+              {
+                id: "tags-input.error.max-length",
+                defaultMessage: "Each tag must be at most {maxLength} characters."
+              },
+              { maxLength: maxTagLength }
+            );
+            continue;
           }
-          return didChange ? nextTags : currentTags;
-        });
+          const duplicateIndex = nextTags.findIndex(
+            (tag) => tag.toLowerCase() === rawTag.toLowerCase()
+          );
+          if (duplicateIndex !== -1 && !allowDuplicates) {
+            nextError = formatMessage({
+              id: "tags-input.error.duplicate",
+              defaultMessage: "Duplicate tags are not allowed."
+            });
+            continue;
+          }
+          nextTags.push(rawTag);
+          didChange = true;
+        }
+        if (didChange) {
+          setTags(nextTags);
+          setLocalError(void 0);
+          emitChange(nextTags);
+        } else if (nextError) {
+          setLocalError(nextError);
+        }
         return didChange;
       },
-      [allowDuplicates, emitChange, formatMessage, maxTagLength, maxTags]
+      [allowDuplicates, emitChange, formatMessage, maxTagLength, maxTags, tags]
     );
     const commitDraft = React.useCallback(() => {
       const parsedTags = parseRawTags(draft, separator, normalizeCase);
@@ -199,26 +206,11 @@ const TagsInput = React.forwardRef(
       },
       [emitChange]
     );
-    const removeLastTag = React.useCallback(() => {
-      setTags((currentTags) => {
-        if (currentTags.length === 0) {
-          return currentTags;
-        }
-        const nextTags = currentTags.slice(0, currentTags.length - 1);
-        emitChange(nextTags);
-        setLocalError(void 0);
-        return nextTags;
-      });
-    }, [emitChange]);
     const onKeyDown = (event) => {
-      if (event.key === "Enter" || event.key === separator) {
+      if (event.key === "Enter" || separator && event.key === separator) {
         event.preventDefault();
         commitDraft();
       }
-      if (event.key === "Backspace" && draft.length === 0 && !disabled) {
-        event.preventDefault();
-        removeLastTag();
-      }
     };
     const onPaste = (event) => {
       const pastedText = event.clipboardData.getData("text");
@@ -227,7 +219,10 @@ const TagsInput = React.forwardRef(
       }
       event.preventDefault();
       const parsedTags = parseRawTags(pastedText, separator, normalizeCase);
-      addTags(parsedTags);
+      const added = addTags(parsedTags);
+      if (added) {
+        setDraft("");
+      }
     };
     return /* @__PURE__ */ jsx(
       Field.Root,
@@ -238,7 +233,8 @@ const TagsInput = React.forwardRef(
         hint: hintMessage,
         error: shownError,
         children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: label }),
+          /* @__PURE__ */ jsx(Field.Label, { children: labelMessage }),
+          /* @__PURE__ */ jsx(Field.Hint, {}),
           tags.length > 0 ? /* @__PURE__ */ jsx(
             Box,
             {
@@ -291,13 +287,16 @@ const TagsInput = React.forwardRef(
               onBlur: commitDraft,
               onKeyDown,
               onPaste,
-              placeholder: placeholder ?? formatMessage(
+              placeholder: placeholder ?? (separator ? formatMessage(
                 {
-                  id: "tags-input.placeholder",
+                  id: "tags-input.placeholder.with-separator",
                   defaultMessage: "Type a tag and press Enter or {separator} to add it"
                 },
                 { separator }
-              )
+              ) : formatMessage({
+                id: "tags-input.placeholder.without-separator",
+                defaultMessage: "Type a tag and press Enter to add it"
+              }))
             }
           ),
           /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", gap: 2, children: [
@@ -323,7 +322,6 @@ const TagsInput = React.forwardRef(
               }
             )
           ] }),
-          /* @__PURE__ */ jsx(Field.Hint, {}),
           /* @__PURE__ */ jsx(Field.Error, {})
         ] })
       }

package/dist/admin/{en-C_FVtF2u.js → en-B10Zs0Lz.js}

@@ -6,9 +6,9 @@ const en = {
   "field.tags.description": "Store tags as a JSON array",
   "field.tags.options.behavior.section": "Tag behavior",
   "field.tags.options.maxTags.label": "Maximum tags",
-  "field.tags.options.maxTags.description": "Maximum number of tags allowed",
+  "field.tags.options.maxTags.description": "Maximum number of tags allowed (default 50)",
   "field.tags.options.maxTagLength.label": "Maximum tag length",
-  "field.tags.options.maxTagLength.description": "Maximum number of characters per tag",
+  "field.tags.options.maxTagLength.description": "Maximum number of characters per tag (default 100)",
   "field.tags.options.allowDuplicates.label": "Allow duplicates",
   "field.tags.options.allowDuplicates.description": "Allow repeated tags in the same value",
   "field.tags.options.input.section": "Input parsing",

package/dist/admin/{en-BhiXf-Vq.mjs → en-vnGnUwx5.mjs}

@@ -4,9 +4,9 @@ const en = {
   "field.tags.description": "Store tags as a JSON array",
   "field.tags.options.behavior.section": "Tag behavior",
   "field.tags.options.maxTags.label": "Maximum tags",
-  "field.tags.options.maxTags.description": "Maximum number of tags allowed",
+  "field.tags.options.maxTags.description": "Maximum number of tags allowed (default 50)",
   "field.tags.options.maxTagLength.label": "Maximum tag length",
-  "field.tags.options.maxTagLength.description": "Maximum number of characters per tag",
+  "field.tags.options.maxTagLength.description": "Maximum number of characters per tag (default 100)",
   "field.tags.options.allowDuplicates.label": "Allow duplicates",
   "field.tags.options.allowDuplicates.description": "Allow repeated tags in the same value",
   "field.tags.options.input.section": "Input parsing",

package/dist/admin/index.js

@@ -66,7 +66,7 @@ const index = {
       },
       icon: PluginIcon,
       components: {
-        Input: async () => Promise.resolve().then(() => require("./TagsInput-BGUydL2t.js")).then((module2) => ({
+        Input: async () => Promise.resolve().then(() => require("./TagsInput-Bed2AKfo.js")).then((module2) => ({
           default: module2.TagsInput
         }))
       },
@@ -85,7 +85,7 @@ const index = {
                 },
                 description: {
                   id: getTranslation("field.tags.options.maxTags.description"),
-                  defaultMessage: "Maximum number of tags allowed"
+                  defaultMessage: "Maximum number of tags allowed (default 50)"
                 },
                 name: "options.maxTags",
                 type: "number",
@@ -100,7 +100,7 @@ const index = {
                   id: getTranslation(
                     "field.tags.options.maxTagLength.description"
                   ),
-                  defaultMessage: "Maximum number of characters per tag"
+                  defaultMessage: "Maximum number of characters per tag (default 100)"
                 },
                 name: "options.maxTagLength",
                 type: "number",
@@ -140,7 +140,7 @@ const index = {
                 },
                 name: "options.separator",
                 type: "text",
-                value: ","
+                value: ""
               },
               {
                 intlLabel: {
@@ -209,7 +209,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-C_FVtF2u.js")) }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-B10Zs0Lz.js")) }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };

package/dist/admin/index.mjs

@@ -64,7 +64,7 @@ const index = {
       },
       icon: PluginIcon,
       components: {
-        Input: async () => import("./TagsInput-CCehyU5Y.mjs").then((module) => ({
+        Input: async () => import("./TagsInput-C96IrAdH.mjs").then((module) => ({
           default: module.TagsInput
         }))
       },
@@ -83,7 +83,7 @@ const index = {
                 },
                 description: {
                   id: getTranslation("field.tags.options.maxTags.description"),
-                  defaultMessage: "Maximum number of tags allowed"
+                  defaultMessage: "Maximum number of tags allowed (default 50)"
                 },
                 name: "options.maxTags",
                 type: "number",
@@ -98,7 +98,7 @@ const index = {
                   id: getTranslation(
                     "field.tags.options.maxTagLength.description"
                   ),
-                  defaultMessage: "Maximum number of characters per tag"
+                  defaultMessage: "Maximum number of characters per tag (default 100)"
                 },
                 name: "options.maxTagLength",
                 type: "number",
@@ -138,7 +138,7 @@ const index = {
                 },
                 name: "options.separator",
                 type: "text",
-                value: ","
+                value: ""
               },
               {
                 intlLabel: {
@@ -207,7 +207,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-BhiXf-Vq.mjs") }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-vnGnUwx5.mjs") }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-tags-custom-field",
-  "version": "1.0.1",
+  "version": "1.0.4",
   "description": "Custom field plugin for Strapi 5 to manage tags (array of strings) stored as JSON array.",
   "keywords": [
     "strapi",
@@ -74,7 +74,7 @@
     "description": "Custom field for tags (array of strings) stored as JSON array"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=18 <25"
   },
   "repository": {
     "type": "git",