@abgov/jsonforms-components 1.53.7 → 1.53.8

package/index.esm.js

@@ -4062,7 +4062,7 @@ let _$8 = t => t,
   _t$8,
   _t2$5,
   _t3$4,
-  _t4$3;
+  _t4$4;
 const GoADropdownTextbox = styled.div(_t$8 || (_t$8 = _$8`
   border-radius: var(--goa-space-2xs);
   box-shadow: ${0};
@@ -4102,7 +4102,7 @@ const GoADropdownListContainer = styled.div(_t3$4 || (_t3$4 = _$8`
     scrollbar-color: #a8a8a8 var(--goa-color-greyscale-100) !important;
   }
 `), p => p.optionListMaxHeight || '272px');
-const GoADropdownListOption = styled.div(_t4$3 || (_t4$3 = _$8`
+const GoADropdownListOption = styled.div(_t4$4 || (_t4$4 = _$8`
   padding: var(--goa-space-2xs) var(--goa-space-s);
   text-overflow: ellipsis;
   color: ${0} !important;
@@ -5363,7 +5363,7 @@ let _$5 = t => t,
   _t$5,
   _t2$4,
   _t3$3,
-  _t4$2,
+  _t4$3,
   _t5$2,
   _t6$2,
   _t7$1,
@@ -5399,7 +5399,7 @@ const ReviewItemHeader = styled.div(_t3$3 || (_t3$3 = _$5`
   justify-content: space-between;
   margin-bottom: var(--goa-space-xl);
 `));
-const ReviewItemTitle = styled.div(_t4$2 || (_t4$2 = _$5`
+const ReviewItemTitle = styled.div(_t4$3 || (_t4$3 = _$5`
   font-size: var(--goa-space-l);
   line-height: var(--goa-space-xl);
   font-weight: 300;
@@ -6385,7 +6385,8 @@ const DeleteFileModal = ({
 let _$3 = t => t,
   _t$3,
   _t2$3,
-  _t3$2;
+  _t3$2,
+  _t4$2;
 const DELAY_UPLOAD_TIMEOUT_MS = 5;
 const DELAY_DELETE_TIMEOUT_MS = 5;
 const FileUploaderReview = props => {
@@ -6394,7 +6395,7 @@ const FileUploaderReview = props => {
   }));
 };
 const FileUploader = _a => {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
   var {
       data,
       path,
@@ -6467,6 +6468,7 @@ const FileUploader = _a => {
   if (!enumerators) {
     return jsx(Fragment, {});
   }
+  const helpText = (_p = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _p === void 0 ? void 0 : _p.help;
   const sentenceCaseLabel = convertToSentenceCase(label);
   return jsxs(FileUploaderStyle, {
     id: "file-upload",
@@ -6485,6 +6487,8 @@ const FileUploader = _a => {
         maxFileSize: maxFileSize,
         accept: accept
       })
+    }), helpText && jsx(HelpText, {
+      children: helpText
     }), jsx("div", {
       children: Array.isArray(data) && data[0] === 'Loading' ? jsx(GoAModal, {
         open: Array.isArray(data) && data[0] === 'Loading',
@@ -6542,7 +6546,12 @@ const FileUploader = _a => {
     })]
   });
 };
-const AttachmentBorderDisabled = styled.div(_t$3 || (_t$3 = _$3`
+const HelpText = styled.div(_t$3 || (_t$3 = _$3`
+  margin-top: var(--goa-space-xs);
+  font-size: var(--goa-font-size-3);
+  color: var(--goa-color-text-secondary);
+`));
+const AttachmentBorderDisabled = styled.div(_t2$3 || (_t2$3 = _$3`
   display: flex;
   flex-direction: row;
   border: var(--goa-border-width-s) solid #dcdcdc;
@@ -6551,7 +6560,7 @@ const AttachmentBorderDisabled = styled.div(_t$3 || (_t$3 = _$3`
   width: fit-content;
   background-color: #f1f1f1;
 `));
-const AttachmentBorder = styled.div(_t2$3 || (_t2$3 = _$3`
+const AttachmentBorder = styled.div(_t3$2 || (_t3$2 = _$3`
   display: flex;
   flex-direction: row;
   border: var(--goa-border-width-s) solid #dcdcdc;
@@ -6560,7 +6569,7 @@ const AttachmentBorder = styled.div(_t2$3 || (_t2$3 = _$3`
   width: fit-content;
   margin-top: var(--goa-space-2xs);
 `));
-const FileUploaderStyle = styled.div(_t3$2 || (_t3$2 = _$3`
+const FileUploaderStyle = styled.div(_t4$2 || (_t4$2 = _$3`
   margin-bottom: var(--goa-space-l);
   .label {
     display: block;

package/package.json

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