@abgov/jsonforms-components 2.6.2 → 2.6.3

package/index.esm.js

@@ -8506,7 +8506,6 @@ const FileUploaderReview = props => {
 };
 const FileUploader = _ref => {
   let {
-      data,
       path,
       handleChange,
       uischema
@@ -8521,6 +8520,7 @@ const FileUploader = _ref => {
   const deleteTriggerFunction = (_c = enumerators === null || enumerators === void 0 ? void 0 : enumerators.functions) === null || _c === void 0 ? void 0 : _c.get('delete-file');
   const deleteTrigger = deleteTriggerFunction && deleteTriggerFunction();
   const fileListValue = enumerators === null || enumerators === void 0 ? void 0 : enumerators.data.get('file-list');
+  const [loadingFileName, setLoadingFileName] = useState(undefined);
   const countries = ['Argentina', 'Brazil', 'Canada', 'Denmark', 'Egypt', 'France', 'Greece', 'India', 'Japan', 'Kenya'];
   enumerators === null || enumerators === void 0 ? void 0 : enumerators.addFormContextData('countries', countries);
   const user = enumerators === null || enumerators === void 0 ? void 0 : enumerators.getFormContextData('user');
@@ -8544,6 +8544,7 @@ const FileUploader = _ref => {
           deleteTrigger(fileInList, propertyId);
         }
       }
+      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);
@@ -8568,6 +8569,9 @@ const FileUploader = _ref => {
     return (_a = fileList === null || fileList === void 0 ? void 0 : fileList[props.i18nKeyPrefix]) === null || _a === void 0 ? void 0 : _a[index];
   }
   useEffect(() => {
+    if (loadingFileName !== undefined) {
+      setLoadingFileName(undefined);
+    }
     // UseEffect is required because not having it causes a react update error, but
     // it doesn't function correctly within jsonforms unless there is a minor delay here
     const delayedFunction = () => {
@@ -8662,13 +8666,13 @@ const FileUploader = _ref => {
     }), helpText && jsx(HelpText, {
       children: helpText
     }), jsx("div", {
-      children: Array.isArray(data) && data[0] === 'Loading' ? jsx(GoAModal, {
-        open: Array.isArray(data) && data[0] === 'Loading',
+      children: loadingFileName !== undefined ? jsx(GoAModal, {
+        open: loadingFileName !== undefined,
         children: jsx("div", {
           className: "align-center",
           children: jsx(GoACircularProgress, {
             visible: true,
-            message: `Uploading ${data[1]}`,
+            message: `Uploading ${loadingFileName}`,
             size: "large"
           })
         })

package/package.json

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