@trackunit/custom-field-components 1.24.12 → 1.24.16

package/index.cjs.js

@@ -12,6 +12,8 @@ var reactCoreHooks = require('@trackunit/react-core-hooks');
 var reactModal = require('@trackunit/react-modal');
 
 var defaultTranslations = {
+	"customfield.input.email": "Email",
+	"customfield.input.webaddress": "Web Address",
 	"customfield.stringlistfield.add": "Add",
 	"customfield.stringlistfield.addField.Heading": "Add {{label}}",
 	"customfield.stringlistfield.addField.InputPlaceholder": "Enter {{label}}",
@@ -275,6 +277,7 @@ const AddStringListField = ({ id, label, isEditing, setIsEditing, onAdd, }) => {
 };
 
 const StringListInput = ({ value: initialValue, onSave, onClickDelete, disabled, id, index }) => {
+    const [t] = useTranslation();
     const [localValue, setLocalValue] = react.useState(initialValue);
     react.useEffect(() => {
         setLocalValue(initialValue);
@@ -284,7 +287,7 @@ const StringListInput = ({ value: initialValue, onSave, onClickDelete, disabled,
             onSave(localValue);
         }
     }, [localValue, initialValue, onSave]);
-    return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(reactFormComponents.TextBaseInput, { "data-testid": `${id}-${index}-input`, disabled: disabled, onBlur: handleBlur, onChange: e => setLocalValue(e.target.value), value: localValue }), jsxRuntime.jsx(reactComponents.IconButton, { disabled: disabled, icon: jsxRuntime.jsx(reactComponents.Icon, { name: "Trash", size: "small" }), onClick: onClickDelete, variant: "secondary-danger" })] }));
+    return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(reactFormComponents.TextBaseInput, { "data-testid": `${id}-${index}-input`, disabled: disabled, onBlur: handleBlur, onChange: e => setLocalValue(e.target.value), value: localValue }), jsxRuntime.jsx(reactComponents.IconButton, { disabled: disabled, icon: jsxRuntime.jsx(reactComponents.Icon, { name: "Trash", size: "small" }), onClick: onClickDelete, title: t("customfield.stringlistfield.deleteField.PrimaryActionLabel"), variant: "secondary-danger" })] }));
 };
 /**
  * A custom field that displays a list of strings.
@@ -540,6 +543,7 @@ const useUnitTranslation = () => {
  * @returns {ReactElement | null} - The JSX Element for the custom field or null if the field definition is not provided.
  */
 const useCustomFieldResolver = ({ field, definition, register, setValue, formState, formValue, unitPreference = "SI", language, fieldId, isEditable = true, control, }) => {
+    const [t] = useTranslation();
     const validation = { register, setValue, formState };
     const { unitTranslation } = useUnitTranslation();
     const [numberValue, setNumberValue] = react.useState(() => {
@@ -569,14 +573,14 @@ const useCustomFieldResolver = ({ field, definition, register, setValue, formSta
     switch (def.__typename) {
         case "WebAddressFieldDefinition": {
             const rules = getWebAddressValidationRules(def);
-            return (jsxRuntime.jsx(reactFormComponents.TextField, { actions: !isEditableCombined && formValue ? jsxRuntime.jsx(reactFormComponents.ActionButton, { type: "WEB_ADDRESS", value: formValue }) : null, "data-testid": `${key}`, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, placeholder: title ?? "", readOnly: !isEditableCombined, ...validation.register(uniqueIdentifier, {
+            return (jsxRuntime.jsx(reactFormComponents.TextField, { actions: !isEditableCombined && formValue ? (jsxRuntime.jsx(reactFormComponents.ActionButton, { title: t("customfield.input.webaddress"), type: "WEB_ADDRESS", value: formValue })) : null, "data-testid": `${key}`, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, placeholder: title ?? "", readOnly: !isEditableCombined, ...validation.register(uniqueIdentifier, {
                     ...rules,
                     value,
                 }) }));
         }
         case "EmailFieldDefinition": {
             const rules = getEmailValidationRules(def);
-            return (jsxRuntime.jsx(reactFormComponents.TextField, { actions: !isEditableCombined && formValue ? jsxRuntime.jsx(reactFormComponents.ActionButton, { type: "EMAIL", value: formValue }) : null, "data-testid": `${key}`, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, placeholder: title ?? "", readOnly: !isEditableCombined, ...validation.register(uniqueIdentifier, {
+            return (jsxRuntime.jsx(reactFormComponents.TextField, { actions: !isEditableCombined && formValue ? (jsxRuntime.jsx(reactFormComponents.ActionButton, { title: t("customfield.input.email"), type: "EMAIL", value: formValue })) : null, "data-testid": `${key}`, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, placeholder: title ?? "", readOnly: !isEditableCombined, ...validation.register(uniqueIdentifier, {
                     ...rules,
                     value,
                 }) }));

package/index.esm.js

@@ -10,6 +10,8 @@ import { useConfirmationDialog } from '@trackunit/react-core-hooks';
 import { useModal, Modal, ModalHeader, ModalBody, ModalFooter } from '@trackunit/react-modal';
 
 var defaultTranslations = {
+	"customfield.input.email": "Email",
+	"customfield.input.webaddress": "Web Address",
 	"customfield.stringlistfield.add": "Add",
 	"customfield.stringlistfield.addField.Heading": "Add {{label}}",
 	"customfield.stringlistfield.addField.InputPlaceholder": "Enter {{label}}",
@@ -273,6 +275,7 @@ const AddStringListField = ({ id, label, isEditing, setIsEditing, onAdd, }) => {
 };
 
 const StringListInput = ({ value: initialValue, onSave, onClickDelete, disabled, id, index }) => {
+    const [t] = useTranslation();
     const [localValue, setLocalValue] = useState(initialValue);
     useEffect(() => {
         setLocalValue(initialValue);
@@ -282,7 +285,7 @@ const StringListInput = ({ value: initialValue, onSave, onClickDelete, disabled,
             onSave(localValue);
         }
     }, [localValue, initialValue, onSave]);
-    return (jsxs("div", { className: "flex items-center gap-2", children: [jsx(TextBaseInput, { "data-testid": `${id}-${index}-input`, disabled: disabled, onBlur: handleBlur, onChange: e => setLocalValue(e.target.value), value: localValue }), jsx(IconButton, { disabled: disabled, icon: jsx(Icon, { name: "Trash", size: "small" }), onClick: onClickDelete, variant: "secondary-danger" })] }));
+    return (jsxs("div", { className: "flex items-center gap-2", children: [jsx(TextBaseInput, { "data-testid": `${id}-${index}-input`, disabled: disabled, onBlur: handleBlur, onChange: e => setLocalValue(e.target.value), value: localValue }), jsx(IconButton, { disabled: disabled, icon: jsx(Icon, { name: "Trash", size: "small" }), onClick: onClickDelete, title: t("customfield.stringlistfield.deleteField.PrimaryActionLabel"), variant: "secondary-danger" })] }));
 };
 /**
  * A custom field that displays a list of strings.
@@ -538,6 +541,7 @@ const useUnitTranslation = () => {
  * @returns {ReactElement | null} - The JSX Element for the custom field or null if the field definition is not provided.
  */
 const useCustomFieldResolver = ({ field, definition, register, setValue, formState, formValue, unitPreference = "SI", language, fieldId, isEditable = true, control, }) => {
+    const [t] = useTranslation();
     const validation = { register, setValue, formState };
     const { unitTranslation } = useUnitTranslation();
     const [numberValue, setNumberValue] = useState(() => {
@@ -567,14 +571,14 @@ const useCustomFieldResolver = ({ field, definition, register, setValue, formSta
     switch (def.__typename) {
         case "WebAddressFieldDefinition": {
             const rules = getWebAddressValidationRules(def);
-            return (jsx(TextField, { actions: !isEditableCombined && formValue ? jsx(ActionButton, { type: "WEB_ADDRESS", value: formValue }) : null, "data-testid": `${key}`, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, placeholder: title ?? "", readOnly: !isEditableCombined, ...validation.register(uniqueIdentifier, {
+            return (jsx(TextField, { actions: !isEditableCombined && formValue ? (jsx(ActionButton, { title: t("customfield.input.webaddress"), type: "WEB_ADDRESS", value: formValue })) : null, "data-testid": `${key}`, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, placeholder: title ?? "", readOnly: !isEditableCombined, ...validation.register(uniqueIdentifier, {
                     ...rules,
                     value,
                 }) }));
         }
         case "EmailFieldDefinition": {
             const rules = getEmailValidationRules(def);
-            return (jsx(TextField, { actions: !isEditableCombined && formValue ? jsx(ActionButton, { type: "EMAIL", value: formValue }) : null, "data-testid": `${key}`, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, placeholder: title ?? "", readOnly: !isEditableCombined, ...validation.register(uniqueIdentifier, {
+            return (jsx(TextField, { actions: !isEditableCombined && formValue ? (jsx(ActionButton, { title: t("customfield.input.email"), type: "EMAIL", value: formValue })) : null, "data-testid": `${key}`, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, placeholder: title ?? "", readOnly: !isEditableCombined, ...validation.register(uniqueIdentifier, {
                     ...rules,
                     value,
                 }) }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/custom-field-components",
-  "version": "1.24.12",
+  "version": "1.24.16",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,15 +8,15 @@
   },
   "dependencies": {
     "react-select": "^5.10.2",
-    "@trackunit/react-form-components": "1.25.11",
-    "@trackunit/shared-utils": "1.15.4",
-    "@trackunit/custom-field-api": "1.24.8",
-    "@trackunit/iris-app-runtime-core": "1.17.4",
-    "@trackunit/react-components": "1.24.7",
-    "@trackunit/react-modal": "1.25.11",
-    "@trackunit/react-core-hooks": "1.17.7",
-    "@trackunit/i18n-library-translation": "1.21.7",
-    "@trackunit/iris-app-runtime-core-api": "1.16.4"
+    "@trackunit/react-form-components": "1.25.15",
+    "@trackunit/shared-utils": "1.15.5",
+    "@trackunit/custom-field-api": "1.24.12",
+    "@trackunit/iris-app-runtime-core": "1.17.5",
+    "@trackunit/react-components": "1.24.10",
+    "@trackunit/react-modal": "1.25.15",
+    "@trackunit/react-core-hooks": "1.17.9",
+    "@trackunit/i18n-library-translation": "1.21.10",
+    "@trackunit/iris-app-runtime-core-api": "1.16.5"
   },
   "peerDependencies": {
     "@apollo/client": "^3.13.8",