@abgov/jsonforms-components 2.12.0 → 2.13.0

package/index.esm.js

@@ -3548,9 +3548,9 @@ const onChangeForNumericControl = props => {
 };
 
 let _$a = t => t,
-  _t$b,
+  _t$a,
   _t2$7;
-styled.div(_t$b || (_t$b = _$a`
+styled.div(_t$a || (_t$a = _$a`
   height: 70vh;
   overflow-y: auto;
   padding-left: var(--goa-space-2xs);
@@ -5189,15 +5189,15 @@ const JsonFormRegisterProvider = ({
 };
 
 let _$9 = t => t,
-  _t$a,
+  _t$9,
   _t2$6,
   _t3$5,
   _t4$5,
-  _t5$3,
+  _t5$4,
   _t6$3,
   _t7$2,
   _t8$2;
-const FormFieldWrapper = styled.div(_t$a || (_t$a = _$9`
+const FormFieldWrapper = styled.div(_t$9 || (_t$9 = _$9`
   margin-bottom: var(--goa-space-l);
 `));
 const WarningIconDiv = styled.div(_t2$6 || (_t2$6 = _$9`
@@ -5220,7 +5220,7 @@ const PageReviewNameCol = styled.td(_t4$5 || (_t4$5 = _$9`
   padding-bottom: var(--goa-space-s);
   padding-right: var(--goa-space-m);
 `));
-const PageReviewValueCol = styled.td(_t5$3 || (_t5$3 = _$9`
+const PageReviewValueCol = styled.td(_t5$4 || (_t5$4 = _$9`
   width: 20%;
   text-align: left;
 `));
@@ -5458,11 +5458,11 @@ const ALT_KEY = 'Alt';
 const SHIFT_KEY = 'Shift';
 
 let _$8 = t => t,
-  _t$9,
+  _t$8,
   _t2$5,
   _t3$4,
   _t4$4;
-const GoADropdownTextbox = styled.div(_t$9 || (_t$9 = _$8`
+const GoADropdownTextbox = styled.div(_t$8 || (_t$8 = _$8`
   border-radius: var(--goa-space-2xs);
   box-shadow: ${0};
   &:hover {
@@ -6564,7 +6564,7 @@ const GoABooleanRadioControlTester = rankWith(3, and(isBooleanControl, optionIs(
 const GoABooleanRadioControl = withJsonFormsControlProps(BooleanRadioControl);
 
 let _$7 = t => t,
-  _t$8;
+  _t$7;
 const Checkboxes = ({
   children,
   orientation,
@@ -6576,7 +6576,7 @@ const Checkboxes = ({
     children: children
   });
 };
-const CheckBoxGroupDiv = styled.div(_t$8 || (_t$8 = _$7`
+const CheckBoxGroupDiv = styled.div(_t$7 || (_t$7 = _$7`
   .horizontal {
     display: flex;
     flex-direction: row;
@@ -6783,7 +6783,7 @@ const GoAInputBaseTableReview = props => {
 const GoAInputBaseTableReviewControl = withJsonFormsControlProps(GoAInputBaseTableReview);
 
 let _$6 = t => t,
-  _t$7;
+  _t$6;
 const renderLayoutElements = (elements, schema, path, enabled, renderers, cells) => {
   return elements.map((child, index) => jsx(JsonFormsDispatch, {
     uischema: child,
@@ -6862,18 +6862,18 @@ const ReviewLayoutRenderer = ({
     }
   }
 };
-const ReviewGrid = styled.div(_t$7 || (_t$7 = _$6`
+const ReviewGrid = styled.div(_t$6 || (_t$6 = _$6`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, calc(50% - 8px)));
   gap: 16px;
 `));
 
 let _$5 = t => t,
-  _t$6,
+  _t$5,
   _t2$4,
   _t3$3,
   _t4$3,
-  _t5$2,
+  _t5$3,
   _t6$2,
   _t7$1,
   _t8$1,
@@ -6890,7 +6890,7 @@ let _$5 = t => t,
   _t19$1,
   _t20$1,
   _t21;
-const ReviewItem = styled.div(_t$6 || (_t$6 = _$5`
+const ReviewItem = styled.div(_t$5 || (_t$5 = _$5`
   display: flex;
   flex-direction: column;
   border: var(--goa-border-width-s) solid grey;
@@ -6923,7 +6923,7 @@ const ReviewItemTitle = styled.div(_t4$3 || (_t4$3 = _$5`
   line-height: var(--goa-space-xl);
   font-weight: 300;
 `));
-const Anchor = styled.div(_t5$2 || (_t5$2 = _$5`
+const Anchor = styled.div(_t5$3 || (_t5$3 = _$5`
   color: #0070c4;
   text-decoration: underline;
   outline: none;
@@ -8240,8 +8240,8 @@ const FormStepperPageReviewer = props => {
 withAjvProps(withTranslateProps(withJsonFormsLayoutProps(FormStepperPageReviewer)));
 
 let _$4 = t => t,
-  _t$5;
-const BackButtonWrapper = styled.span(_t$5 || (_t$5 = _$4`
+  _t$4;
+const BackButtonWrapper = styled.span(_t$4 || (_t$4 = _$4`
   .back-link::before {
     content: '';
     display: inline-block;
@@ -8516,7 +8516,7 @@ function _objectWithoutPropertiesLoose(r, e) {
 }
 
 let _$3 = t => t,
-  _t$4;
+  _t$3;
 const GoAContextMenuIcon = props => {
   return jsx(GoAIconButton, {
     icon: props.type,
@@ -8527,7 +8527,7 @@ const GoAContextMenuIcon = props => {
     disabled: props.disabled
   });
 };
-const GoAContextMenu = styled.div(_t$4 || (_t$4 = _$3`
+const GoAContextMenu = styled.div(_t$3 || (_t$3 = _$3`
   display: flex;
   align-items: center;
   background-color: #fff;
@@ -8575,10 +8575,10 @@ const DeleteFileModal = ({
 };
 
 let _2 = t => t,
-  _t$3,
   _t2$3,
   _t3$2,
-  _t4$2;
+  _t4$2,
+  _t5$2;
 const _excluded$3 = ["data", "path", "handleChange", "uischema"];
 const DELAY_DELETE_TIMEOUT_MS = 5;
 const FileUploaderReview = props => {
@@ -8593,7 +8593,7 @@ const FileUploader = _ref => {
       uischema
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
   const enumerators = useContext(JsonFormContext);
   const uploadTriggerFunction = (_a = enumerators === null || enumerators === void 0 ? void 0 : enumerators.functions) === null || _a === void 0 ? void 0 : _a.get('upload-file');
   const uploadTrigger = uploadTriggerFunction && uploadTriggerFunction();
@@ -8617,22 +8617,27 @@ const FileUploader = _ref => {
   const propertyId = i18nKeyPrefix;
   const variant = ((_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.variant) || 'button';
   const noDownloadButton = (_f = (_e = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _e === void 0 ? void 0 : _e.format) === null || _f === void 0 ? void 0 : _f.noDownloadButton;
-  const multiFileUploader = variant === 'dragdrop';
+  const noDownloadButtonInReview = (_j = (_h = (_g = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _g === void 0 ? void 0 : _g.format) === null || _h === void 0 ? void 0 : _h.review) === null || _j === void 0 ? void 0 : _j.noDownloadButton;
+  const noDeleteButton = (_m = (_l = (_k = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _k === void 0 ? void 0 : _k.format) === null || _l === void 0 ? void 0 : _l.review) === null || _m === void 0 ? void 0 : _m.noDeleteButton;
   const [deleteHide, setDeleteHide] = useState(false);
-  const fileListLength = fileList && ((_g = fileList[props.i18nKeyPrefix]) === null || _g === void 0 ? void 0 : _g.length) || 0;
+  const fileListLength = fileList && ((_o = fileList[props.i18nKeyPrefix]) === null || _o === void 0 ? void 0 : _o.length) || 0;
+  const maxFiles = (_r = (_q = (_p = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _p === void 0 ? void 0 : _p.componentProps) === null || _q === void 0 ? void 0 : _q.maximum) !== null && _r !== void 0 ? _r : 1;
+  const isMultiFile = maxFiles > 1;
   function uploadFile(file) {
-    if (uploadTrigger) {
-      if (!multiFileUploader) {
-        const fileInList = getFile(fileListLength - 1);
-        if (fileInList) {
-          deleteTrigger(fileInList, propertyId);
+    if (!uploadTrigger) return;
+    if (fileListLength >= maxFiles) {
+      if (!isMultiFile && maxFiles === 1) {
+        const existingFile = getFile(0);
+        if (existingFile) {
+          deleteTrigger(existingFile, propertyId);
         }
+      } else {
+        return;
       }
-      setLoadingFileName(file === null || file === void 0 ? void 0 : file.name);
-      // To support multipleFileUploader, the propertyId (path) is in propertyId.index format
-      uploadTrigger(file, `${propertyId}.${fileListLength}`);
-      setDeleteHide(false);
     }
+    setLoadingFileName(file === null || file === void 0 ? void 0 : file.name);
+    uploadTrigger(file, `${propertyId}.${fileListLength}`);
+    setDeleteHide(false);
   }
   function downloadFile(file) {
     if (downloadTrigger) {
@@ -8675,13 +8680,13 @@ const FileUploader = _ref => {
     const timeoutId = setTimeout(delayedFunction, 1);
     return () => clearTimeout(timeoutId);
   }, [handleChange, fileList, propertyId]);
-  const readOnly = ((_j = (_h = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _h === void 0 ? void 0 : _h.componentProps) === null || _j === void 0 ? void 0 : _j.readOnly) === true || (props === null || props === void 0 ? void 0 : props.isStepperReview) === true || user === null;
-  const maxFileSize = (_m = (_l = (_k = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _k === void 0 ? void 0 : _k.componentProps) === null || _l === void 0 ? void 0 : _l.maxFileSize) !== null && _m !== void 0 ? _m : '';
-  const accept = (_q = (_p = (_o = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _o === void 0 ? void 0 : _o.componentProps) === null || _p === void 0 ? void 0 : _p.accept) !== null && _q !== void 0 ? _q : '';
+  const readOnly = ((_t = (_s = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _s === void 0 ? void 0 : _s.componentProps) === null || _t === void 0 ? void 0 : _t.readOnly) === true || (props === null || props === void 0 ? void 0 : props.isStepperReview) === true || user === null;
+  const maxFileSize = (_w = (_v = (_u = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _u === void 0 ? void 0 : _u.componentProps) === null || _v === void 0 ? void 0 : _v.maxFileSize) !== null && _w !== void 0 ? _w : '';
+  const accept = (_z = (_y = (_x = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _x === void 0 ? void 0 : _x.componentProps) === null || _y === void 0 ? void 0 : _y.accept) !== null && _z !== void 0 ? _z : '';
   if (!enumerators) {
     return jsx(Fragment, {});
   }
-  const helpText = (_r = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _r === void 0 ? void 0 : _r.help;
+  const helpText = (_0 = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _0 === void 0 ? void 0 : _0.help;
   const sentenceCaseLabel = convertToSentenceCase(label);
   const DownloadFileWidget = ({
     index
@@ -8690,7 +8695,7 @@ const FileUploader = _ref => {
     const [showFileDeleteConfirmation, setShowFileDeleteConfirmation] = useState(false);
     return jsx("div", {
       children: readOnly ? jsxs(AttachmentBorderDisabled, {
-        children: [getFileName(index), jsx(GoAContextMenuIcon, {
+        children: [getFileName(index), noDownloadButtonInReview !== true && jsx(GoAContextMenuIcon, {
           testId: "download-icon",
           title: "Download",
           type: "download",
@@ -8705,7 +8710,7 @@ const FileUploader = _ref => {
             title: "Download",
             type: "download",
             onClick: () => downloadFile(getFile(index))
-          }), jsx(GoAContextMenuIcon, {
+          }), noDeleteButton !== true && jsx(GoAContextMenuIcon, {
             "data-testid": "delete-icon",
             title: "Delete",
             type: "trash",
@@ -8763,11 +8768,9 @@ const FileUploader = _ref => {
             })
           })
         }) : jsx("div", {
-          children: multiFileUploader ? fileList && (fileList[props.i18nKeyPrefix] || []).map((_, index) => {
-            return jsx(DownloadFileWidget, {
-              index: index
-            });
-          }) : fileList && !deleteHide && getFile(fileListLength - 1) && fileListLength >= 0 && jsx(DownloadFileWidget, {
+          children: fileList && isMultiFile ? (fileList[props.i18nKeyPrefix] || []).map((_, index) => jsx(DownloadFileWidget, {
+            index: index
+          }, index)) : !deleteHide && getFile(fileListLength - 1) && fileListLength >= 0 && jsx(DownloadFileWidget, {
             index: fileListLength - 1
           })
         })
@@ -8775,12 +8778,12 @@ const FileUploader = _ref => {
     })
   });
 };
-const HelpText = styled.div(_t$3 || (_t$3 = _2`
+const HelpText = styled.div(_t2$3 || (_t2$3 = _2`
   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 = _2`
+const AttachmentBorderDisabled = styled.div(_t3$2 || (_t3$2 = _2`
   display: flex;
   flex-direction: row;
   border: var(--goa-border-width-s) solid #dcdcdc;
@@ -8789,7 +8792,7 @@ const AttachmentBorderDisabled = styled.div(_t2$3 || (_t2$3 = _2`
   width: fit-content;
   background-color: #f1f1f1;
 `));
-const AttachmentBorder = styled.div(_t3$2 || (_t3$2 = _2`
+const AttachmentBorder = styled.div(_t4$2 || (_t4$2 = _2`
   display: flex;
   flex-direction: row;
   border: var(--goa-border-width-s) solid #dcdcdc;
@@ -8798,7 +8801,7 @@ const AttachmentBorder = styled.div(_t3$2 || (_t3$2 = _2`
   width: fit-content;
   margin-top: var(--goa-space-2xs);
 `));
-const FileUploaderStyle = styled.div(_t4$2 || (_t4$2 = _2`
+const FileUploaderStyle = styled.div(_t5$2 || (_t5$2 = _2`
   margin-bottom: var(--goa-space-l);
   .label {
     display: block;
@@ -10288,6 +10291,7 @@ class ListWithDetailControl extends React.Component {
 }
 
 const ListWithDetailsControl = props => {
+  var _a, _b;
   const [open, setOpen] = useState(false);
   const [path, setPath] = useState();
   const [name, setName] = useState();
@@ -10320,6 +10324,9 @@ const ListWithDetailsControl = props => {
     setOpen(false);
     // eslint-disable-next-line
   }, [setOpen, path, rowData, rowData]);
+  if (((_a = props.translations) === null || _a === void 0 ? void 0 : _a.deleteDialogTitle) === undefined || props.translations.deleteDialogTitle === null) {
+    props.translations.deleteDialogTitle = '';
+  }
   return jsxs(Visible, {
     visible: visible,
     children: [jsx(ListWithDetailControl, Object.assign({}, props, {
@@ -10331,7 +10338,7 @@ const ListWithDetailsControl = props => {
       open: open,
       onCancel: deleteCancel,
       onConfirm: deleteConfirm,
-      title: props.translations.deleteDialogTitle || '',
+      title: (_b = props.translations.deleteDialogTitle) !== null && _b !== void 0 ? _b : '',
       message: `Are you sure you wish to delete ${name}`
     })]
   });

package/package.json

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