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

package/README.md

@@ -25,13 +25,13 @@ 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).
 
 ## Data format
@@ -49,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-BfjqO_MO.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,14 +83,14 @@ 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(
   ({
@@ -117,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,
@@ -142,7 +141,7 @@ const TagsInput = React__namespace.forwardRef(
     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(
@@ -228,7 +227,7 @@ const TagsInput = React__namespace.forwardRef(
       [emitChange]
     );
     const onKeyDown = (event) => {
-      if (event.key === "Enter" || event.key === separator) {
+      if (event.key === "Enter" || separator && event.key === separator) {
         event.preventDefault();
         commitDraft();
       }
@@ -255,6 +254,7 @@ const TagsInput = React__namespace.forwardRef(
         error: shownError,
         children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: labelMessage }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
           tags.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.Box,
             {
@@ -307,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: [
@@ -339,7 +342,6 @@ const TagsInput = React__namespace.forwardRef(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
         ] })
       }

package/dist/admin/{TagsInput-CzXiRuEv.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,14 +63,14 @@ 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(
   ({
@@ -97,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,
@@ -122,7 +121,7 @@ const TagsInput = React.forwardRef(
     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(
@@ -208,7 +207,7 @@ const TagsInput = React.forwardRef(
       [emitChange]
     );
     const onKeyDown = (event) => {
-      if (event.key === "Enter" || event.key === separator) {
+      if (event.key === "Enter" || separator && event.key === separator) {
         event.preventDefault();
         commitDraft();
       }
@@ -235,6 +234,7 @@ const TagsInput = React.forwardRef(
         error: shownError,
         children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
           /* @__PURE__ */ jsx(Field.Label, { children: labelMessage }),
+          /* @__PURE__ */ jsx(Field.Hint, {}),
           tags.length > 0 ? /* @__PURE__ */ jsx(
             Box,
             {
@@ -287,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: [
@@ -319,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-BfjqO_MO.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-CzXiRuEv.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.2",
+  "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",