@trackunit/custom-field-components 1.0.6 → 1.0.8

package/index.cjs.js

@@ -269,7 +269,7 @@ const StringListField = ({ defaultValue = [], label, description, disabled, vali
     const { t } = useTranslation();
     return (jsxRuntime.jsx(reactHookForm.Controller, { control: control, defaultValue: defaultValue, name: id, render: ({ field }) => {
             const handleRemoveValue = (index) => {
-                const newValues = field.value.filter((_, i) => i !== index);
+                const newValues = [...field.value].filter((_, i) => i !== index);
                 field.onChange(newValues);
             };
             const handleFieldChange = (index, value) => {
@@ -289,9 +289,7 @@ const StringListField = ({ defaultValue = [], label, description, disabled, vali
                     handleRemoveValue(index);
                 }
             };
-            return (jsxRuntime.jsxs(reactComponents.Card, { ...props, className: "w-full", "data-testid": dataTestId, children: [jsxRuntime.jsx(reactComponents.CardHeader, { accessories: jsxRuntime.jsx(reactComponents.Tooltip, { label: description }), heading: label, headingVariant: "secondary" }), jsxRuntime.jsx(reactComponents.CardBody, { children: field.value.length === 0 ? (jsxRuntime.jsx(reactComponents.Text, { children: t("customfield.stringlistfield.noValuesAddedYet") })) : (jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: field.value.map((value, index) => (jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(reactFormComponents.TextInput, { disabled: disabled, ...register(`${id}-${index}`, {
-                                            onChange: e => handleFieldChange(index, e.target.value),
-                                        }), defaultValue: value }), jsxRuntime.jsx(reactComponents.IconButton, { disabled: disabled, icon: jsxRuntime.jsx(reactComponents.Icon, { name: "Trash", size: "small" }), onClick: () => handleRemoveValueConfirmation(index), variant: "secondary-danger" })] }, index))) })) }), !disabled ? (jsxRuntime.jsx(reactComponents.CardFooter, { children: jsxRuntime.jsx(reactComponents.Button, { disabled: disabled, onClick: () => setIsEditing(true), variant: "secondary", children: t("customfield.stringlistfield.add", { label: label }) }) })) : null, jsxRuntime.jsx(AddStringListField, { id: id, isEditing: isEditing, label: label, onAdd: (newItem) => {
+            return (jsxRuntime.jsxs(reactComponents.Card, { ...props, className: "w-full", "data-testid": dataTestId, children: [jsxRuntime.jsx(reactComponents.CardHeader, { accessories: jsxRuntime.jsx(reactComponents.Tooltip, { label: description }), heading: label, headingVariant: "secondary" }), jsxRuntime.jsx(reactComponents.CardBody, { children: field.value.length === 0 ? (jsxRuntime.jsx(reactComponents.Text, { children: t("customfield.stringlistfield.noValuesAddedYet") })) : (jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: field.value.map((value, index) => (jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(reactFormComponents.TextInput, { "data-testid": `${id}-${index}-input`, disabled: disabled, onChange: e => handleFieldChange(index, e.target.value), value: value }), jsxRuntime.jsx(reactComponents.IconButton, { disabled: disabled, icon: jsxRuntime.jsx(reactComponents.Icon, { name: "Trash", size: "small" }), onClick: () => handleRemoveValueConfirmation(index), variant: "secondary-danger" })] }, `${id}-${index}-${value}`))) })) }), !disabled ? (jsxRuntime.jsx(reactComponents.CardFooter, { children: jsxRuntime.jsx(reactComponents.Button, { disabled: disabled, onClick: () => setIsEditing(true), variant: "secondary", children: t("customfield.stringlistfield.add", { label: label }) }) })) : null, jsxRuntime.jsx(AddStringListField, { id: id, isEditing: isEditing, label: label, onAdd: (newItem) => {
                             field.onChange([...field.value, newItem]);
                         }, setIsEditing: setIsEditing })] }));
         }, rules: validationRules }));

package/index.esm.js

