@evoke-platform/ui-components 1.0.0-dev.226 → 1.0.0-dev.228

package/dist/published/components/custom/Form/Common/Form.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { useApp, useAuthenticationContext, } from '@evoke-platform/context';
 import { Components, Form as FormIO } from '@formio/react';
 import { flatten } from 'flat';
@@ -25,13 +16,12 @@ const usePrevious = (value) => {
     return ref.current;
 };
 export function Form(props) {
-    var _a;
     const { clearable, closeModal, onSave, submitButtonLabel, instance, object, objectInputCommonProps, actionId, actionType, associatedObject, onAutoSave, apiServices, navigateTo, document, queryAddresses, user, isReadOnly, fieldHeight, richTextEditor, } = props;
     const [formKey, setFormKey] = useState();
     const [componentProps, setComponentProps] = useState([]);
     const [snackbarError, setSnackbarError] = useState();
     const prevFormKey = usePrevious(formKey);
-    const userAccount = user !== null && user !== void 0 ? user : (_a = useAuthenticationContext()) === null || _a === void 0 ? void 0 : _a.account;
+    const userAccount = user ?? useAuthenticationContext()?.account;
     const { defaultPages, findDefaultPageSlugFor } = useApp();
     const rebuildFormComponents = () => {
         const viewDetailsComponents = {
@@ -53,7 +43,30 @@ export function Form(props) {
             ViewOnlyImage: ImageComponent,
             ViewOnlyTime: ViewOnlyComponent,
         };
-        Components.setComponents(Object.assign(Object.assign(Object.assign({}, Components.components), { Boolean: FormFieldComponent, Columns: Components.components.columns, DateTime: FormFieldComponent, Date: FormFieldComponent, Select: FormFieldComponent, MultiSelect: FormFieldComponent, Object: ObjectComponent, User: UserComponent, TextField: FormFieldComponent, Decimal: FormFieldComponent, Document: DocumentComponent, Integer: FormFieldComponent, Buttons: ButtonComponent, Content: Components.components.content, RichText: richTextEditor, Section: Components.components.tabs, ManyToManyRepeatableField: RepeatableFieldComponent, RepeatableField: RepeatableFieldComponent, Image: ImageComponent, Time: FormFieldComponent }), (isReadOnly && viewDetailsComponents)));
+        Components.setComponents({
+            ...Components.components,
+            Boolean: FormFieldComponent,
+            Columns: Components.components.columns,
+            DateTime: FormFieldComponent,
+            Date: FormFieldComponent,
+            Select: FormFieldComponent,
+            MultiSelect: FormFieldComponent,
+            Object: ObjectComponent,
+            User: UserComponent,
+            TextField: FormFieldComponent,
+            Decimal: FormFieldComponent,
+            Document: DocumentComponent,
+            Integer: FormFieldComponent,
+            Buttons: ButtonComponent,
+            Content: Components.components.content,
+            RichText: richTextEditor,
+            Section: Components.components.tabs,
+            ManyToManyRepeatableField: RepeatableFieldComponent,
+            RepeatableField: RepeatableFieldComponent,
+            Image: ImageComponent,
+            Time: FormFieldComponent,
+            ...(isReadOnly && viewDetailsComponents),
+        });
         buildComponents();
     };
     useEffect(() => {
@@ -68,55 +81,59 @@ export function Form(props) {
             buildComponents();
         }
     }, [formKey]);
-    const buildComponents = () => __awaiter(this, void 0, void 0, function* () {
-        var _b, _c, _d;
-        const action = (_b = object === null || object === void 0 ? void 0 : object.actions) === null || _b === void 0 ? void 0 : _b.find((action) => action.id === actionId);
+    const buildComponents = async () => {
+        const action = object?.actions?.find((action) => action.id === actionId);
         let input;
-        const parameters = (associatedObject === null || associatedObject === void 0 ? void 0 : associatedObject.propertyId) && (action === null || action === void 0 ? void 0 : action.parameters)
-            ? action.parameters.filter((param) => param.id !== (associatedObject === null || associatedObject === void 0 ? void 0 : associatedObject.propertyId))
-            : action === null || action === void 0 ? void 0 : action.parameters;
+        const parameters = associatedObject?.propertyId && action?.parameters
+            ? action.parameters.filter((param) => param.id !== associatedObject?.propertyId)
+            : action?.parameters;
         if (parameters && object) {
-            input = ((_c = action === null || action === void 0 ? void 0 : action.form) === null || _c === void 0 ? void 0 : _c.entries)
+            input = action?.form?.entries
                 ? convertFormToComponents(action.form.entries, parameters, object)
-                : parameters.filter((param) => { var _a; return (_a = object.properties) === null || _a === void 0 ? void 0 : _a.some((prop) => prop.id === param.id); });
+                : parameters.filter((param) => object.properties?.some((prop) => prop.id === param.id));
         }
         else {
-            input = (_d = action === null || action === void 0 ? void 0 : action.inputProperties) !== null && _d !== void 0 ? _d : ((action === null || action === void 0 ? void 0 : action.type) === 'delete' ? [] : undefined);
+            input = action?.inputProperties ?? (action?.type === 'delete' ? [] : undefined);
         }
-        let visibleObjectProperties = object === null || object === void 0 ? void 0 : object.properties;
+        let visibleObjectProperties = object?.properties;
         if (associatedObject) {
             // Eliminates the associated object's field from the form
-            visibleObjectProperties = visibleObjectProperties === null || visibleObjectProperties === void 0 ? void 0 : visibleObjectProperties.filter((property) => property.id !== associatedObject.propertyId);
+            visibleObjectProperties = visibleObjectProperties?.filter((property) => property.id !== associatedObject.propertyId);
         }
         let foundDefaultPages = defaultPages;
-        const relatedObjectProperties = visibleObjectProperties === null || visibleObjectProperties === void 0 ? void 0 : visibleObjectProperties.filter((property) => property.type === 'object');
+        const relatedObjectProperties = visibleObjectProperties?.filter((property) => property.type === 'object');
         if (relatedObjectProperties) {
-            foundDefaultPages = yield relatedObjectProperties.reduce((acc, property) => __awaiter(this, void 0, void 0, function* () {
-                const result = yield acc;
+            foundDefaultPages = await relatedObjectProperties.reduce(async (acc, property) => {
+                const result = await acc;
                 if (property.objectId && defaultPages && defaultPages[property.objectId]) {
-                    const slug = yield findDefaultPageSlugFor(property.objectId);
+                    const slug = await findDefaultPageSlugFor(property.objectId);
                     if (slug) {
-                        return Object.assign(Object.assign({}, result), { [property.objectId]: slug });
+                        return { ...result, [property.objectId]: slug };
                     }
                 }
                 return result;
-            }), Promise.resolve({}));
+            }, Promise.resolve({}));
         }
-        const allDefaultPages = Object.assign(Object.assign({}, defaultPages), foundDefaultPages);
+        const allDefaultPages = { ...defaultPages, ...foundDefaultPages };
         if (input && visibleObjectProperties) {
-            if (input.length || (action === null || action === void 0 ? void 0 : action.type) !== 'delete') {
+            if (input.length || action?.type !== 'delete') {
                 // formIO builder-configured input properties exist
-                const newComponentProps = yield addObjectPropertiesToComponentProps(visibleObjectProperties, input, instance, Object.assign(Object.assign({}, objectInputCommonProps), { defaultPages: allDefaultPages, navigateTo,
-                    apiServices, user: userAccount }), undefined, isReadOnly, allDefaultPages, navigateTo, queryAddresses, apiServices, !!closeModal, fieldHeight);
+                const newComponentProps = await addObjectPropertiesToComponentProps(visibleObjectProperties, input, instance, {
+                    ...objectInputCommonProps,
+                    defaultPages: allDefaultPages,
+                    navigateTo,
+                    apiServices,
+                    user: userAccount,
+                }, undefined, isReadOnly, allDefaultPages, navigateTo, queryAddresses, apiServices, !!closeModal, fieldHeight);
                 const components = isReadOnly ? newComponentProps : [...newComponentProps, BottomButtons];
                 setComponentProps(components);
             }
             else {
                 // this condition is used for the delete action's modal form
                 setComponentProps([
-                    ...(yield addObjectPropertiesToComponentProps(visibleObjectProperties, [
+                    ...(await addObjectPropertiesToComponentProps(visibleObjectProperties, [
                         {
-                            html: `<p>${(action === null || action === void 0 ? void 0 : action.type) === 'delete' ? 'This action cannot be undone.' : 'Are you sure?'}</p>`,
+                            html: `<p>${action?.type === 'delete' ? 'This action cannot be undone.' : 'Are you sure?'}</p>`,
                             label: 'Content',
                             customClass: '',
                             refreshOnChange: false,
@@ -182,33 +199,41 @@ export function Form(props) {
                             addons: [],
                             id: 'eahbwo',
                         },
-                    ], instance, Object.assign(Object.assign({}, objectInputCommonProps), { defaultPages: allDefaultPages, navigateTo,
-                        apiServices, user: userAccount }), undefined, undefined, undefined, undefined, undefined, undefined, !!closeModal, fieldHeight)),
+                    ], instance, {
+                        ...objectInputCommonProps,
+                        defaultPages: allDefaultPages,
+                        navigateTo,
+                        apiServices,
+                        user: userAccount,
+                    }, undefined, undefined, undefined, undefined, undefined, undefined, !!closeModal, fieldHeight)),
                     BottomButtons,
                 ]);
             }
         }
-        else if (object === null || object === void 0 ? void 0 : object.properties) {
+        else if (object?.properties) {
             // If form.io form is not configured and no inputProperties are
             // set, use object properties to build form.
-            const propertiesInForm = object.properties.filter((prop) => prop.id !== (associatedObject === null || associatedObject === void 0 ? void 0 : associatedObject.propertyId) && ((action === null || action === void 0 ? void 0 : action.type) !== 'create' || prop.type !== 'document'));
+            const propertiesInForm = object.properties.filter((prop) => prop.id !== associatedObject?.propertyId && (action?.type !== 'create' || prop.type !== 'document'));
             setComponentProps([
-                ...buildComponentPropsFromObjectProperties(propertiesInForm, object.id, instance, Object.assign(Object.assign({}, objectInputCommonProps), { defaultPages: allDefaultPages, navigateTo,
+                ...buildComponentPropsFromObjectProperties(propertiesInForm, object.id, instance, {
+                    ...objectInputCommonProps,
+                    defaultPages: allDefaultPages,
+                    navigateTo,
                     apiServices,
-                    user }), !!action, undefined, isReadOnly, queryAddresses, !!closeModal, fieldHeight),
+                    user,
+                }, !!action, undefined, isReadOnly, queryAddresses, !!closeModal, fieldHeight),
                 !isReadOnly && BottomButtons,
             ]);
         }
         else if (document) {
-            const documentProperties = toPairs(flatten(document !== null && document !== void 0 ? document : {}));
+            const documentProperties = toPairs(flatten(document ?? {}));
             setComponentProps([
                 ...buildComponentPropsFromDocumentProperties(documentProperties, isReadOnly, undefined, fieldHeight),
                 !isReadOnly && BottomButtons,
             ]);
         }
-    });
-    const uploadDocuments = (files, metadata) => __awaiter(this, void 0, void 0, function* () {
-        var _e;
+    };
+    const uploadDocuments = async (files, metadata) => {
         const allDocuments = [];
         const formData = new FormData();
         for (const [index, file] of files.entries()) {
@@ -224,29 +249,32 @@ export function Form(props) {
                 formData.append(key, value);
             }
         }
-        const docs = yield (apiServices === null || apiServices === void 0 ? void 0 : apiServices.post(getPrefixedUrl(`/objects/${object === null || object === void 0 ? void 0 : object.id}/instances/${instance === null || instance === void 0 ? void 0 : instance.id}/documents`), formData));
-        return allDocuments.concat((_e = docs === null || docs === void 0 ? void 0 : docs.map((doc) => ({ id: doc.id, name: doc.name }))) !== null && _e !== void 0 ? _e : []);
-    });
-    const saveDocuments = (submittedFields, action) => __awaiter(this, void 0, void 0, function* () {
-        var _f, _g, _h, _j;
-        const documentProperties = (action === null || action === void 0 ? void 0 : action.parameters)
+        const docs = await apiServices?.post(getPrefixedUrl(`/objects/${object?.id}/instances/${instance?.id}/documents`), formData);
+        return allDocuments.concat(docs?.map((doc) => ({ id: doc.id, name: doc.name })) ?? []);
+    };
+    const saveDocuments = async (submittedFields, action) => {
+        const documentProperties = action?.parameters
             ? action.parameters.filter((param) => param.type === 'document')
-            : (_f = object === null || object === void 0 ? void 0 : object.properties) === null || _f === void 0 ? void 0 : _f.filter((prop) => prop.type === 'document');
+            : object?.properties?.filter((prop) => prop.type === 'document');
         let allEntries = null;
-        for (const docProperty of documentProperties !== null && documentProperties !== void 0 ? documentProperties : []) {
+        for (const docProperty of documentProperties ?? []) {
             const value = submittedFields[docProperty.id];
             // skip if the document list did not change
-            if (value === undefined || !instance || isEqual(instance === null || instance === void 0 ? void 0 : instance[docProperty.id], value)) {
+            if (value === undefined || !instance || isEqual(instance?.[docProperty.id], value)) {
                 continue;
             }
             let savedDocuments = null;
             if (value && value.some((doc) => doc instanceof File)) {
                 if (!allEntries) {
-                    allEntries = (_j = getFlattenEntries((_h = (_g = action === null || action === void 0 ? void 0 : action.form) === null || _g === void 0 ? void 0 : _g.entries) !== null && _h !== void 0 ? _h : [])) !== null && _j !== void 0 ? _j : [];
+                    allEntries = getFlattenEntries(action?.form?.entries ?? []) ?? [];
                 }
                 const docEntry = allEntries.find((entry) => entry.parameterId === docProperty.id);
                 try {
-                    savedDocuments = yield uploadDocuments(value, Object.assign({ type: '', view_permission: '' }, docEntry === null || docEntry === void 0 ? void 0 : docEntry.documentMetadata));
+                    savedDocuments = await uploadDocuments(value, {
+                        type: '',
+                        view_permission: '',
+                        ...docEntry?.documentMetadata,
+                    });
                 }
                 catch (error) {
                     setSnackbarError({ message: `An error occurred while uploading associated documents` });
@@ -260,32 +288,30 @@ export function Form(props) {
             submittedFields[docProperty.id] = savedDocuments;
         }
         return true;
-    });
-    const deleteDocuments = (submittedFields, requestSuccess, action) => __awaiter(this, void 0, void 0, function* () {
-        var _k, _l, _m, _o;
-        const documentProperties = (action === null || action === void 0 ? void 0 : action.parameters)
+    };
+    const deleteDocuments = async (submittedFields, requestSuccess, action) => {
+        const documentProperties = action?.parameters
             ? action.parameters.filter((param) => param.type === 'document')
-            : (_k = object === null || object === void 0 ? void 0 : object.properties) === null || _k === void 0 ? void 0 : _k.filter((prop) => prop.type === 'document');
-        for (const docProperty of documentProperties !== null && documentProperties !== void 0 ? documentProperties : []) {
+            : object?.properties?.filter((prop) => prop.type === 'document');
+        for (const docProperty of documentProperties ?? []) {
             const savedValue = submittedFields[docProperty.id];
-            const originalValue = instance === null || instance === void 0 ? void 0 : instance[docProperty.id];
+            const originalValue = instance?.[docProperty.id];
             const documentsToRemove = requestSuccess
-                ? (_l = originalValue === null || originalValue === void 0 ? void 0 : originalValue.filter((file) => !(savedValue === null || savedValue === void 0 ? void 0 : savedValue.some((f) => f.id === file.id)))) !== null && _l !== void 0 ? _l : []
-                : (_m = savedValue === null || savedValue === void 0 ? void 0 : savedValue.filter((file) => !(originalValue === null || originalValue === void 0 ? void 0 : originalValue.some((f) => f.id === file.id)))) !== null && _m !== void 0 ? _m : [];
+                ? originalValue?.filter((file) => !savedValue?.some((f) => f.id === file.id)) ?? []
+                : savedValue?.filter((file) => !originalValue?.some((f) => f.id === file.id)) ?? [];
             for (const doc of documentsToRemove) {
                 try {
-                    yield (apiServices === null || apiServices === void 0 ? void 0 : apiServices.delete(getPrefixedUrl(`/objects/${object === null || object === void 0 ? void 0 : object.id}/instances/${instance === null || instance === void 0 ? void 0 : instance.id}/documents/${doc.id}`)));
+                    await apiServices?.delete(getPrefixedUrl(`/objects/${object?.id}/instances/${instance?.id}/documents/${doc.id}`));
                 }
                 catch (error) {
-                    if (((_o = error.response) === null || _o === void 0 ? void 0 : _o.status) !== 404) {
+                    if (error.response?.status !== 404) {
                         setSnackbarError({ message: `An error occurred while removing document '${doc.name}'` });
                     }
                 }
             }
         }
-    });
-    const saveHandler = (submission, type, setError, setSubmitting) => __awaiter(this, void 0, void 0, function* () {
-        var _p;
+    };
+    const saveHandler = async (submission, type, setError, setSubmitting) => {
         const submittedFields = {};
         for (const field in submission.data) {
             const value = submission.data[field];
@@ -299,32 +325,32 @@ export function Form(props) {
         //OPTIMIZATION TODO: See if type can be inferred from the event target
         if (type === 'submit') {
             if (onSave) {
-                const action = (_p = object === null || object === void 0 ? void 0 : object.actions) === null || _p === void 0 ? void 0 : _p.find((action) => action.id === actionId);
-                const documentsUploaded = yield saveDocuments(submittedFields, action);
+                const action = object?.actions?.find((action) => action.id === actionId);
+                const documentsUploaded = await saveDocuments(submittedFields, action);
                 if (documentsUploaded) {
                     try {
-                        const { isSuccessful, error } = yield onSave(submittedFields, setSubmitting);
+                        const { isSuccessful, error } = await onSave(submittedFields, setSubmitting);
                         setError(error);
                         // Delete the documents that were removed if save was successful,
                         // otherwise delete the documents that were uploaded.
-                        yield deleteDocuments(submittedFields, isSuccessful, action);
+                        await deleteDocuments(submittedFields, isSuccessful, action);
                         !error && !closeModal && setFormKey(Date.now());
                     }
                     catch (err) {
                         // If the save fails, delete the documents that were just uploaded
-                        yield deleteDocuments(submittedFields, false, action);
+                        await deleteDocuments(submittedFields, false, action);
                     }
                 }
             }
         }
         else {
             if (onAutoSave) {
-                const documentsUploaded = yield saveDocuments(submittedFields);
+                const documentsUploaded = await saveDocuments(submittedFields);
                 if (!documentsUploaded) {
                     return;
                 }
                 try {
-                    const { isSuccessful, error } = yield onAutoSave(submittedFields);
+                    const { isSuccessful, error } = await onAutoSave(submittedFields);
                     // Delete the documents that were removed if save was successful,
                     // otherwise delete the documents that were uploaded.
                     deleteDocuments(submittedFields, isSuccessful);
@@ -336,7 +362,7 @@ export function Form(props) {
                 }
             }
         }
-    });
+    };
     const BottomButtons = {
         type: 'Buttons',
         key: 'cancel-submit',
@@ -367,7 +393,7 @@ export function Form(props) {
                     key: 'save-draft',
                     variant: 'outlined',
                     isModal: !!closeModal,
-                    onClick: (data, setError, setSubmitting) => __awaiter(this, void 0, void 0, function* () { return yield saveHandler(data, 'draft', setError, setSubmitting); }),
+                    onClick: async (data, setError, setSubmitting) => await saveHandler(data, 'draft', setError, setSubmitting),
                     style: { lineHeight: '2.75', margin: '5px', padding: '0 10px' },
                 }
                 : undefined,
@@ -408,6 +434,6 @@ export function Form(props) {
             React.createElement(Box, { display: 'flex', width: '100%', justifyContent: 'space-between' },
                 React.createElement(Skeleton, { width: '48%', sx: { borderRadius: '8px', height: '40px' } }),
                 React.createElement(Skeleton, { width: '48%', sx: { borderRadius: '8px', height: '40px' } })))),
-        React.createElement(Snackbar, { open: !!(snackbarError === null || snackbarError === void 0 ? void 0 : snackbarError.message), handleClose: () => setSnackbarError(undefined), message: snackbarError === null || snackbarError === void 0 ? void 0 : snackbarError.message, error: true })));
+        React.createElement(Snackbar, { open: !!snackbarError?.message, handleClose: () => setSnackbarError(undefined), message: snackbarError?.message, error: true })));
 }
 export default Form;

package/dist/published/components/custom/Form/Common/FormComponentWrapper.js

@@ -16,17 +16,26 @@ const descriptionStyles = {
 const PrefixSuffix = (props) => {
     const { prefix, suffix, height } = props;
     const text = prefix || suffix;
-    const prefixSuffixStyles = Object.assign(Object.assign(Object.assign({ display: 'inline-flex', alignItems: 'center', background: '#f5f5f5', padding: '5px', border: '1px solid #ccc' }, (suffix && {
-        borderTopRightRadius: '5px',
-        borderBottomRightRadius: '5px',
-        marginLeft: '-5px',
-        paddingLeft: '10px',
-    })), (prefix && {
-        borderTopLeftRadius: '5px',
-        borderBottomLeftRadius: '5px',
-        marginRight: '-5px',
-        paddingRight: '10px',
-    })), { height: height });
+    const prefixSuffixStyles = {
+        display: 'inline-flex',
+        alignItems: 'center',
+        background: '#f5f5f5',
+        padding: '5px',
+        border: '1px solid #ccc',
+        ...(suffix && {
+            borderTopRightRadius: '5px',
+            borderBottomRightRadius: '5px',
+            marginLeft: '-5px',
+            paddingLeft: '10px',
+        }),
+        ...(prefix && {
+            borderTopLeftRadius: '5px',
+            borderBottomLeftRadius: '5px',
+            marginRight: '-5px',
+            paddingRight: '10px',
+        }),
+        height: height,
+    };
     if (!prefix && !suffix)
         return null;
     return (React.createElement(Box, { sx: prefixSuffixStyles },

package/dist/published/components/custom/Form/FormComponents/ButtonComponent.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { ReactComponent } from '@formio/react';
 import { groupBy, isEmpty } from 'lodash';
@@ -21,12 +12,11 @@ export class ButtonComponent extends ReactComponent {
     constructor(component, options, data) {
         super(component, options, data);
         this.getButton = (buttonAction) => {
-            var _a;
-            return (_a = this.component.components) === null || _a === void 0 ? void 0 : _a.find((button) => button && button.action == buttonAction);
+            return this.component.components?.find((button) => button && button.action == buttonAction);
         };
         this.handleCancel = (event) => {
             const cancelButton = this.getButton('cancel');
-            cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.onClick(event);
+            cancelButton?.onClick(event);
         };
         this.handleSaveDraft = (setSubmitting) => {
             setSubmitting(true);
@@ -79,17 +69,16 @@ export class ButtonComponent extends ReactComponent {
                 setTimeout(() => {
                     const element = document.getElementById(`error-list-${this.root.id}`);
                     submitButton.isModal
-                        ? element === null || element === void 0 ? void 0 : element.scrollIntoView({ block: 'nearest' })
+                        ? element?.scrollIntoView({ block: 'nearest' })
                         : this.scrollIntoViewWithOffset(element, 170);
                 }, 0);
                 setSubmitting(false);
             }
         };
         this.scrollIntoViewWithOffset = (el, offset) => {
-            var _a, _b, _c;
             window.scrollTo({
                 behavior: 'smooth',
-                top: ((_a = el === null || el === void 0 ? void 0 : el.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.top) - ((_c = (_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.top) - offset,
+                top: el?.getBoundingClientRect()?.top - document?.body?.getBoundingClientRect()?.top - offset,
             });
         };
         this.setButtonKey = (value) => {
@@ -103,15 +92,15 @@ export class ButtonComponent extends ReactComponent {
         this.buttonKey = nanoid();
     }
     setError(error) {
-        if ((error === null || error === void 0 ? void 0 : error.statusCode) === 422) {
+        if (error?.statusCode === 422) {
             for (const [key, details] of Object.entries(groupBy(error.details, 'path'))) {
                 this.emit(`error-${key.replace('/', '')}`, details);
             }
             setTimeout(() => {
                 const submitButton = this.getButton('submit');
                 const element = document.getElementById(`error-list-${this.root.id}`);
-                (submitButton === null || submitButton === void 0 ? void 0 : submitButton.isModal)
-                    ? element === null || element === void 0 ? void 0 : element.scrollIntoView({ block: 'nearest' })
+                submitButton?.isModal
+                    ? element?.scrollIntoView({ block: 'nearest' })
                     : this.scrollIntoViewWithOffset(element, 170);
             }, 100);
         }
@@ -131,7 +120,7 @@ export class ButtonComponent extends ReactComponent {
 const Button = (props) => {
     const { button, handleSubmit, handleCancel, handleSaveDraft, setButtonKey } = props;
     const [submitting, setSubmitting] = useState(false);
-    return (React.createElement(LoadingButton, { sx: button.style, variant: button.variant, onClick: (event) => __awaiter(void 0, void 0, void 0, function* () {
+    return (React.createElement(LoadingButton, { sx: button.style, variant: button.variant, onClick: async (event) => {
             switch (button.action) {
                 case 'submit':
                     handleSubmit(setSubmitting);
@@ -146,5 +135,5 @@ const Button = (props) => {
                 default:
                     button.onClick();
             }
-        }), loading: submitting }, button.label));
+        }, loading: submitting }, button.label));
 };

package/dist/published/components/custom/Form/FormComponents/DocumentComponent/Document.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { isNil } from 'lodash';
 import React, { useEffect, useState } from 'react';
 import { useDropzone } from 'react-dropzone';
@@ -16,7 +7,6 @@ import { Box, Grid } from '../../../../layout';
 import { getPrefixedUrl } from '../../utils';
 import { DocumentList } from './DocumentList';
 export const Document = (props) => {
-    var _a;
     const { id, handleChange, property, instance, canUpdateProperty, apiServices, error, objectId, value, validate } = props;
     const [documents, setDocuments] = useState();
     const [hasUpdatePermission, setHasUpdatePermission] = useState();
@@ -25,8 +15,8 @@ export const Document = (props) => {
         setDocuments(value);
     }, [value]);
     useEffect(() => {
-        const currentValue = instance === null || instance === void 0 ? void 0 : instance[property.id];
-        if (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) {
+        const currentValue = instance?.[property.id];
+        if (currentValue?.length) {
             setDocuments(currentValue);
         }
     }, [property]);
@@ -40,19 +30,19 @@ export const Document = (props) => {
                 .then((accessCheck) => setHasUpdatePermission(accessCheck.result));
         }
     };
-    const handleUpload = (files) => __awaiter(void 0, void 0, void 0, function* () {
-        const newDocuments = [...(documents !== null && documents !== void 0 ? documents : []), ...(files !== null && files !== void 0 ? files : [])];
+    const handleUpload = async (files) => {
+        const newDocuments = [...(documents ?? []), ...(files ?? [])];
         setDocuments(newDocuments);
         handleChange(property.id, newDocuments);
-    });
-    const uploadDisabled = !!(validate === null || validate === void 0 ? void 0 : validate.maxDocuments) && ((_a = documents === null || documents === void 0 ? void 0 : documents.length) !== null && _a !== void 0 ? _a : 0) >= validate.maxDocuments;
+    };
+    const uploadDisabled = !!validate?.maxDocuments && (documents?.length ?? 0) >= validate.maxDocuments;
     const { getRootProps, getInputProps, open } = useDropzone({
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         onDrop: (files) => handleUpload(files),
         disabled: uploadDisabled,
     });
     return (React.createElement(React.Fragment, null,
-        canUpdateProperty && hasUpdatePermission && (React.createElement(Box, Object.assign({ sx: {
+        canUpdateProperty && hasUpdatePermission && (React.createElement(Box, { sx: {
                 margin: '5px 0',
                 height: '115px',
                 borderRadius: '8px',
@@ -62,8 +52,8 @@ export const Document = (props) => {
                 border: `1px dashed ${error ? 'red' : uploadDisabled ? '#DFE3E8' : '#858585'}`,
                 position: 'relative',
                 cursor: uploadDisabled ? 'cursor' : 'pointer',
-            } }, getRootProps(), { onClick: open }),
-            React.createElement("input", Object.assign({}, getInputProps({ id }), { disabled: uploadDisabled })),
+            }, ...getRootProps(), onClick: open },
+            React.createElement("input", { ...getInputProps({ id }), disabled: uploadDisabled }),
             React.createElement(Grid, { container: true, sx: { width: '100%' } },
                 React.createElement(Grid, { item: true, xs: 12, sx: { display: 'flex', justifyContent: 'center', paddingBottom: '7px' } },
                     React.createElement(UploadCloud, { sx: { color: uploadDisabled ? '#919EAB' : '#919EAB', width: '50px', height: '30px' } })),
@@ -76,5 +66,5 @@ export const Document = (props) => {
                         "to upload"))))),
         canUpdateProperty && isNil(hasUpdatePermission) && (React.createElement(Skeleton, { variant: "rectangular", height: "115px", sx: { margin: '5px 0', borderRadius: '8px' } })),
         React.createElement(DocumentList, { property: property, instance: instance, objectId: objectId, handleChange: handleChange, value: value, apiServices: apiServices, setSnackbarError: (type, message) => setSnackbarError({ message, type }), canUpdateProperty: canUpdateProperty && !!hasUpdatePermission }),
-        React.createElement(Snackbar, { open: !!(snackbarError === null || snackbarError === void 0 ? void 0 : snackbarError.message), handleClose: () => setSnackbarError(null), message: snackbarError === null || snackbarError === void 0 ? void 0 : snackbarError.message, error: (snackbarError === null || snackbarError === void 0 ? void 0 : snackbarError.type) === 'error' })));
+        React.createElement(Snackbar, { open: !!snackbarError?.message, handleClose: () => setSnackbarError(null), message: snackbarError?.message, error: snackbarError?.type === 'error' })));
 };