@abgov/jsonforms-components 1.50.1 → 1.50.3

package/index.esm.js

@@ -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,7 +3862,6 @@ const GoAInputBaseControl = props => {
     label,
     input,
     required,
-    errors,
     path,
     isStepperReview
   } = props;
@@ -4122,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;
@@ -5323,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`
@@ -6648,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`
@@ -7807,7 +7808,7 @@ const SearchBox = styled.div(_t$1 || (_t$1 = _$1`
     width: 100%;
     position: absolute;
 
-    background: var(--color-white);
+    background: var(--goa-color-greyscale-white);
     box-shadow: 0 8px 8px rgb(0 0 0 / 20%), 0 4px 4px rgb(0 0 0 / 10%);
     z-index: 99;
     overflow: hidden auto;
@@ -7817,10 +7818,10 @@ const SearchBox = styled.div(_t$1 || (_t$1 = _$1`
   }
   .suggestion-active,
   .suggestions li:hover {
-    background-color: var(--color-primary);
-    color: var(--color-white);
+    background-color: var(--goa-color-interactive-default);
+    color: var(--goa-color-greyscale-white);
     cursor: pointer;
-    font-weight: var(--fw-bold);
+    font-weight: 600;
   }
   .input-container {
     position: relative;
@@ -7866,13 +7867,13 @@ const ListItem = styled.li(_t6 || (_t6 = _$1`
 `), ({
   selectedIndex,
   index
-}) => selectedIndex === index ? 'var(--color-primary)' : '', ({
+}) => selectedIndex === index ? 'var(--goa-color-interactive-default)' : '', ({
   selectedIndex,
   index
-}) => selectedIndex === index ? 'var(--color-white) !important' : '', ({
+}) => selectedIndex === index ? 'var(--goa-color-greyscale-white) !important' : '', ({
   selectedIndex,
   index
-}) => selectedIndex === index ? 'var(--fw-bold)' : '');
+}) => selectedIndex === index ? '600' : '');
 
 const AddressInputs = ({
   address,

package/package.json

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