@abgov/jsonforms-components 2.53.0 → 2.54.0

package/index.esm.js

@@ -7371,7 +7371,10 @@ const MultiLineText = props => {
   const {
     required
   } = props;
-  const [textAreaValue, _] = React.useState(data);
+  const [textAreaValue, setTextAreaValue] = React.useState(data || '');
+  useEffect(() => {
+    setTextAreaValue(data || '');
+  }, [data]);
   const appliedUiSchemaOptions = Object.assign({}, config, uischema == null ? void 0 : uischema.options);
   const placeholder = (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.placeholder) || (schema == null ? void 0 : schema.description) || '';
   const width = (_uischema$options$com = uischema == null || (_uischema$options = uischema.options) == null || (_uischema$options = _uischema$options.componentProps) == null ? void 0 : _uischema$options.width) != null ? _uischema$options$com : '100%';
@@ -8879,7 +8882,7 @@ const ObjectArrayToolBar = /*#__PURE__*/React.memo(function TableToolbar({
   });
 });
 
-const _excluded$4 = ["label", "path", "schema", "rootSchema", "uischema", "errors", "openDeleteDialog", "visible", "enabled", "cells", "data", "config"];
+const _excluded$5 = ["label", "path", "schema", "rootSchema", "uischema", "errors", "openDeleteDialog", "visible", "enabled", "cells", "data", "config"];
 const getItemsTitle = schema => {
   const items = schema == null ? void 0 : schema.items;
   if (items && !Array.isArray(items) && typeof items === 'object') {
@@ -9759,7 +9762,7 @@ class ListWithDetailControl extends React.Component {
         data,
         config
       } = _this$props,
-      additionalProps = _objectWithoutPropertiesLoose(_this$props, _excluded$4);
+      additionalProps = _objectWithoutPropertiesLoose(_this$props, _excluded$5);
     const controlElement = uischema;
     // eslint-disable-next-line
     const listTitle = (_ref = (_ref2 = (_ref3 = (_uischema$label = uischema == null ? void 0 : uischema.label) != null ? _uischema$label : uischema == null || (_uischema$options15 = uischema.options) == null ? void 0 : _uischema$options15.title) != null ? _ref3 : getItemsTitle(schema)) != null ? _ref2 : schema == null ? void 0 : schema.title) != null ? _ref : label;
@@ -11176,7 +11179,7 @@ const renderCellColumn = ({
   return null;
 };
 
-const _excluded$3 = ["label", "path", "schema", "rootSchema", "uischema", "errors", "visible", "enabled", "cells", "data", "config", "isStepperReview", "handleChange", "removeItems"];
+const _excluded$4 = ["label", "path", "schema", "rootSchema", "uischema", "errors", "visible", "enabled", "cells", "data", "config", "isStepperReview", "handleChange", "removeItems"];
 const GenerateRows = (Cell, schema, rowPath, enabled, openDeleteDialog, handleChange, cells, uischema, isInReview, count, data, errors) => {
   if ((schema == null ? void 0 : schema.type) === 'object') {
     const props = {
@@ -11583,7 +11586,7 @@ const ObjectArrayControl = props => {
       config,
       isStepperReview
     } = props,
-    additionalProps = _objectWithoutPropertiesLoose(props, _excluded$3);
+    additionalProps = _objectWithoutPropertiesLoose(props, _excluded$4);
   const parsedData = Array.isArray(data) ? data : [];
   const latestData = Array.isArray(data) ? Object.fromEntries(parsedData.map((item, index) => [String(index), item])) : (_registers$categories = (_registers$categories2 = registers.categories[path]) == null ? void 0 : _registers$categories2.data) != null ? _registers$categories : {};
   const latestCount = Array.isArray(data) ? parsedData.length : (_registers$categories3 = (_registers$categories4 = registers.categories[path]) == null ? void 0 : _registers$categories4.count) != null ? _registers$categories3 : Object.keys(latestData).length;
@@ -12679,7 +12682,7 @@ const RenderLink = props => {
   });
 };
 
-const _excluded$2 = ["isParent", "showLabel"];
+const _excluded$3 = ["isParent", "showLabel"];
 const HelpContentReviewComponent = () => {
   return jsx(Fragment, {
     children: " "
@@ -12724,7 +12727,7 @@ const HelpContentComponent = _ref => {
       isParent = true,
       showLabel = true
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   const labelClass = isParent ? 'parent-label' : 'child-label';
   const marginClass = isParent ? 'parent-margin' : 'child-margin';
   // eslint-disable-next-line
@@ -13488,7 +13491,7 @@ const SummaryRow = ({
   });
 };
 
-const _excluded$1 = ["type"];
+const _excluded$2 = ["type"];
 const AdditionalInstructionsRow = ({
   additionalInstructions,
   componentProps
@@ -13497,7 +13500,7 @@ const AdditionalInstructionsRow = ({
   const calloutType = (componentProps == null ? void 0 : componentProps.type) || 'information';
   const type = validTypes.includes(calloutType) ? calloutType : 'information';
   const _ref = componentProps || {},
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   const sanitizedHtml = sanitizeHtml(additionalInstructions);
   return jsx("tr", {
     children: jsx("td", {
@@ -14052,7 +14055,7 @@ let _2 = t => t,
   _t2,
   _t3,
   _t4;
-const _excluded = ["data", "path", "handleChange", "uischema"];
+const _excluded$1 = ["data", "path", "handleChange", "uischema"];
 const DELAY_DELETE_TIMEOUT_MS = 5;
 const FileUploaderReview = props => {
   return FileUploader(Object.assign({}, props, {
@@ -14066,7 +14069,7 @@ const FileUploader = _ref => {
       handleChange,
       uischema
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   const enumerators = useContext(JsonFormContext);
   const uploadTriggerFunction = enumerators == null || (_enumerators$function = enumerators.functions) == null ? void 0 : _enumerators$function.get('upload-file');
   const uploadTrigger = uploadTriggerFunction && uploadTriggerFunction();
@@ -16488,7 +16491,25 @@ function handleAddressKeyDown(key, value, activeIndex, suggestions, onInputChang
   return activeIndex;
 }
 
+const _excluded = ["provinceState"];
 const ADDRESS_PATH = 'api/gateway/v1/address/v1/find';
+const normalizeAddressData = (value, isAlbertaAddress) => {
+  const defaults = isAlbertaAddress ? {
+    country: 'CA',
+    subdivisionCode: 'AB'
+  } : {
+    country: 'CA'
+  };
+  const source = value || {};
+  const {
+      provinceState
+    } = source,
+    rest = _objectWithoutPropertiesLoose(source, _excluded);
+  const subdivisionCode = rest.subdivisionCode || provinceState;
+  return Object.assign({}, defaults, rest, subdivisionCode ? {
+    subdivisionCode
+  } : {});
+};
 const AddressLookUpControl = props => {
   var _schema$properties, _uischema$options, _uischema$options$com, _uischema$options2, _errors$addressLine;
   const {
@@ -16509,18 +16530,7 @@ const AddressLookUpControl = props => {
   const [open, setOpen] = useState(false);
   const addressContainerRef = useRef(null);
   const label = typeof (uischema == null ? void 0 : uischema.label) === 'string' && uischema.label ? uischema.label : '';
-  let defaultAddress = {};
-  if (isAlbertaAddress) {
-    defaultAddress = {
-      country: 'CA',
-      subdivisionCode: 'AB'
-    };
-  } else {
-    defaultAddress = {
-      country: 'CA'
-    };
-  }
-  const [address, setAddress] = useState(data || defaultAddress);
+  const [address, setAddress] = useState(normalizeAddressData(data, isAlbertaAddress));
   const [searchTerm, setSearchTerm] = useState('');
   const [suggestions, setSuggestions] = useState([]);
   const [loading, setLoading] = useState(false);
@@ -16538,6 +16548,14 @@ const AddressLookUpControl = props => {
   const lastQueryRef = useRef('');
   const cacheRef = useRef(new Map());
   const spinnerTimerRef = useRef(null);
+  useEffect(() => {
+    const nextAddress = normalizeAddressData(data, isAlbertaAddress);
+    setAddress(currentAddress => {
+      const keys = ['addressLine1', 'addressLine2', 'municipality', 'postalCode', 'country', 'subdivisionCode'];
+      const unchanged = keys.every(key => currentAddress[key] === nextAddress[key]);
+      return unchanged ? currentAddress : nextAddress;
+    });
+  }, [data, isAlbertaAddress]);
   const handleInputChange = (field, value) => {
     var _schema$errorMessage;
     if (field === 'addressLine1') {
@@ -16889,6 +16907,11 @@ const NameInputs = ({
   });
 };
 
+const normalizeNameData = value => ({
+  firstName: (value == null ? void 0 : value.firstName) || '',
+  middleName: (value == null ? void 0 : value.middleName) || '',
+  lastName: (value == null ? void 0 : value.lastName) || ''
+});
 const FullNameReviewControl = props => {
   var _errors$firstName, _props$data3, _props$data4, _errors$lastName, _props$data5;
   const requiredFields = props.schema.required;
@@ -16949,8 +16972,7 @@ const FullNameControl = props => {
     uischema
   } = props;
   const requiredFields = schema.required;
-  const defaultName = {};
-  const [nameData, setNameData] = useState(data || defaultName);
+  const [nameData, setNameData] = useState(normalizeNameData(data));
   const controlRef = useRef(null);
   const formStepperCtx = useContext(JsonFormsStepperContext);
   const stepperState = formStepperCtx == null || formStepperCtx.selectStepperState == null ? void 0 : formStepperCtx.selectStepperState();
@@ -16958,6 +16980,10 @@ const FullNameControl = props => {
     updatedData = Object.fromEntries(Object.entries(updatedData).filter(([_, value]) => value !== ''));
     handleChange(path, updatedData);
   };
+  useEffect(() => {
+    const nextData = normalizeNameData(data);
+    setNameData(currentData => currentData.firstName === nextData.firstName && currentData.middleName === nextData.middleName && currentData.lastName === nextData.lastName ? currentData : nextData);
+  }, [data]);
   const handleInputChange = (field, value) => {
     const updatedName = Object.assign({}, nameData, {
       [field]: value
@@ -17045,6 +17071,12 @@ handleRequiredFieldBlur) {
   }, [formData]);
 }
 
+const normalizeNameDobData = value => ({
+  firstName: (value == null ? void 0 : value.firstName) || '',
+  middleName: (value == null ? void 0 : value.middleName) || '',
+  lastName: (value == null ? void 0 : value.lastName) || '',
+  dateOfBirth: (value == null ? void 0 : value.dateOfBirth) || ''
+});
 const FullNameDobControl = props => {
   var _schema$required, _errors$firstName, _schema$required2, _schema$required3, _errors$lastName, _errors$dateOfBirth;
   const {
@@ -17061,7 +17093,6 @@ const FullNameDobControl = props => {
   const controlRef = useRef(null);
   const formStepperCtx = useContext(JsonFormsStepperContext);
   const stepperState = formStepperCtx == null || formStepperCtx.selectStepperState == null ? void 0 : formStepperCtx.selectStepperState();
-  const defaultNameAndDob = {};
   const validDates = () => {
     const currentDate = new Date();
     const minDate = new Date(currentDate.getFullYear() - 150, currentDate.getMonth(), currentDate.getDate()).toISOString().substring(0, 10);
@@ -17070,12 +17101,16 @@ const FullNameDobControl = props => {
       maxDate: currentDate.toISOString().substring(0, 10)
     };
   };
-  const [formData, setFormData] = useState(data || defaultNameAndDob);
+  const [formData, setFormData] = useState(normalizeNameDobData(data));
   const updateFormData = updatedData => {
     updatedData = Object.fromEntries(Object.entries(updatedData).filter(([_, value]) => value !== ''));
     setFormData(updatedData);
     handleChange(path, updatedData);
   };
+  useEffect(() => {
+    const nextData = normalizeNameDobData(data);
+    setFormData(currentData => currentData.firstName === nextData.firstName && currentData.middleName === nextData.middleName && currentData.lastName === nextData.lastName && currentData.dateOfBirth === nextData.dateOfBirth ? currentData : nextData);
+  }, [data]);
   const handleInputChange = (field, value) => {
     const updatedData = Object.assign({}, formData, {
       [field]: value
@@ -17240,6 +17275,10 @@ const PhoneGrid = styled.div(_t || (_t = _`
   }
 `));
 const PHONE_REGEX = /^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$/;
+const normalizePhoneData = value => ({
+  type: (value == null ? void 0 : value.type) || '',
+  number: (value == null ? void 0 : value.number) || ''
+});
 const PhoneNumberWithTypeControl = props => {
   const {
     data,
@@ -17249,8 +17288,12 @@ const PhoneNumberWithTypeControl = props => {
     visible,
     required
   } = props;
-  const [formData, setFormData] = useState(data || {});
+  const [formData, setFormData] = useState(normalizePhoneData(data));
   const [error, setError] = useState(undefined);
+  useEffect(() => {
+    const nextData = normalizePhoneData(data);
+    setFormData(currentData => currentData.type === nextData.type && currentData.number === nextData.number ? currentData : nextData);
+  }, [data]);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const updateFormData = updated => {
     setFormData(updated);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.53.0",
+  "version": "2.54.0",
   "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-03-13T17:54:45.947Z",
-  "sourceCommit": "ca0777fa0c83dbc8906d95bd24deecc82c540820",
+  "generatedAt": "2026-03-13T20:38:10.020Z",
+  "sourceCommit": "748fb227701ff354e6276b45c8d91aeb3e984ca1",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 32,
   "renderers": [