@@ -249,7 +249,7 @@ const StringListField = ({ defaultValue = [], label, description, disabled, vali
     const { t } = useTranslation();
     return (jsx(Controller, { control: control, defaultValue: defaultValue, name: id, render: ({ field }) => {
             const handleRemoveValue = (index) => {
-                const newValues = field.value.filter((_, i) => i !== index);
+                const newValues = [...field.value].filter((_, i) => i !== index);
                 field.onChange(newValues);
             };
             const handleFieldChange = (index, value) => {
@@ -269,9 +269,7 @@ const StringListField = ({ defaultValue = [], label, description, disabled, vali
                     handleRemoveValue(index);
                 }
             };
-            return (jsxs(Card, { ...props, className: "w-full", "data-testid": dataTestId, children: [jsx(CardHeader, { accessories: jsx(Tooltip, { label: description }), heading: label, headingVariant: "secondary" }), jsx(CardBody, { children: field.value.length === 0 ? (jsx(Text, { children: t("customfield.stringlistfield.noValuesAddedYet") })) : (jsx("div", { className: "flex flex-wrap gap-2", children: field.value.map((value, index) => (jsxs("div", { className: "flex items-center gap-2", children: [jsx(TextInput, { disabled: disabled, ...register(`${id}-${index}`, {
-                                            onChange: e => handleFieldChange(index, e.target.value),
-                                        }), defaultValue: value }), jsx(IconButton, { disabled: disabled, icon: jsx(Icon, { name: "Trash", size: "small" }), onClick: () => handleRemoveValueConfirmation(index), variant: "secondary-danger" })] }, index))) })) }), !disabled ? (jsx(CardFooter, { children: jsx(Button, { disabled: disabled, onClick: () => setIsEditing(true), variant: "secondary", children: t("customfield.stringlistfield.add", { label: label }) }) })) : null, jsx(AddStringListField, { id: id, isEditing: isEditing, label: label, onAdd: (newItem) => {
+            return (jsxs(Card, { ...props, className: "w-full", "data-testid": dataTestId, children: [jsx(CardHeader, { accessories: jsx(Tooltip, { label: description }), heading: label, headingVariant: "secondary" }), jsx(CardBody, { children: field.value.length === 0 ? (jsx(Text, { children: t("customfield.stringlistfield.noValuesAddedYet") })) : (jsx("div", { className: "flex flex-wrap gap-2", children: field.value.map((value, index) => (jsxs("div", { className: "flex items-center gap-2", children: [jsx(TextInput, { "data-testid": `${id}-${index}-input`, disabled: disabled, onChange: e => handleFieldChange(index, e.target.value), value: value }), jsx(IconButton, { disabled: disabled, icon: jsx(Icon, { name: "Trash", size: "small" }), onClick: () => handleRemoveValueConfirmation(index), variant: "secondary-danger" })] }, `${id}-${index}-${value}`))) })) }), !disabled ? (jsx(CardFooter, { children: jsx(Button, { disabled: disabled, onClick: () => setIsEditing(true), variant: "secondary", children: t("customfield.stringlistfield.add", { label: label }) }) })) : null, jsx(AddStringListField, { id: id, isEditing: isEditing, label: label, onAdd: (newItem) => {
                             field.onChange([...field.value, newItem]);
                         }, setIsEditing: setIsEditing })] }));
         }, rules: validationRules }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/custom-field-components",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -12,12 +12,12 @@
     "react-select": "^5.8.0",
     "@testing-library/react": "15.0.6",
     "jest-fetch-mock": "^3.0.3",
-    "@trackunit/react-form-components": "^1.0.5",
+    "@trackunit/react-form-components": "^1.0.7",
     "@trackunit/shared-utils": "^1.0.2",
     "@trackunit/custom-field-api": "^1.0.3",
     "@trackunit/iris-app-runtime-core": "^1.0.3",
-    "@trackunit/react-components": "^1.0.5",
-    "@trackunit/react-modal": "^1.0.6",
+    "@trackunit/react-components": "^1.0.7",
+    "@trackunit/react-modal": "^1.0.8",
     "@trackunit/react-core-hooks": "^1.0.3",
     "@trackunit/i18n-library-translation": "^1.0.3",
     "@trackunit/iris-app-runtime-core-api": "^1.0.3"