@abgov/jsonforms-components 2.66.3 → 2.67.0

package/index.esm.js

@@ -6,7 +6,7 @@ import Ajv from 'ajv';
 import styled from 'styled-components';
 import axios from 'axios';
 import get$1 from 'lodash/get';
-import { isVisible, isEnabled, deriveLabelForUISchemaElement, rankWith, isStringControl, and, optionIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, uiTypeIs, isControl as isControl$1, isEnumControl, or, isOneOfEnumControl, isBooleanControl, createDefaultValue, Paths, Resolve, toDataPath, schemaTypeIs, formatIs, getAjv, schemaMatches, isObjectArrayControl, isPrimitiveArrayControl, composePaths, hasType, isCategorization, isLayout } from '@jsonforms/core';
+import { isVisible, isEnabled, deriveLabelForUISchemaElement, rankWith, isStringControl, and, optionIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, uiTypeIs, isControl as isControl$1, isEnumControl, or, isOneOfEnumControl, isBooleanControl, createDefaultValue, Paths, Resolve, toDataPath, schemaTypeIs, formatIs, getAjv, schemaMatches, isObjectArrayControl, isPrimitiveArrayControl, composePaths, hasType, isCategorization, isLayout, INIT, UPDATE_CORE } from '@jsonforms/core';
 import * as _$c from 'lodash';
 import ___default, { isObject as isObject$i, isEmpty as isEmpty$1 } from 'lodash';
 import { useJsonForms, withJsonFormsControlProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, withJsonFormsAllOfProps, withJsonFormsArrayLayoutProps, withJsonFormsLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
@@ -4103,7 +4103,7 @@ const onKeyPressForTimeControl = props => {
     path
   } = controlProps;
   if (isNotKeyPressTabOrShift(key)) {
-    handleChange(path, value === '' ? undefined : value);
+    handleChange(path, value);
   }
 };
 /**
@@ -4124,7 +4124,7 @@ const onKeyPressForDateControl = props => {
   } = controlProps;
   if (isNotKeyPressTabOrShift(key)) {
     value = standardizeDate(value) || '';
-    handleChange(path, value === '' ? undefined : value);
+    handleChange(path, value);
   }
 };
 /**
@@ -4141,7 +4141,7 @@ const onBlurForTextControl = props => {
     path
   } = controlProps;
   if (isRequiredAndHasNoData(controlProps)) {
-    handleChange(path, value === '' ? undefined : value);
+    handleChange(path, value);
   }
 };
 /**
@@ -4182,7 +4182,7 @@ const onBlurForDateControl = props => {
   } = controlProps;
   if (isRequiredAndHasNoData(controlProps)) {
     value = standardizeDate(value) || '';
-    handleChange(path, value === '' ? undefined : value);
+    handleChange(path, value);
   }
 };
 /**
@@ -4204,7 +4204,7 @@ const onChangeForDateControl = props => {
   if (value && value !== null) {
     value = standardizeDate(value) || '';
     if (value !== data) {
-      handleChange(path, value === '' ? undefined : value);
+      handleChange(path, value);
     }
   }
 };
@@ -4223,7 +4223,7 @@ const onChangeForInputControl = props => {
     handleChange,
     path
   } = controlProps;
-  handleChange(path, value === '' ? undefined : value);
+  handleChange(path, value);
 };
 /**
  * Helper function to process onChange event for Date controls.
@@ -4245,19 +4245,23 @@ const onChangeForDateTimeControl = props => {
     var _Date;
     value = isValidDate(value) ? (_Date = new Date(value)) == null ? void 0 : _Date.toISOString() : '';
     if (data !== value) {
-      handleChange(path, value === '' ? undefined : value);
+      handleChange(path, value);
     }
   }
 };
+const toNumericControlValue = value => {
+  if (value === '' || value === null || value === undefined || value instanceof Date) {
+    return undefined;
+  }
+  return +value;
+};
 /**
  * Helper function to process onChange event for Number/Integer controls.
  * @param props - EventChangeControlProps
  */
 const onChangeForNumericControl = props => {
   const {
-    value
-  } = props;
-  const {
+    value,
     controlProps
   } = props;
   const {
@@ -4265,18 +4269,9 @@ const onChangeForNumericControl = props => {
     path,
     data
   } = controlProps;
-  if (value && value !== null) {
-    //Prevents handleChange from executing if the data has not changed
-    //so the component will not re render.
-    if (data !== +value) {
-      let newValue = undefined;
-      if (value !== '') {
-        newValue = +value;
-      }
-      handleChange(path, newValue);
-    }
-  } else {
-    handleChange(path, value === '' ? undefined : value);
+  const newValue = toNumericControlValue(value);
+  if (data !== newValue) {
+    handleChange(path, newValue);
   }
 };
 const ensureGoaDatePointerCursor = host => {
@@ -4425,8 +4420,8 @@ if ($stringify) {
   });
 }
 
-const defineFields$1 = fields => fields;
-const OPTION_DEFINITIONS = defineFields$1({
+const defineFields = fields => fields;
+const OPTION_DEFINITIONS = defineFields({
   mainTitle: {
     schema: 'Main form title'
   },
@@ -4442,6 +4437,9 @@ const OPTION_DEFINITIONS = defineFields$1({
   emailFirst: {
     schema: true
   },
+  autoPopulate: {
+    schema: 'firstName'
+  },
   noDataMessage: {
     schema: 'no data'
   },
@@ -5910,7 +5908,8 @@ let _$a = t => t,
   _t0$2,
   _t1$2,
   _t10$2,
-  _t11$2;
+  _t11$2,
+  _t12$2;
 const FormFieldWrapper$1 = styled.div(_t$b || (_t$b = _$a`
   margin-bottom: var(--goa-space-l);
 `));
@@ -5973,11 +5972,17 @@ const NoneGivenText = styled.span(_t1$2 || (_t1$2 = _$a`
   color: var(--goa-color-greyscale-700);
   font-style: italic;
 `));
-styled.h4(_t10$2 || (_t10$2 = _$a`
+const NoneGivenTableText = styled.span(_t10$2 || (_t10$2 = _$a`
+  padding-top: var(--goa-space-l);
+  padding-left: var(--goa-space-m);
+  color: var(--goa-color-greyscale-700);
+  font-style: italic;
+`));
+styled.h4(_t11$2 || (_t11$2 = _$a`
   margin: 0 0 0.25rem 0;
   fontsize: larger;
 `));
-styled.h4(_t11$2 || (_t11$2 = _$a`
+styled.h4(_t12$2 || (_t12$2 = _$a`
   border-bottom: 1px solid #ddd;
 `));
 
@@ -6852,6 +6857,9 @@ const createStepperContextInitData = props => {
   };
 };
 const JsonFormsStepperContext = /*#__PURE__*/createContext(undefined);
+const isFormValid = (ajvValid, emptyRequiredStringErrors) => {
+  return ajvValid && emptyRequiredStringErrors.length === 0;
+};
 const JsonFormsStepperContextProvider = ({
   children,
   StepperProps
@@ -6888,6 +6896,8 @@ const JsonFormsStepperContextProvider = ({
       stepperDispatch,
       selectStepperState: () => {
         var _stepperState$categor;
+        const emptyRequiredStringErrors = getEmptyRequiredStringErrors(data || {}, schema);
+        stepperState.isValid = isFormValid(stepperState.isValid, emptyRequiredStringErrors);
         return Object.assign({}, stepperState, {
           categories: (_stepperState$categor = stepperState.categories) == null ? void 0 : _stepperState$categor.map(c => {
             return Object.assign({}, c, {
@@ -7002,6 +7012,58 @@ const JsonFormsStepperContextProvider = ({
     children: children
   });
 };
+const isSchemaObject = schema => {
+  return !!schema && typeof schema === 'object' && !Array.isArray(schema);
+};
+const getObjectData = data => {
+  return data && typeof data === 'object' && !Array.isArray(data) ? data : {};
+};
+const isRequiredStringSchema = schema => {
+  return isSchemaObject(schema) && schema.type === 'string';
+};
+const createRequiredStringError = (schema, propertyName, instancePath, schemaPath) => ({
+  instancePath: `${instancePath}/${propertyName}`,
+  schemaPath: `${schemaPath}/requiredString`,
+  keyword: 'requiredString',
+  params: {
+    propertyName
+  },
+  message: 'is required',
+  schema: true,
+  parentSchema: schema,
+  data: ''
+});
+const addEmptyRequiredStringErrors = (data, schema, instancePath, schemaPath, errors) => {
+  var _schema$required, _schema$properties;
+  const required = (_schema$required = schema.required) != null ? _schema$required : [];
+  const properties = (_schema$properties = schema.properties) != null ? _schema$properties : {};
+  for (const propertyName of required) {
+    const propertySchema = properties[propertyName];
+    if (isRequiredStringSchema(propertySchema) && data[propertyName] === '') {
+      errors.push(createRequiredStringError(schema, propertyName, instancePath, schemaPath));
+    }
+  }
+};
+const collectEmptyRequiredStringErrors = (data, schema, instancePath, schemaPath, errors) => {
+  var _schema$properties2;
+  if (!isSchemaObject(schema)) {
+    return;
+  }
+  const objectData = getObjectData(data);
+  const properties = (_schema$properties2 = schema.properties) != null ? _schema$properties2 : {};
+  addEmptyRequiredStringErrors(objectData, schema, instancePath, schemaPath, errors);
+  for (const [propertyName, propertySchema] of Object.entries(properties)) {
+    if (!isSchemaObject(propertySchema)) {
+      continue;
+    }
+    collectEmptyRequiredStringErrors(objectData[propertyName], propertySchema, `${instancePath}/${propertyName}`, `${schemaPath}/properties/${propertyName}`, errors);
+  }
+};
+const getEmptyRequiredStringErrors = (data, schema) => {
+  const errors = [];
+  collectEmptyRequiredStringErrors(data, schema, '', '#', errors);
+  return errors;
+};
 
 const GoAInputBaseControl = props => {
   var _stepperState$categor, _uischema$options$com, _uischema$options, _uischema$options2, _uischema$options3;
@@ -7295,7 +7357,6 @@ const InnerGoAInputText = props => {
     isVisited,
     setIsVisited
   } = props;
-  useRegisterUser();
   const isSinField = schema.title === sinTitle;
   const initialValue = isSinField && typeof data === 'string' ? formatSinForDisplay(data) : data;
   const [manualInput, setManualInput] = useState(false);
@@ -10370,94 +10431,6 @@ fixRegExpWellKnownSymbolLogic('split', function (SPLIT, nativeSplit, maybeCallNa
   ];
 }, BUGGY || !SPLIT_WORKS_WITH_OVERWRITTEN_EXEC, UNSUPPORTED_Y);
 
-const defineFields = fields => fields;
-const autoLabel = name => `${name} (auto from user profile)`;
-const buildInsertText = (key, schema) => `${key}": ${JSON.stringify(schema, null, 2)}`;
-const getNameParts = user => {
-  const [first = '', last = ''] = ((user == null ? void 0 : user.name) || '').split(' ');
-  return {
-    first,
-    last
-  };
-};
-const fullNameSchema = {
-  type: 'string',
-  minLength: 3,
-  description: 'Please enter your full name'
-};
-const firstNameSchema = {
-  type: 'string',
-  minLength: 3,
-  description: 'Please enter your first name'
-};
-const lastNameSchema = {
-  type: 'string',
-  minLength: 3,
-  description: 'Please enter your last name'
-};
-const emailSchema = {
-  type: 'string',
-  format: 'email',
-  maxLength: 100,
-  pattern: '^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\\\.[a-zA-Z]{2,}$',
-  description: 'Please enter a valid email address (e.g., name@example.com).',
-  errorMessage: {
-    pattern: '(e.g., name@example.com).',
-    maxLength: 'Email must be less than 100 characters.'
-  }
-};
-const USER_FIELD_DEFINITIONS = defineFields({
-  fullName: {
-    schema: fullNameSchema,
-    getValue: user => user == null ? void 0 : user.name
-  },
-  name: {
-    schema: fullNameSchema,
-    getValue: user => user == null ? void 0 : user.name
-  },
-  firstName: {
-    schema: firstNameSchema,
-    getValue: user => getNameParts(user).first
-  },
-  givenName: {
-    schema: firstNameSchema,
-    getValue: user => getNameParts(user).first
-  },
-  lastName: {
-    schema: lastNameSchema,
-    getValue: user => getNameParts(user).last
-  },
-  familyName: {
-    schema: lastNameSchema,
-    getValue: user => getNameParts(user).last
-  },
-  surname: {
-    schema: lastNameSchema,
-    getValue: user => getNameParts(user).last
-  },
-  email: {
-    schema: emailSchema,
-    getValue: user => (user == null ? void 0 : user.email) || ''
-  },
-  emailAddress: {
-    schema: emailSchema,
-    getValue: user => (user == null ? void 0 : user.email) || ''
-  },
-  primaryEmail: {
-    schema: emailSchema,
-    getValue: user => (user == null ? void 0 : user.email) || ''
-  }
-});
-const autoPopulateValue = (user, props) => {
-  const field = USER_FIELD_DEFINITIONS[props.path];
-  if (!field) return undefined;
-  return field.getValue(user);
-};
-const autoPopulatePropertiesMonaco = Object.entries(USER_FIELD_DEFINITIONS).map(([key, field]) => ({
-  label: autoLabel(key),
-  insertText: buildInsertText(key, field.schema)
-}));
-
 const defaultLabel = 'Email address';
 const GoAEmailInput = props => {
   var _uischema$options$com, _uischema$options, _uischema$options$com2, _uischema$options2, _stepperState$categor;
@@ -10478,13 +10451,18 @@ const GoAEmailInput = props => {
   const appliedUiSchemaOptions = Object.assign({}, config, uischema == null ? void 0 : uischema.options);
   const readOnly = (_uischema$options$com = uischema == null || (_uischema$options = uischema.options) == null || (_uischema$options = _uischema$options.componentProps) == null ? void 0 : _uischema$options.readOnly) != null ? _uischema$options$com : false;
   const width = (_uischema$options$com2 = uischema == null || (_uischema$options2 = uischema.options) == null || (_uischema$options2 = _uischema$options2.componentProps) == null ? void 0 : _uischema$options2.width) != null ? _uischema$options$com2 : '100%';
-  const user = useRegisterUser();
   const formStepperCtx = useContext(JsonFormsStepperContext);
   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);
+  useEffect(() => {
+    if (data === undefined || data === null) {
+      return;
+    }
+    setLocalValue(data);
+  }, [data]);
   /* istanbul ignore next */
   useEffect(() => {
     if (debouncedValue === data) return;
@@ -10496,7 +10474,6 @@ const GoAEmailInput = props => {
       });
     }
   }, [debouncedValue]);
-  const [manualInput, setManualInput] = useState(false);
   const [isVisited, setIsVisited] = useState(false);
   useEffect(() => {
     if (showReviewLink === true) {
@@ -10508,14 +10485,6 @@ const GoAEmailInput = props => {
   const splintIndex = splitErrors.findIndex(e => e === REQUIRED_PROPERTY_ERROR);
   splitErrors[splintIndex] = `${primaryLabel} is required`;
   const finalErrors = splitErrors.join('\n');
-  useEffect(() => {
-    if (!user || data) return;
-    const autoPopulatedValue = schema.default || user && autoPopulateValue(user, props);
-    if (autoPopulatedValue && autoPopulatedValue !== data && !manualInput) {
-      handleChange(props.path, autoPopulatedValue);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [schema, user]);
   useEffect(() => {
     if (typeof handleChange === 'function' && (schema == null ? void 0 : schema.default) !== undefined) {
       handleChange(props.path, schema.default);
@@ -10542,7 +10511,6 @@ const GoAEmailInput = props => {
             disabled: !enabled,
             readonly: readOnly,
             onChange: detail => {
-              setManualInput(true);
               if (!isVisited) {
                 setIsVisited(true);
               }
@@ -12017,6 +11985,13 @@ const isObjectArrayEmpty = currentData => {
   const result = isEmpty$1(currentData) || JSON.stringify(currentData) === '[{}]';
   return result;
 };
+const renderNoneGivenText = data => {
+  return !data ? jsxs(Fragment, {
+    children: [jsx(NoneGivenTableText, {
+      children: "(none given)"
+    }), jsx("br", {})]
+  }) : data;
+};
 const renderCellColumn = ({
   data,
   error,
@@ -12026,24 +12001,25 @@ const renderCellColumn = ({
   element,
   isRequired
 }) => {
-  const renderWarningCell = data => {
-    return jsx(HilightCellWarning, {
-      children: jsx(ObjectArrayWarningIconDiv, {
-        children: jsx(GoabIcon, {
+  const renderWarningCell = error => {
+    return jsxs(HilightCellWarning, {
+      children: [renderNoneGivenText(data), jsxs(ObjectArrayWarningIconDiv, {
+        children: [jsx(GoabIcon, {
           type: "warning",
           title: "warning",
           size: "small",
           theme: "filled",
           ml: "2xs",
           mt: "2xs"
-        })
-      })
+        }), error ? error : '']
+      })]
     });
   };
   if (data === undefined && isRequired || error !== '' && error !== undefined) {
-    return renderWarningCell();
+    const message = error || (isRequired && data === undefined ? 'Required' : data);
+    return renderWarningCell(message);
   } else if (data !== undefined && isRequired && error) {
-    return renderWarningCell();
+    return renderWarningCell(error);
   }
   const path = `/${rowPath}/${index}/${element}/${index === 0 ? index : index - 1}`;
   const nestedErrors = errors == null ? void 0 : errors.filter(e => e.instancePath.includes(path));
@@ -18855,6 +18831,158 @@ async function tryResolveRefs(schema, ...refSchemas) {
   }
 }
 
+const AUTO_POPULATE_SOURCES = ['firstName', 'lastName', 'email'];
+const getNameParts = user => {
+  const parts = ((user == null ? void 0 : user.name) || '').trim().split(/\s+/).filter(Boolean);
+  return {
+    firstName: parts[0] || '',
+    lastName: parts.length > 1 ? parts[parts.length - 1] : ''
+  };
+};
+/**
+ * @deprecated Field names no longer control auto-population. Use the
+ * UI-schema `options.autoPopulate` directive.
+ */
+const USER_FIELD_DEFINITIONS = {
+  fullName: {
+    schema: {
+      type: 'string'
+    },
+    getValue: user => user == null ? void 0 : user.name
+  },
+  name: {
+    schema: {
+      type: 'string'
+    },
+    getValue: user => user == null ? void 0 : user.name
+  },
+  firstName: {
+    schema: {
+      type: 'string'
+    },
+    getValue: user => getNameParts(user).firstName
+  },
+  givenName: {
+    schema: {
+      type: 'string'
+    },
+    getValue: user => getNameParts(user).firstName
+  },
+  lastName: {
+    schema: {
+      type: 'string'
+    },
+    getValue: user => getNameParts(user).lastName
+  },
+  familyName: {
+    schema: {
+      type: 'string'
+    },
+    getValue: user => getNameParts(user).lastName
+  },
+  surname: {
+    schema: {
+      type: 'string'
+    },
+    getValue: user => getNameParts(user).lastName
+  },
+  email: {
+    schema: {
+      type: 'string',
+      format: 'email'
+    },
+    getValue: user => (user == null ? void 0 : user.email) || ''
+  },
+  emailAddress: {
+    schema: {
+      type: 'string',
+      format: 'email'
+    },
+    getValue: user => (user == null ? void 0 : user.email) || ''
+  },
+  primaryEmail: {
+    schema: {
+      type: 'string',
+      format: 'email'
+    },
+    getValue: user => (user == null ? void 0 : user.email) || ''
+  }
+};
+const AUTO_POPULATE_ACTION_TYPES = new Set([INIT, UPDATE_CORE]);
+const isEmptyAutoPopulateTarget = value => value === undefined || value === null || value === '';
+const shouldAutoPopulate = actionType => AUTO_POPULATE_ACTION_TYPES.has(actionType);
+const isAutoPopulateSource = value => typeof value === 'string' && AUTO_POPULATE_SOURCES.includes(value);
+const autoPopulateValue = (user, props) => {
+  var _props$uischema;
+  const source = (_props$uischema = props.uischema) == null || (_props$uischema = _props$uischema.options) == null ? void 0 : _props$uischema.autoPopulate;
+  if (!isAutoPopulateSource(source)) {
+    return undefined;
+  }
+  const name = getNameParts(user);
+  const values = {
+    firstName: name.firstName,
+    lastName: name.lastName,
+    email: (user == null ? void 0 : user.email) || ''
+  };
+  return values[source];
+};
+const getAutoPopulateControls = element => {
+  var _element$options, _element$elements;
+  if (!element) {
+    return [];
+  }
+  const controls = element.type === 'Control' && (_element$options = element.options) != null && _element$options.autoPopulate ? [element] : [];
+  const children = (_element$elements = element.elements) != null ? _element$elements : [];
+  return [...controls, ...children.flatMap(getAutoPopulateControls)];
+};
+const getAutoPopulatedData = (uischema, user) => {
+  if (!user) {
+    return [];
+  }
+  return getAutoPopulateControls(uischema).map(control => ({
+    path: toDataPath(control.scope),
+    value: autoPopulateValue(user, {
+      uischema: control
+    })
+  })).filter(({
+    path,
+    value
+  }) => Boolean(path) && value !== undefined && value !== null);
+};
+const mergeAutoPopulatedData = (data, autoPopulatedData) => {
+  if (autoPopulatedData.length === 0) {
+    return data;
+  }
+  const defaults = autoPopulatedData.reduce((values, {
+    path,
+    value
+  }) => _$c.set(values, path, value), {});
+  const normalizedData = _$c.cloneDeep(data != null ? data : {});
+  autoPopulatedData.forEach(({
+    path,
+    value
+  }) => {
+    if (isEmptyAutoPopulateTarget(_$c.get(normalizedData, path)) && value !== undefined && value !== null) {
+      _$c.unset(normalizedData, path);
+    }
+  });
+  return _$c.defaultsDeep({}, normalizedData, defaults);
+};
+const createAutoPopulateMiddleware = (uischema, user) => (state, action, defaultReducer) => {
+  const newState = defaultReducer(state, action);
+  if (!shouldAutoPopulate(action.type)) {
+    return newState;
+  }
+  return Object.assign({}, newState, {
+    data: mergeAutoPopulatedData(newState.data, getAutoPopulatedData(uischema, user))
+  });
+};
+/**
+ * Retained for compatibility with consumers of the previous data-schema
+ * autocomplete API. Auto-population is now configured in the UI schema.
+ */
+const autoPopulatePropertiesMonaco = [];
+
 const GoABaseRenderers = [
 // controls
 {
@@ -19121,4 +19249,4 @@ const GoARenderers = [...GoABaseRenderers, {
 }];
 const GoACells = [...InputCells];
 
-export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, ADD_USER_ACTION, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContactInformationTester, ContextProviderC, ContextProviderClass, ContextProviderFactory, ContractInfoControl, ContractInfoControlReview, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACalculationControl, GoACalculationControlTester, GoACells, GoACheckoutGroupControlTester, GoAContractInfoControlReview, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEmailControl, GoAEmailControlTester, GoAEmailInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview, GoAInputBaseReviewControl, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputEmailControl, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoAPhoneNumberControl, GoAPhoneNumberWithTypeControl, GoAPrimitiveArrayRenderer, GoAPrimitiveArrayTester, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoabInputBasePhoneNumberReviewControl, GoabInputBasePhoneNumberWithTypeReviewControl, GoabInputInteger, InnerGoAInputText, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, OPTION_DEFINITIONS, PHONE_REGEX, PhoneGrid, PhoneNumberControl, PhoneNumberReviewControl, PhoneNumberTester, PhoneNumberWithTypeControl, PhoneNumberWithTypeReviewControl, PhoneNumberWithTypeTester, PrimitiveArrayControl, RadioGroup, USER_FIELD_DEFINITIONS, autoPopulatePropertiesMonaco, autoPopulateValue, categoriesAreValid, createDefaultAjv, enumControl, errMalformedDate, fetchRegisterConfigFromOptions$1 as fetchRegisterConfigFromOptions, formatSin, getByJsonPointer, getCategoryScopes, hasDataInScopes, hasDataValue, isAddressLookup, isContactInformation, isFullName, isFullNameDoB, isPhoneNumberWithType, predictiveOptionsMonaco, registerReducer, resolveRefs, toDateTimeLocalInputValue, tryResolveRefs, useRegisterUser };
+export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, ADD_USER_ACTION, AUTO_POPULATE_SOURCES, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContactInformationTester, ContextProviderC, ContextProviderClass, ContextProviderFactory, ContractInfoControl, ContractInfoControlReview, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACalculationControl, GoACalculationControlTester, GoACells, GoACheckoutGroupControlTester, GoAContractInfoControlReview, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEmailControl, GoAEmailControlTester, GoAEmailInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview, GoAInputBaseReviewControl, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputEmailControl, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoAPhoneNumberControl, GoAPhoneNumberWithTypeControl, GoAPrimitiveArrayRenderer, GoAPrimitiveArrayTester, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoabInputBasePhoneNumberReviewControl, GoabInputBasePhoneNumberWithTypeReviewControl, GoabInputInteger, InnerGoAInputText, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, OPTION_DEFINITIONS, PHONE_REGEX, PhoneGrid, PhoneNumberControl, PhoneNumberReviewControl, PhoneNumberTester, PhoneNumberWithTypeControl, PhoneNumberWithTypeReviewControl, PhoneNumberWithTypeTester, PrimitiveArrayControl, RadioGroup, USER_FIELD_DEFINITIONS, autoPopulatePropertiesMonaco, autoPopulateValue, categoriesAreValid, createAutoPopulateMiddleware, createDefaultAjv, enumControl, errMalformedDate, fetchRegisterConfigFromOptions$1 as fetchRegisterConfigFromOptions, formatSin, getAutoPopulateControls, getAutoPopulatedData, getByJsonPointer, getCategoryScopes, hasDataInScopes, hasDataValue, isAddressLookup, isContactInformation, isFullName, isFullNameDoB, isPhoneNumberWithType, mergeAutoPopulatedData, predictiveOptionsMonaco, registerReducer, resolveRefs, toDateTimeLocalInputValue, tryResolveRefs, useRegisterUser };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.66.3",
+  "version": "2.67.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-06-12T18:22:13.360Z",
-  "sourceCommit": "0e419d8addab8bc60c47d0cf73a930746dd45b39",
+  "generatedAt": "2026-06-17T16:47:32.172Z",
+  "sourceCommit": "bb6ddf86d6467140c26b258d1deb5e7f22736f6a",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [

package/src/lib/Controls/FormStepper/context/StepperContext.d.ts

@@ -2,6 +2,8 @@ import { ReactNode, Dispatch } from 'react';
 import { CategorizationStepperLayoutRendererProps } from '../types';
 import { StepperContextDataType, CategoryState } from './types';
 import { JsonFormStepperDispatch } from './reducer';
+import { JsonSchema } from '@jsonforms/core';
+import { ErrorObject } from 'ajv';
 export interface JsonFormsStepperContextProviderProps {
     children: ReactNode;
     StepperProps: CategorizationStepperLayoutRendererProps & {
@@ -29,3 +31,4 @@ export interface JsonFormsStepperContextProps {
 }
 export declare const JsonFormsStepperContext: import("react").Context<JsonFormsStepperContextProps | undefined>;
 export declare const JsonFormsStepperContextProvider: ({ children, StepperProps, }: JsonFormsStepperContextProviderProps) => JSX.Element;
+export declare const getEmptyRequiredStringErrors: (data: unknown, schema: JsonSchema) => ErrorObject[];

package/src/lib/Controls/Inputs/style-component.d.ts

@@ -9,5 +9,6 @@ export declare const ReviewLabel: import("styled-components/dist/types").IStyled
 export declare const ReviewValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const CheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const NoneGivenText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const NoneGivenTableText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
 export declare const H4Large: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>> & string;
 export declare const Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>> & string;

package/src/lib/Controls/ObjectArray/ObjectListControlUtils.d.ts

@@ -13,4 +13,5 @@ export interface TableProps {
     columnLabels?: Record<string, string>;
 }
 export declare const isObjectArrayEmpty: (currentData: string) => boolean;
+export declare const renderNoneGivenText: (data: string | undefined) => string | import("react/jsx-runtime").JSX.Element;
 export declare const renderCellColumn: ({ data, error, errors, index, rowPath, element, isRequired, }: RenderCellColumnProps) => string | import("react/jsx-runtime").JSX.Element | null;

package/src/lib/util/autoPopulate.d.ts

@@ -1,58 +1,51 @@
 import { User } from '../Context/register';
+import { ControlElement, Middleware, UISchemaElement } from '@jsonforms/core';
+export declare const AUTO_POPULATE_SOURCES: readonly ["firstName", "lastName", "email"];
+export type AutoPopulateSource = (typeof AUTO_POPULATE_SOURCES)[number];
+/**
+ * @deprecated Field names no longer control auto-population. Use the
+ * UI-schema `options.autoPopulate` directive.
+ */
 export declare const USER_FIELD_DEFINITIONS: {
     fullName: {
         schema: {
             type: string;
-            minLength: number;
-            description: string;
         };
         getValue: (user: User) => string;
     };
     name: {
         schema: {
             type: string;
-            minLength: number;
-            description: string;
         };
         getValue: (user: User) => string;
     };
     firstName: {
         schema: {
             type: string;
-            minLength: number;
-            description: string;
         };
         getValue: (user: User) => string;
     };
     givenName: {
         schema: {
             type: string;
-            minLength: number;
-            description: string;
         };
         getValue: (user: User) => string;
     };
     lastName: {
         schema: {
             type: string;
-            minLength: number;
-            description: string;
         };
         getValue: (user: User) => string;
     };
     familyName: {
         schema: {
             type: string;
-            minLength: number;
-            description: string;
         };
         getValue: (user: User) => string;
     };
     surname: {
         schema: {
             type: string;
-            minLength: number;
-            description: string;
         };
         getValue: (user: User) => string;
     };
@@ -60,13 +53,6 @@ export declare const USER_FIELD_DEFINITIONS: {
         schema: {
             type: string;
             format: string;
-            maxLength: number;
-            pattern: string;
-            description: string;
-            errorMessage: {
-                pattern: string;
-                maxLength: string;
-            };
         };
         getValue: (user: User) => string;
     };
@@ -74,13 +60,6 @@ export declare const USER_FIELD_DEFINITIONS: {
         schema: {
             type: string;
             format: string;
-            maxLength: number;
-            pattern: string;
-            description: string;
-            errorMessage: {
-                pattern: string;
-                maxLength: string;
-            };
         };
         getValue: (user: User) => string;
     };
@@ -88,22 +67,31 @@ export declare const USER_FIELD_DEFINITIONS: {
         schema: {
             type: string;
             format: string;
-            maxLength: number;
-            pattern: string;
-            description: string;
-            errorMessage: {
-                pattern: string;
-                maxLength: string;
-            };
         };
         getValue: (user: User) => string;
     };
 };
+/** @deprecated Use AutoPopulateSource. */
 export type UserField = keyof typeof USER_FIELD_DEFINITIONS;
-export declare const autoPopulateValue: (user: User, props: {
+type AutoPopulateProps = {
+    uischema?: {
+        options?: {
+            autoPopulate?: unknown;
+        };
+    };
+};
+interface AutoPopulatedValue {
     path: string;
-}) => string | undefined;
-export declare const autoPopulatePropertiesMonaco: {
-    label: string;
-    insertText: string;
-}[];
+    value: unknown;
+}
+export declare const autoPopulateValue: (user: User, props: AutoPopulateProps) => string | undefined;
+export declare const getAutoPopulateControls: (element?: UISchemaElement) => ControlElement[];
+export declare const getAutoPopulatedData: (uischema: UISchemaElement | undefined, user?: User) => AutoPopulatedValue[];
+export declare const mergeAutoPopulatedData: (data: unknown, autoPopulatedData: AutoPopulatedValue[]) => any;
+export declare const createAutoPopulateMiddleware: (uischema: UISchemaElement | undefined, user?: User) => Middleware;
+/**
+ * Retained for compatibility with consumers of the previous data-schema
+ * autocomplete API. Auto-population is now configured in the UI schema.
+ */
+export declare const autoPopulatePropertiesMonaco: never[];
+export {};

package/src/lib/util/registerOptions.d.ts

@@ -14,6 +14,9 @@ export declare const OPTION_DEFINITIONS: {
     emailFirst: {
         schema: boolean;
     };
+    autoPopulate: {
+        schema: string;
+    };
     noDataMessage: {
         schema: string;
     };