@abgov/jsonforms-components 1.50.2 → 1.50.3

package/index.esm.js

@@ -1,12 +1,12 @@
 import * as runtime from 'react/jsx-runtime';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React, { createContext, useContext, useReducer, useMemo, useEffect, useState, useRef, useCallback } from 'react';
 import { GoAFormItem, GoAInput, GoATextArea, GoACallout, GoAInputDate, GoAInputDateTime, GoAInputTime, GoARadioGroup, GoARadioItem, GoACheckbox, GoAGrid, GoAFormStepper, GoAFormStep, GoAPages, GoAButton, GoAModal, GoAButtonGroup, GoAIconButton, GoAFileUploadInput, GoACircularProgress, GoAContainer, GoATable, GoADropdown, GoADropdownItem, GoADetails, GoASpinner } from '@abgov/react-components';
-import { useJsonForms, withJsonFormsControlProps, withJsonFormsRendererProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, withJsonFormsLayoutProps, withJsonFormsArrayLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
 import styled from 'styled-components';
+import React, { createContext, useContext, useReducer, useMemo, useEffect, useState, useRef, useCallback } from 'react';
 import axios from 'axios';
 import get$1 from 'lodash/get';
 import { rankWith, isStringControl, and, optionIs, uiTypeIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, isEnumControl, isBooleanControl, getAjv, isVisible, toDataPath, deriveLabelForUISchemaElement, isEnabled, schemaTypeIs, formatIs, createDefaultValue, Paths, or, isObjectArrayControl, isPrimitiveArrayControl, schemaMatches, hasType, isControl, isCategorization, isLayout } from '@jsonforms/core';
+import { withJsonFormsControlProps, withJsonFormsRendererProps, withJsonFormsEnumProps, withTranslateProps, useJsonForms, JsonFormsDispatch, withJsonFormsLayoutProps, withJsonFormsArrayLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
 import * as _$b from 'lodash';
 import { isEqual, isObject as isObject$f } from 'lodash';
 import merge from 'lodash/merge';
@@ -2807,7 +2807,7 @@ const isRequiredAndHasNoData = props => {
     data,
     required
   } = props;
-  return required && (data === undefined || data.length === 0);
+  return required && (data === undefined || (data === null || data === void 0 ? void 0 : data.length) === 0);
 };
 /**
  * Checks the key press value to determine if the key press is a 'Shift' or 'Tab'.
@@ -3862,46 +3862,15 @@ const GoAInputBaseControl = props => {
     label,
     input,
     required,
-    errors,
     path,
-    isStepperReview,
-    id
+    isStepperReview
   } = props;
   const InnerComponent = input;
   const labelToUpdate = getLabelText(uischema.scope, label || '');
-  const ctx = useJsonForms();
   let modifiedErrors = checkFieldValidity(props);
   if (modifiedErrors === 'must be equal to one of the allowed values') {
     modifiedErrors = '';
   }
-  useEffect(() => {
-    var _a, _b, _c, _d;
-    if ((_a = ctx.core) === null || _a === void 0 ? void 0 : _a.ajv) {
-      // eslint-disable-next-line
-      const newError = {
-        instancePath: path,
-        message: modifiedErrors,
-        schemaPath: id,
-        keyword: '',
-        params: {}
-      };
-      const existingErrorIndex = (ctx.core.ajv.errors || []).findIndex(error => {
-        return (error === null || error === void 0 ? void 0 : error.schemaPath) === id;
-      });
-      if (modifiedErrors) {
-        if (existingErrorIndex > -1) {
-          (ctx.core.ajv.errors || [])[existingErrorIndex] = newError;
-        } else {
-          ctx.core.ajv.errors = [...(ctx.core.ajv.errors || []), newError];
-        }
-      } else {
-        if (existingErrorIndex > -1) {
-          delete (ctx.core.ajv.errors || [])[existingErrorIndex];
-        }
-      }
-      ctx.core.ajv.errors = ((_d = (_c = (_b = ctx.core) === null || _b === void 0 ? void 0 : _b.ajv) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d.filter(e => e !== null)) || [];
-    }
-  }, [modifiedErrors, ctx, path, id]);
   return jsx(JsonFormRegisterProvider, {
     defaultRegisters: undefined,
     children: jsx(Visible, {
@@ -4152,12 +4121,14 @@ const MultiLineText = props => {
           controlProps: props
         });
       }
+      onChangeForInputControl({
+        name,
+        value: newValue,
+        controlProps: props
+      });
     },
     onChange: (name, value) => {
-      if (data !== value) {
-        const newValue = autoCapitalize ? value.toUpperCase() : value;
-        handleChange(path, newValue);
-      }
+      // this is not triggered unless you tab out
     }
   }, (_l = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _l === void 0 ? void 0 : _l.componentProps));
   return txtAreaComponent;
@@ -5353,7 +5324,7 @@ const ReviewItemSection = styled.div(_t2$4 || (_t2$4 = _$5`
   border-radius: 5px;
 
   .element-style {
-    max-width: 1439px;
+    max-width: 1600px;
   }
 `));
 const ReviewItemHeader = styled.div(_t3$3 || (_t3$3 = _$5`
@@ -6678,7 +6649,7 @@ const NonEmptyCellStyle = styled.div(_t2$2 || (_t2$2 = _$2`
 const ToolBarHeader = styled.div(_t3$1 || (_t3$1 = _$2`
   margin-bottom: var(--goa-space-l);
 `));
-const ObjectArrayTitle = styled.h2(_t4$1 || (_t4$1 = _$2`
+const ObjectArrayTitle = styled.h3(_t4$1 || (_t4$1 = _$2`
   margin-bottom: var(--goa-space-l);
 `));
 const TextCenter = styled.div(_t5$1 || (_t5$1 = _$2`
@@ -8397,7 +8368,6 @@ const AddressLookUpControl = props => {
   const formCtx = useContext(JsonFormContext);
   const formHost = formCtx === null || formCtx === void 0 ? void 0 : formCtx.formUrl;
   const formUrl = `${formHost}/${ADDRESS_PATH}`;
-  const ctx = useJsonForms();
   const autocompletion = ((_c = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _c === void 0 ? void 0 : _c.autocomplete) !== false;
   const [open, setOpen] = useState(false);
   const label = typeof (uischema === null || uischema === void 0 ? void 0 : uischema.label) === 'string' && uischema.label ? uischema.label : '';
@@ -8451,23 +8421,6 @@ const AddressLookUpControl = props => {
       showLabel: false
     }));
   };
-  useEffect(() => {
-    var _a;
-    if ((_a = ctx.core) === null || _a === void 0 ? void 0 : _a.ajv) {
-      // eslint-disable-next-line
-      const newError = [];
-      Object.keys(errors).forEach(err => {
-        newError.push({
-          instancePath: path,
-          message: err,
-          schemaPath: '',
-          keyword: '',
-          params: {}
-        });
-      });
-      ctx.core.ajv.errors = newError;
-    }
-  }, [errors, ctx, path]);
   useEffect(() => {
     const fetchSuggestions = () => __awaiter(void 0, void 0, void 0, function* () {
       if (searchTerm.length > 2 && dropdownSelected === false) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.50.2",
+  "version": "1.50.3",
   "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",