@abgov/jsonforms-components 1.41.5 → 1.42.1

package/index.esm.js

@@ -2341,6 +2341,9 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
   ];
 }, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);
 
+const sinTitle = 'Social insurance number';
+const invalidSin = 'Social insurance number is invalid';
+
 /**
  * Sets the first word to be capitalized so that it is sentence cased.
  * @param words
@@ -2422,10 +2425,10 @@ const checkFieldValidity = props => {
   } = props;
   const labelToUpdate = getLabelText(uischema.scope, label);
   const extraSchema = schema;
-  if (extraSchema && data && (extraSchema === null || extraSchema === void 0 ? void 0 : extraSchema.title) === 'Social insurance number') {
+  if (extraSchema && data && (extraSchema === null || extraSchema === void 0 ? void 0 : extraSchema.title) === sinTitle) {
     if (data.length === 11 && !validateSinWithLuhn(data)) {
-      return 'Social insurance number is invalid';
-    } else if (data.length < 11) {
+      return data === '' ? '' : invalidSin;
+    } else if (data.length > 0 && data.length < 11) {
       return extraSchema.errorMessage;
     }
   }
@@ -3822,7 +3825,7 @@ const GoAInputText = props => {
   const appliedUiSchemaOptions = Object.assign(Object.assign({}, config), uischema === null || uischema === void 0 ? void 0 : uischema.options);
   const placeholder = (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.placeholder) || (schema === null || schema === void 0 ? void 0 : schema.description) || '';
   const errorsFormInput = checkFieldValidity(props);
-  const isSinField = schema.title === 'Social insurance number';
+  const isSinField = schema.title === sinTitle;
   const autoCapitalize = ((_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.autoCapitalize) === true || ((_c = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _c === void 0 ? void 0 : _c.autoCapitalize) === true;
   const readOnly = (_f = (_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.readOnly) !== null && _f !== void 0 ? _f : false;
   return jsx(GoAInput, Object.assign({
@@ -3843,7 +3846,7 @@ const GoAInputText = props => {
     // side effect that causes the validation to render when it shouldn't.
     onChange: (name, value) => {
       let formattedValue = value;
-      if (schema && schema.title === 'Social insurance number') {
+      if (schema && schema.title === sinTitle && value !== '') {
         formattedValue = formatSin(value);
       }
       onChangeForInputControl({
@@ -5513,10 +5516,11 @@ const RenderStepElements = props => {
   );
 };
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const validateData = (jsonSchema, data, ajv) => {
   const newSchema = JSON.parse(JSON.stringify(jsonSchema));
   Object.keys(newSchema.properties || {}).forEach(propertyName => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const property = newSchema.properties || {};
     if (((_a = property[propertyName]) === null || _a === void 0 ? void 0 : _a.enum) && ((_b = property[propertyName]) === null || _b === void 0 ? void 0 : _b.enum[0]) === '') {
       (_c = property[propertyName]) === null || _c === void 0 ? true : delete _c.enum;
@@ -5524,6 +5528,9 @@ const validateData = (jsonSchema, data, ajv) => {
     if (((_d = property[propertyName]) === null || _d === void 0 ? void 0 : _d.format) === 'file-urn') {
       delete property[propertyName].format;
     }
+    if (((_e = property[propertyName]) === null || _e === void 0 ? void 0 : _e.title) === sinTitle && data && data[propertyName] === '') {
+      delete data[propertyName];
+    }
   });
   try {
     const validate = ajv.compile(newSchema);
@@ -5765,8 +5772,7 @@ const FormStepper = props => {
                       },
                       children: readOnly ? 'View' : 'Edit'
                     })]
-                  }), jsx(GoAGrid, {
-                    minChildWidth: "600px",
+                  }), jsx("div", {
                     children: category.elements.filter(field => {
                       var _a, _b;
                       const conditionProps = (_a = field.rule) === null || _a === void 0 ? void 0 : _a.condition;
@@ -8411,6 +8417,7 @@ const FullNameControl = props => {
   };
   const [nameData, setNameData] = useState(data || defaultName);
   const updateFormData = updatedData => {
+    updatedData = Object.fromEntries(Object.entries(updatedData).filter(([_, value]) => value !== ''));
     handleChange(path, updatedData);
   };
   const handleInputChange = (field, value) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.41.5",
+  "version": "1.42.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/src/lib/Controls/FormStepper/util/validateData.d.ts

@@ -1,3 +1,3 @@
 import { JsonSchema } from '@jsonforms/core';
 import Ajv from 'ajv';
-export declare const validateData: (jsonSchema: JsonSchema, data: unknown, ajv: Ajv) => boolean;
+export declare const validateData: (jsonSchema: JsonSchema, data: any, ajv: Ajv) => boolean;

package/src/lib/common/Constants.d.ts

@@ -0,0 +1,2 @@
+export declare const sinTitle = "Social insurance number";
+export declare const invalidSin = "Social insurance number is invalid";