@trackunit/custom-field-components 0.0.736 → 0.0.741

package/index.cjs.js

@@ -391,8 +391,8 @@ const useUnitTranslation = () => {
  * 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.
  */
-const useCustomFieldResolver = ({ field, definition, register, setValue, formState, formValue, unitPreference = "SI", language, fieldId, isEditable, control, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+const useCustomFieldResolver = ({ field, definition, register, setValue, formState, formValue, unitPreference = "SI", language, fieldId, isEditable, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const validation = { register, setValue, formState };
     const { unitTranslation } = useUnitTranslation();
     const [numberValue, setNumberValue] = React.useState(() => {
@@ -418,7 +418,7 @@ const useCustomFieldResolver = ({ field, definition, register, setValue, formSta
     const fieldError = uniqueIdentifier ? validation.formState.errors[uniqueIdentifier] : undefined;
     const errorMessage = fieldError ? fieldError.message + "" : undefined;
     const { description, title } = def !== null && def !== void 0 ? def : {};
-    const isEditableCombined = isEditable !== null && isEditable !== void 0 ? isEditable : def === null || def === void 0 ? void 0 : def.uiEditable;
+    const isEditableCombined = (_e = (_d = isEditable !== null && isEditable !== void 0 ? isEditable : field === null || field === void 0 ? void 0 : field.valueEditable) !== null && _d !== void 0 ? _d : def === null || def === void 0 ? void 0 : def.uiEditable) !== null && _e !== void 0 ? _e : false;
     switch (def.__typename) {
         case "WebAddressFieldDefinition": {
             const value = (field === null || field === void 0 ? void 0 : field.__typename) === "WebAddressFieldValueAndDefinition" ? field.stringValue : null;
@@ -448,7 +448,7 @@ const useCustomFieldResolver = ({ field, definition, register, setValue, formSta
                 placeholder: title !== null && title !== void 0 ? title : "",
                 addonAfter: unitTranslation(unit),
             };
-            return (jsxRuntime.jsx(reactFormComponents.NumberField, Object.assign({ dataTestId: `${key}`, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, max: (_d = def.maximumNumber) !== null && _d !== void 0 ? _d : undefined, min: (_e = def.minimumNumber) !== null && _e !== void 0 ? _e : undefined, readOnly: !isEditableCombined, step: def.isInteger ? 1 : "any" }, validation.register(uniqueIdentifier, Object.assign(Object.assign({}, rules), { value })), numberProps)));
+            return (jsxRuntime.jsx(reactFormComponents.NumberField, Object.assign({ dataTestId: `${key}`, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, max: (_f = def.maximumNumber) !== null && _f !== void 0 ? _f : undefined, min: (_g = def.minimumNumber) !== null && _g !== void 0 ? _g : undefined, readOnly: !isEditableCombined, step: def.isInteger ? 1 : "any" }, validation.register(uniqueIdentifier, Object.assign(Object.assign({}, rules), { value })), numberProps)));
         }
         case "BooleanFieldDefinition": {
             const value = (field === null || field === void 0 ? void 0 : field.__typename) === "BooleanFieldValueAndDefinition" ? field.booleanValue : null;
@@ -458,7 +458,7 @@ const useCustomFieldResolver = ({ field, definition, register, setValue, formSta
         case "DropDownFieldDefinition": {
             const value = (field === null || field === void 0 ? void 0 : field.__typename) === "DropDownFieldValueAndDefinition" ? field.stringArrayValue : null;
             const rules = getDropdownValidationRules();
-            return (jsxRuntime.jsx(DropdownCustomField, { allValues: (_f = def.allValues) !== null && _f !== void 0 ? _f : undefined, dataTestId: `${key}`, defaultValue: value !== null && value !== void 0 ? value : undefined, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title || "", multiSelect: (_g = def.multiSelect) !== null && _g !== void 0 ? _g : false, register: validation.register, setValue: validation.setValue, validationRules: rules }));
+            return (jsxRuntime.jsx(DropdownCustomField, { allValues: (_h = def.allValues) !== null && _h !== void 0 ? _h : undefined, dataTestId: `${key}`, defaultValue: value !== null && value !== void 0 ? value : undefined, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title || "", multiSelect: (_j = def.multiSelect) !== null && _j !== void 0 ? _j : false, register: validation.register, setValue: validation.setValue, validationRules: rules }));
         }
         case "DateFieldDefinition": {
             const value = (field === null || field === void 0 ? void 0 : field.__typename) === "DateFieldValueAndDefinition" ? field.dateValue : null;
@@ -481,7 +481,7 @@ const useCustomFieldResolver = ({ field, definition, register, setValue, formSta
             const value = numberValue === undefined || numberValue === null || numberValue === ""
                 ? ""
                 : parseFloat(Number(numberValue).toPrecision(4));
-            return (jsxRuntime.jsx(reactFormComponents.NumberField, Object.assign({ dataTestId: key ? key : `monetaryField`, defaultValue: value, disabled: !isEditableCombined, helpText: errorMessage || description, id: uniqueIdentifier, isInvalid: errorMessage ? true : false, label: title, max: (_h = def.maximumNumber) !== null && _h !== void 0 ? _h : undefined, min: (_j = def.minimumNumber) !== null && _j !== void 0 ? _j : undefined, readOnly: !isEditableCombined, step: "any" }, validation.register(uniqueIdentifier, rules), { onChange: e => {
+            return (jsxRuntime.jsx(reactFormComponents.NumberField, Object.assign({ dataTestId: key ? key : `monetaryField`, defaultValue: value, disabled: !isEditableCombined, helpText: errorMessage || description, id: uniqueIdentifier, isInvalid: errorMessage ? true : false, label: title, max: (_k = def.maximumNumber) !== null && _k !== void 0 ? _k : undefined, min: (_l = def.minimumNumber) !== null && _l !== void 0 ? _l : undefined, readOnly: !isEditableCombined, step: "any" }, validation.register(uniqueIdentifier, rules), { onChange: e => {
                     setNumberValue(e.target.value === "" ? null : e.target.value);
                     validation.register(uniqueIdentifier, rules).onChange(e);
                 } }, numberProps)));

package/index.esm.js

@@ -368,8 +368,8 @@ const useUnitTranslation = () => {
  * 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.
  */
-const useCustomFieldResolver = ({ field, definition, register, setValue, formState, formValue, unitPreference = "SI", language, fieldId, isEditable, control, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+const useCustomFieldResolver = ({ field, definition, register, setValue, formState, formValue, unitPreference = "SI", language, fieldId, isEditable, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const validation = { register, setValue, formState };
     const { unitTranslation } = useUnitTranslation();
     const [numberValue, setNumberValue] = useState(() => {
@@ -395,7 +395,7 @@ const useCustomFieldResolver = ({ field, definition, register, setValue, formSta
     const fieldError = uniqueIdentifier ? validation.formState.errors[uniqueIdentifier] : undefined;
     const errorMessage = fieldError ? fieldError.message + "" : undefined;
     const { description, title } = def !== null && def !== void 0 ? def : {};
-    const isEditableCombined = isEditable !== null && isEditable !== void 0 ? isEditable : def === null || def === void 0 ? void 0 : def.uiEditable;
+    const isEditableCombined = (_e = (_d = isEditable !== null && isEditable !== void 0 ? isEditable : field === null || field === void 0 ? void 0 : field.valueEditable) !== null && _d !== void 0 ? _d : def === null || def === void 0 ? void 0 : def.uiEditable) !== null && _e !== void 0 ? _e : false;
     switch (def.__typename) {
         case "WebAddressFieldDefinition": {
             const value = (field === null || field === void 0 ? void 0 : field.__typename) === "WebAddressFieldValueAndDefinition" ? field.stringValue : null;
@@ -425,7 +425,7 @@ const useCustomFieldResolver = ({ field, definition, register, setValue, formSta
                 placeholder: title !== null && title !== void 0 ? title : "",
                 addonAfter: unitTranslation(unit),
             };
-            return (jsx(NumberField, Object.assign({ dataTestId: `${key}`, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, max: (_d = def.maximumNumber) !== null && _d !== void 0 ? _d : undefined, min: (_e = def.minimumNumber) !== null && _e !== void 0 ? _e : undefined, readOnly: !isEditableCombined, step: def.isInteger ? 1 : "any" }, validation.register(uniqueIdentifier, Object.assign(Object.assign({}, rules), { value })), numberProps)));
+            return (jsx(NumberField, Object.assign({ dataTestId: `${key}`, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title, max: (_f = def.maximumNumber) !== null && _f !== void 0 ? _f : undefined, min: (_g = def.minimumNumber) !== null && _g !== void 0 ? _g : undefined, readOnly: !isEditableCombined, step: def.isInteger ? 1 : "any" }, validation.register(uniqueIdentifier, Object.assign(Object.assign({}, rules), { value })), numberProps)));
         }
         case "BooleanFieldDefinition": {
             const value = (field === null || field === void 0 ? void 0 : field.__typename) === "BooleanFieldValueAndDefinition" ? field.booleanValue : null;
@@ -435,7 +435,7 @@ const useCustomFieldResolver = ({ field, definition, register, setValue, formSta
         case "DropDownFieldDefinition": {
             const value = (field === null || field === void 0 ? void 0 : field.__typename) === "DropDownFieldValueAndDefinition" ? field.stringArrayValue : null;
             const rules = getDropdownValidationRules();
-            return (jsx(DropdownCustomField, { allValues: (_f = def.allValues) !== null && _f !== void 0 ? _f : undefined, dataTestId: `${key}`, defaultValue: value !== null && value !== void 0 ? value : undefined, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title || "", multiSelect: (_g = def.multiSelect) !== null && _g !== void 0 ? _g : false, register: validation.register, setValue: validation.setValue, validationRules: rules }));
+            return (jsx(DropdownCustomField, { allValues: (_h = def.allValues) !== null && _h !== void 0 ? _h : undefined, dataTestId: `${key}`, defaultValue: value !== null && value !== void 0 ? value : undefined, disabled: !isEditableCombined, errorMessage: errorMessage, helpText: description, id: uniqueIdentifier, label: title || "", multiSelect: (_j = def.multiSelect) !== null && _j !== void 0 ? _j : false, register: validation.register, setValue: validation.setValue, validationRules: rules }));
         }
         case "DateFieldDefinition": {
             const value = (field === null || field === void 0 ? void 0 : field.__typename) === "DateFieldValueAndDefinition" ? field.dateValue : null;
@@ -458,7 +458,7 @@ const useCustomFieldResolver = ({ field, definition, register, setValue, formSta
             const value = numberValue === undefined || numberValue === null || numberValue === ""
                 ? ""
                 : parseFloat(Number(numberValue).toPrecision(4));
-            return (jsx(NumberField, Object.assign({ dataTestId: key ? key : `monetaryField`, defaultValue: value, disabled: !isEditableCombined, helpText: errorMessage || description, id: uniqueIdentifier, isInvalid: errorMessage ? true : false, label: title, max: (_h = def.maximumNumber) !== null && _h !== void 0 ? _h : undefined, min: (_j = def.minimumNumber) !== null && _j !== void 0 ? _j : undefined, readOnly: !isEditableCombined, step: "any" }, validation.register(uniqueIdentifier, rules), { onChange: e => {
+            return (jsx(NumberField, Object.assign({ dataTestId: key ? key : `monetaryField`, defaultValue: value, disabled: !isEditableCombined, helpText: errorMessage || description, id: uniqueIdentifier, isInvalid: errorMessage ? true : false, label: title, max: (_k = def.maximumNumber) !== null && _k !== void 0 ? _k : undefined, min: (_l = def.minimumNumber) !== null && _l !== void 0 ? _l : undefined, readOnly: !isEditableCombined, step: "any" }, validation.register(uniqueIdentifier, rules), { onChange: e => {
                     setNumberValue(e.target.value === "" ? null : e.target.value);
                     validation.register(uniqueIdentifier, rules).onChange(e);
                 } }, numberProps)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/custom-field-components",
-  "version": "0.0.736",
+  "version": "0.0.741",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/CustomField.d.ts

@@ -61,7 +61,7 @@ interface CustomFieldProps {
  * 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.
  */
-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, }: CustomFieldProps) => JSX.Element | 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