@trackunit/custom-field-components 1.17.2 → 1.17.4

package/index.cjs.js

@@ -134,14 +134,14 @@ const setupLibraryTranslations = () => {
  *
  * @returns {ReactElement} A component that can be used to render a boolean field.
  */
-const BooleanCustomField = ({ defaultValue, "data-testid": 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;
+const BooleanCustomField = ({ defaultValue = false, "data-testid": dataTestId = "booleanField", onChange, value = defaultValue, id, setValue, register, validationRules, disabled = false, readOnly = false, label, tip, isInvalid = false, errorMessage, helpAddon, maxLength, helpText, ...rest }) => {
+    const initialValue = value;
     const renderAsInvalid = isInvalid || Boolean(errorMessage);
     const htmlForId = id ? id : "boolean-custom-field-" + sharedUtils.uuidv4();
     const [internalValue, setInternalValue] = react.useState(initialValue);
     react.useEffect(() => {
-        setInternalValue((value === undefined ? defaultValue : value) || false);
-    }, [value, setInternalValue, defaultValue]);
+        setInternalValue(value);
+    }, [value, setInternalValue]);
     const onChangeHandler = react.useCallback((event) => {
         if (onChange) {
             onChange(event);
@@ -157,7 +157,7 @@ const BooleanCustomField = ({ defaultValue, "data-testid": dataTestId = "boolean
             register(id, { ...validationRules, value: internalValue.toString() });
         }
     });
-    return (jsxRuntime.jsx(reactFormComponents.FormGroup, { "data-testid": dataTestId ? `${dataTestId}-FormGroup` : undefined, helpAddon: helpAddon ?? null, helpText: errorMessage || helpText, htmlFor: htmlForId, isInvalid: renderAsInvalid, label: label, tip: tip, children: jsxRuntime.jsx(reactFormComponents.Checkbox, { checked: internalValue, "data-testid": dataTestId, disabled: disabled, id: htmlForId, isInvalid: renderAsInvalid, name: id, onChange: event => (!rest.readOnly ? onChangeHandler(event) : null), ...rest }) }));
+    return (jsxRuntime.jsx(reactFormComponents.FormGroup, { "data-testid": dataTestId ? `${dataTestId}-FormGroup` : undefined, helpAddon: helpAddon ?? null, helpText: errorMessage || helpText, htmlFor: htmlForId, isInvalid: renderAsInvalid, label: label, tip: tip, children: jsxRuntime.jsx(reactFormComponents.Checkbox, { checked: internalValue, "data-testid": dataTestId, disabled: disabled, id: htmlForId, isInvalid: renderAsInvalid, name: id, onChange: event => (!readOnly ? onChangeHandler(event) : null), readOnly: readOnly, ...rest }) }));
 };
 
 /**
@@ -288,7 +288,7 @@ const StringListInput = ({ value: initialValue, onSave, onClickDelete, disabled,
 /**
  * A custom field that displays a list of strings.
  */
-const StringListField = ({ defaultValue = [], label, description, disabled, validationRules, id, control, register, setValue, "data-testid": dataTestId, ...props }) => {
+const StringListField = ({ defaultValue = [], label, description, disabled = false, validationRules, id, control, register, setValue, "data-testid": dataTestId, ...props }) => {
     const [isEditing, setIsEditing] = react.useState(false);
     const { confirm } = reactCoreHooks.useConfirmationDialog();
     const { t } = useTranslation();

package/index.esm.js

@@ -132,14 +132,14 @@ const setupLibraryTranslations = () => {
  *
  * @returns {ReactElement} A component that can be used to render a boolean field.
  */
-const BooleanCustomField = ({ defaultValue, "data-testid": 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;
+const BooleanCustomField = ({ defaultValue = false, "data-testid": dataTestId = "booleanField", onChange, value = defaultValue, id, setValue, register, validationRules, disabled = false, readOnly = false, label, tip, isInvalid = false, errorMessage, helpAddon, maxLength, helpText, ...rest }) => {
+    const initialValue = value;
     const renderAsInvalid = isInvalid || Boolean(errorMessage);
     const htmlForId = id ? id : "boolean-custom-field-" + uuidv4();
     const [internalValue, setInternalValue] = useState(initialValue);
     useEffect(() => {
-        setInternalValue((value === undefined ? defaultValue : value) || false);
-    }, [value, setInternalValue, defaultValue]);
+        setInternalValue(value);
+    }, [value, setInternalValue]);
     const onChangeHandler = useCallback((event) => {
         if (onChange) {
             onChange(event);
@@ -155,7 +155,7 @@ const BooleanCustomField = ({ defaultValue, "data-testid": dataTestId = "boolean
             register(id, { ...validationRules, value: internalValue.toString() });
         }
     });
-    return (jsx(FormGroup, { "data-testid": dataTestId ? `${dataTestId}-FormGroup` : undefined, helpAddon: helpAddon ?? null, helpText: errorMessage || helpText, htmlFor: htmlForId, isInvalid: renderAsInvalid, label: label, tip: tip, children: jsx(Checkbox, { checked: internalValue, "data-testid": dataTestId, disabled: disabled, id: htmlForId, isInvalid: renderAsInvalid, name: id, onChange: event => (!rest.readOnly ? onChangeHandler(event) : null), ...rest }) }));
+    return (jsx(FormGroup, { "data-testid": dataTestId ? `${dataTestId}-FormGroup` : undefined, helpAddon: helpAddon ?? null, helpText: errorMessage || helpText, htmlFor: htmlForId, isInvalid: renderAsInvalid, label: label, tip: tip, children: jsx(Checkbox, { checked: internalValue, "data-testid": dataTestId, disabled: disabled, id: htmlForId, isInvalid: renderAsInvalid, name: id, onChange: event => (!readOnly ? onChangeHandler(event) : null), readOnly: readOnly, ...rest }) }));
 };
 
 /**
@@ -286,7 +286,7 @@ const StringListInput = ({ value: initialValue, onSave, onClickDelete, disabled,
 /**
  * A custom field that displays a list of strings.
  */
-const StringListField = ({ defaultValue = [], label, description, disabled, validationRules, id, control, register, setValue, "data-testid": dataTestId, ...props }) => {
+const StringListField = ({ defaultValue = [], label, description, disabled = false, validationRules, id, control, register, setValue, "data-testid": dataTestId, ...props }) => {
     const [isEditing, setIsEditing] = useState(false);
     const { confirm } = useConfirmationDialog();
     const { t } = useTranslation();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/custom-field-components",
-  "version": "1.17.2",
+  "version": "1.17.4",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,14 +8,14 @@
   },
   "dependencies": {
     "react-select": "^5.10.2",
-    "@trackunit/react-form-components": "1.18.2",
+    "@trackunit/react-form-components": "1.18.4",
     "@trackunit/shared-utils": "1.13.77",
-    "@trackunit/custom-field-api": "1.17.2",
+    "@trackunit/custom-field-api": "1.17.4",
     "@trackunit/iris-app-runtime-core": "1.14.2",
-    "@trackunit/react-components": "1.20.2",
-    "@trackunit/react-modal": "1.18.2",
-    "@trackunit/react-core-hooks": "1.14.2",
-    "@trackunit/i18n-library-translation": "1.15.2",
+    "@trackunit/react-components": "1.20.4",
+    "@trackunit/react-modal": "1.18.4",
+    "@trackunit/react-core-hooks": "1.14.3",
+    "@trackunit/i18n-library-translation": "1.15.4",
     "@trackunit/iris-app-runtime-core-api": "1.13.2"
   },
   "peerDependencies": {

package/src/BooleanCustomField.d.ts

@@ -77,4 +77,4 @@ export interface BooleanCustomFieldProps extends Omit<CheckboxProps, "value" | "
  *
  * @returns {ReactElement} A component that can be used to render a boolean field.
  */
-export declare const BooleanCustomField: ({ defaultValue, "data-testid": dataTestId, onChange, value, id, setValue, register, validationRules, disabled, label, tip, isInvalid, errorMessage, helpAddon, maxLength, helpText, ...rest }: BooleanCustomFieldProps) => ReactElement;
+export declare const BooleanCustomField: ({ defaultValue, "data-testid": dataTestId, onChange, value, id, setValue, register, validationRules, disabled, readOnly, label, tip, isInvalid, errorMessage, helpAddon, maxLength, helpText, ...rest }: BooleanCustomFieldProps) => ReactElement;