@trackunit/custom-field-components 1.3.28 → 1.3.34

package/index.cjs.js

@@ -132,7 +132,7 @@ const setupLibraryTranslations = () => {
  * A component that can be used to render a boolean field
  *
  * @param options BooleanCustomFieldProps - options for the component
- * @returns { JSX.Element } JSX.Element - a component that can be used to render a boolean field
+ * @returns {ReactElement }ReactElement - a component that can be used to render a boolean field
  */
 const BooleanCustomField = ({ defaultValue, dataTestId = "booleanField", onChange, value, id, setValue, register, validationRules, disabled = false, label, tip, isInvalid, errorMessage, helpAddon, maxLength, helpText, ...rest }) => {
     const initialValue = value !== undefined ? value : defaultValue ? defaultValue : false;
@@ -161,7 +161,7 @@ const BooleanCustomField = ({ defaultValue, dataTestId = "booleanField", onChang
  * A component that can be used to render a date field
  *
  * @param props DateCustomFieldProps - options for the component
- * @returns { JSX.Element } JSX.Element - a component that can be used to render a date field
+ * @returns {ReactElement }ReactElement - a component that can be used to render a date field
  */
 const DateCustomField = (props) => {
     const { setValue, defaultValue, register, id, validationRules, ...rest } = props;
@@ -186,7 +186,7 @@ const convertToValueFormat = (value) => {
  * A custom field that can be used to render a dropdown
  *
  * @param options DropdownCustomFieldProps - an object with all the props
- * @returns {JSX.Element} - a dropdown component
+ * @returns {ReactElement} - a dropdown component
  */
 const DropdownCustomField = ({ defaultValue, dataTestId, onChange, onBlur, id, disabled = false, allValues, multiSelect = false, register, validationRules, setValue, label, tip, errorMessage, helpText, isInvalid, helpAddon, }) => {
     const renderAsInvalid = isInvalid || Boolean(errorMessage);
@@ -498,7 +498,7 @@ const useUnitTranslation = () => {
  *
  * @param {CustomFieldProps} props - The properties of the custom field, including its definition, value,
  * and functions for form registration and state management.
- * @returns {JSX.Element | null} - The JSX Element for the custom field or null if the field definition is not provided.
+ * @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 validation = { register, setValue, formState };
@@ -657,7 +657,7 @@ const useValue = (uniqueIdentifier, numberValue, control, def, field) => {
  *
  * @param {CustomFieldProps} props - Props for defining the custom field, including its type, value,
  * validation rules, and form registration functions from react-hook-form.
- * @returns {JSX.Element | null} - The resolved custom field component or null if the field cannot be resolved.
+ * @returns {ReactElement | null} - The resolved custom field component or null if the field cannot be resolved.
  */
 const CustomField = (props) => {
     return useCustomFieldResolver(props);

package/index.esm.js

@@ -130,7 +130,7 @@ const setupLibraryTranslations = () => {
  * A component that can be used to render a boolean field
  *
  * @param options BooleanCustomFieldProps - options for the component
- * @returns { JSX.Element } JSX.Element - a component that can be used to render a boolean field
+ * @returns {ReactElement }ReactElement - a component that can be used to render a boolean field
  */
 const BooleanCustomField = ({ defaultValue, dataTestId = "booleanField", onChange, value, id, setValue, register, validationRules, disabled = false, label, tip, isInvalid, errorMessage, helpAddon, maxLength, helpText, ...rest }) => {
     const initialValue = value !== undefined ? value : defaultValue ? defaultValue : false;
@@ -159,7 +159,7 @@ const BooleanCustomField = ({ defaultValue, dataTestId = "booleanField", onChang
  * A component that can be used to render a date field
  *
  * @param props DateCustomFieldProps - options for the component
- * @returns { JSX.Element } JSX.Element - a component that can be used to render a date field
+ * @returns {ReactElement }ReactElement - a component that can be used to render a date field
  */
 const DateCustomField = (props) => {
     const { setValue, defaultValue, register, id, validationRules, ...rest } = props;
@@ -184,7 +184,7 @@ const convertToValueFormat = (value) => {
  * A custom field that can be used to render a dropdown
  *
  * @param options DropdownCustomFieldProps - an object with all the props
- * @returns {JSX.Element} - a dropdown component
+ * @returns {ReactElement} - a dropdown component
  */
 const DropdownCustomField = ({ defaultValue, dataTestId, onChange, onBlur, id, disabled = false, allValues, multiSelect = false, register, validationRules, setValue, label, tip, errorMessage, helpText, isInvalid, helpAddon, }) => {
     const renderAsInvalid = isInvalid || Boolean(errorMessage);
@@ -496,7 +496,7 @@ const useUnitTranslation = () => {
  *
  * @param {CustomFieldProps} props - The properties of the custom field, including its definition, value,
  * and functions for form registration and state management.
- * @returns {JSX.Element | null} - The JSX Element for the custom field or null if the field definition is not provided.
+ * @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 validation = { register, setValue, formState };
@@ -655,7 +655,7 @@ const useValue = (uniqueIdentifier, numberValue, control, def, field) => {
  *
  * @param {CustomFieldProps} props - Props for defining the custom field, including its type, value,
  * validation rules, and form registration functions from react-hook-form.
- * @returns {JSX.Element | null} - The resolved custom field component or null if the field cannot be resolved.
+ * @returns {ReactElement | null} - The resolved custom field component or null if the field cannot be resolved.
  */
 const CustomField = (props) => {
     return useCustomFieldResolver(props);

package/package.json

@@ -1,26 +1,26 @@
 {
   "name": "@trackunit/custom-field-components",
-  "version": "1.3.28",
+  "version": "1.3.34",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=20.x"
   },
   "dependencies": {
-    "react": "18.3.1",
+    "react": "19.0.0",
     "react-hook-form": "7.53.1",
-    "react-select": "^5.8.0",
-    "@testing-library/react": "15.0.6",
+    "react-select": "^5.10.0",
+    "@testing-library/react": "16.2.0",
     "jest-fetch-mock": "^3.0.3",
-    "@trackunit/react-form-components": "1.3.26",
-    "@trackunit/shared-utils": "1.5.21",
-    "@trackunit/custom-field-api": "1.3.22",
-    "@trackunit/iris-app-runtime-core": "1.4.22",
-    "@trackunit/react-components": "1.4.21",
-    "@trackunit/react-modal": "1.3.24",
-    "@trackunit/react-core-hooks": "1.3.22",
-    "@trackunit/i18n-library-translation": "1.3.22",
-    "@trackunit/iris-app-runtime-core-api": "1.3.22"
+    "@trackunit/react-form-components": "1.3.32",
+    "@trackunit/shared-utils": "1.5.27",
+    "@trackunit/custom-field-api": "1.3.28",
+    "@trackunit/iris-app-runtime-core": "1.4.28",
+    "@trackunit/react-components": "1.4.27",
+    "@trackunit/react-modal": "1.3.30",
+    "@trackunit/react-core-hooks": "1.3.28",
+    "@trackunit/i18n-library-translation": "1.3.28",
+    "@trackunit/iris-app-runtime-core-api": "1.3.28"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/BooleanCustomField.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxProps } from "@trackunit/react-form-components";
-import { SyntheticEvent } from "react";
+import { ReactElement, SyntheticEvent } from "react";
 import { FieldValues, UseFormRegister, UseFormSetValue } from "react-hook-form";
 import { ValidationRules } from "./getValidationRules";
 import { FormGroupExposedProps } from "./types";
@@ -75,6 +75,6 @@ export interface BooleanCustomFieldProps extends Omit<CheckboxProps, "value" | "
  * A component that can be used to render a boolean field
  *
  * @param options BooleanCustomFieldProps - options for the component
- * @returns { JSX.Element } JSX.Element - a component that can be used to render a boolean field
+ * @returns {ReactElement }ReactElement - a component that can be used to render a boolean field
  */
-export declare const BooleanCustomField: ({ defaultValue, dataTestId, onChange, value, id, setValue, register, validationRules, disabled, label, tip, isInvalid, errorMessage, helpAddon, maxLength, helpText, ...rest }: BooleanCustomFieldProps) => JSX.Element;
+export declare const BooleanCustomField: ({ defaultValue, dataTestId, onChange, value, id, setValue, register, validationRules, disabled, label, tip, isInvalid, errorMessage, helpAddon, maxLength, helpText, ...rest }: BooleanCustomFieldProps) => ReactElement;

package/src/CustomField.d.ts

@@ -1,4 +1,5 @@
 import { CustomFieldDefinition, CustomFieldValueAndDefinition } from "@trackunit/custom-field-api";
+import { ReactElement } from "react";
 import { Control, FieldValues, FormState, UseFormRegister, UseFormSetValue } from "react-hook-form";
 import { UnitPreference } from "./UnitPreference";
 /**
@@ -58,9 +59,9 @@ interface CustomFieldProps {
  *
  * @param {CustomFieldProps} props - The properties of the custom field, including its definition, value,
  * and functions for form registration and state management.
- * @returns {JSX.Element | null} - The JSX Element for the custom field or null if the field definition is not provided.
+ * @returns {ReactElement | null} - The JSX Element for the custom field or null if the field definition is not provided.
  */
-export declare const useCustomFieldResolver: ({ field, definition, register, setValue, formState, formValue, unitPreference, language, fieldId, isEditable, control, }: CustomFieldProps) => JSX.Element | null;
+export declare const useCustomFieldResolver: ({ field, definition, register, setValue, formState, formValue, unitPreference, language, fieldId, isEditable, control, }: CustomFieldProps) => ReactElement | null;
 /**
  * CustomField is a React component that takes in the properties of a custom field and renders it.
  * It utilizes the `useCustomFieldResolver` hook to resolve the field into an input element
@@ -68,7 +69,7 @@ export declare const useCustomFieldResolver: ({ field, definition, register, set
  *
  * @param {CustomFieldProps} props - Props for defining the custom field, including its type, value,
  * validation rules, and form registration functions from react-hook-form.
- * @returns {JSX.Element | null} - The resolved custom field component or null if the field cannot be resolved.
+ * @returns {ReactElement | null} - The resolved custom field component or null if the field cannot be resolved.
  */
-export declare const CustomField: (props: CustomFieldProps) => JSX.Element | null;
+export declare const CustomField: (props: CustomFieldProps) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 export {};

package/src/DateCustomField.d.ts

@@ -1,4 +1,5 @@
 import { DateFieldProps } from "@trackunit/react-form-components";
+import { ReactElement } from "react";
 import { FieldValues, RegisterOptions, UseFormRegister, UseFormSetValue } from "react-hook-form";
 import { FormGroupExposedProps } from "./types";
 export interface DateCustomFieldProps extends Omit<DateFieldProps, "label">, FormGroupExposedProps {
@@ -48,6 +49,6 @@ export interface DateCustomFieldProps extends Omit<DateFieldProps, "label">, For
  * A component that can be used to render a date field
  *
  * @param props DateCustomFieldProps - options for the component
- * @returns { JSX.Element } JSX.Element - a component that can be used to render a date field
+ * @returns {ReactElement }ReactElement - a component that can be used to render a date field
  */
-export declare const DateCustomField: (props: DateCustomFieldProps) => JSX.Element;
+export declare const DateCustomField: (props: DateCustomFieldProps) => ReactElement;

package/src/DropdownCustomField.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FocusEvent } from "react";
+import { ChangeEvent, FocusEvent, ReactElement } from "react";
 import { FieldValues, RegisterOptions, UseFormRegister, UseFormSetValue } from "react-hook-form";
 import { FormGroupExposedProps } from "./types";
 export interface DropdownCustomFieldProps extends FormGroupExposedProps {
@@ -88,7 +88,7 @@ type OnBlur = (event: FocusEvent<HTMLDivElement>) => void;
  * A custom field that can be used to render a dropdown
  *
  * @param options DropdownCustomFieldProps - an object with all the props
- * @returns {JSX.Element} - a dropdown component
+ * @returns {ReactElement} - a dropdown component
  */
-export declare const DropdownCustomField: ({ defaultValue, dataTestId, onChange, onBlur, id, disabled, allValues, multiSelect, register, validationRules, setValue, label, tip, errorMessage, helpText, isInvalid, helpAddon, }: DropdownCustomFieldProps) => JSX.Element;
+export declare const DropdownCustomField: ({ defaultValue, dataTestId, onChange, onBlur, id, disabled, allValues, multiSelect, register, validationRules, setValue, label, tip, errorMessage, helpText, isInvalid, helpAddon, }: DropdownCustomFieldProps) => ReactElement;
 export {};