@abgov/jsonforms-components 2.60.0 → 2.60.1

package/index.esm.js

@@ -7286,7 +7286,7 @@ const GoAInputText = props => {
   });
 };
 const InnerGoAInputText = props => {
-  var _ref, _ref2, _schema$default, _uischema$options$com, _uischema$options, _props$uischema, _props$uischema2, _uischema$options2, _uischema$options3, _uischema$options$com2, _uischema$options4, _uischema$options5, _uischema$options6;
+  var _uischema$options$com, _uischema$options, _props$uischema, _props$uischema2, _uischema$options2, _uischema$options3, _uischema$options$com2, _uischema$options4, _uischema$options5, _uischema$options6;
   const {
     data,
     config,
@@ -7302,7 +7302,8 @@ const InnerGoAInputText = props => {
     setIsVisited
   } = props;
   const user = useRegisterUser();
-  const initialValue = (_ref = (_ref2 = (_schema$default = schema.default) != null ? _schema$default : user && autoPopulateValue(user, props)) != null ? _ref2 : data) != null ? _ref : '';
+  const initialValue = data;
+  const [manualInput, setManualInput] = useState(false);
   const [localValue, setLocalValue] = useState(initialValue);
   const debouncedValue = useDebounce(localValue, 300);
   useEffect(() => {
@@ -7311,13 +7312,13 @@ const InnerGoAInputText = props => {
   useEffect(() => {
     if (!user || data) return;
     const autoPopulatedValue = schema.default || user && autoPopulateValue(user, props);
-    if (autoPopulatedValue && autoPopulatedValue !== data) {
+    if (autoPopulatedValue && autoPopulatedValue !== data && !manualInput) {
       handleChange(props.path, autoPopulatedValue);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [schema, user]);
+  }, [user]);
   useEffect(() => {
-    if (typeof handleChange === 'function' && (schema == null ? void 0 : schema.default) !== undefined) {
+    if (typeof handleChange === 'function' && (schema == null ? void 0 : schema.default) !== undefined && !manualInput) {
       handleChange(props.path, schema.default);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -7410,6 +7411,7 @@ const InnerGoAInputText = props => {
           formattedValue = formatSin(detail.value);
         }
         setLocalValue(formattedValue);
+        setManualInput(true);
         if (isVisited === false && setIsVisited) {
           setIsVisited();
         }
@@ -10234,6 +10236,20 @@ const GoAEmailInput = props => {
   const stepperState = formStepperCtx == null || formStepperCtx.selectStepperState == null ? void 0 : formStepperCtx.selectStepperState();
   const currentCategory = stepperState == null || (_stepperState$categor = stepperState.categories) == null ? void 0 : _stepperState$categor[stepperState == null ? void 0 : stepperState.activeId];
   const showReviewLink = currentCategory == null ? void 0 : currentCategory.showReviewPageLink;
+  const [localValue, setLocalValue] = useState(data);
+  const debouncedValue = useDebounce(localValue, 300);
+  /* istanbul ignore next */
+  useEffect(() => {
+    if (debouncedValue === data) return;
+    // Only sync if debouncedValue differs from data and is not initial empty state
+    if (debouncedValue !== data && (debouncedValue !== '' || data !== undefined)) {
+      onChangeForInputControl({
+        value: debouncedValue,
+        controlProps: props
+      });
+    }
+  }, [debouncedValue]);
+  const [manualInput, setManualInput] = useState(false);
   const [isVisited, setIsVisited] = useState(false);
   useEffect(() => {
     if (showReviewLink === true) {
@@ -10248,7 +10264,7 @@ const GoAEmailInput = props => {
   useEffect(() => {
     if (!user || data) return;
     const autoPopulatedValue = schema.default || user && autoPopulateValue(user, props);
-    if (autoPopulatedValue && autoPopulatedValue !== data) {
+    if (autoPopulatedValue && autoPopulatedValue !== data && !manualInput) {
       handleChange(props.path, autoPopulatedValue);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -10279,14 +10295,11 @@ const GoAEmailInput = props => {
             disabled: !enabled,
             readonly: readOnly,
             onChange: detail => {
+              setManualInput(true);
               if (!isVisited) {
                 setIsVisited(true);
               }
-              onChangeForInputControl({
-                name: detail.name,
-                value: detail.value,
-                controlProps: props
-              });
+              setLocalValue(detail.value);
             },
             onBlur: detail => {
               if (!isVisited) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.60.0",
+  "version": "2.60.1",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",

package/renderer-catalog.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-04-08T16:11:13.566Z",
-  "sourceCommit": "6e09c179d6bc219c658e0626bf92dcce5f77c112",
+  "generatedAt": "2026-04-10T21:10:16.242Z",
+  "sourceCommit": "a4154355fd3fd785c475219fee548e6bb9678d58",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [