@evoke-platform/ui-components 1.8.0-testing.1 → 1.8.0-testing.10

package/dist/published/components/core/TextField/TextField.js

@@ -4,7 +4,8 @@ import UIThemeProvider from '../../../theme';
 import FieldError from '../FieldError';
 import Typography from '../Typography';
 const TextField = (props) => {
-    const { id, variant, label, labelPlacement, readOnly, required, error, instructionText, errorMessage } = props;
+    const { labelPlacement, readOnly, instructionText, errorMessage, ...muiProps } = props;
+    const { id, variant, label, required, error } = muiProps;
     const readOnlyStyles = {
         '.MuiOutlinedInput-root': {
             paddingRight: '5px',
@@ -28,7 +29,7 @@ const TextField = (props) => {
                 readOnly: readOnly,
                 'aria-readonly': !!readOnly,
                 'data-testid': 'label-outside',
-            }, ...props, label: null, sx: readOnly
+            }, ...muiProps, label: null, sx: readOnly
                 ? { ...readOnlyStyles, ...props.sx }
                 : {
                     '& fieldset': { borderRadius: '8px' },

package/dist/published/components/custom/DataGrid/index.d.ts

@@ -1,3 +1,4 @@
 import DataGrid from './DataGrid';
+export type { GridSortModel } from '@mui/x-data-grid';
 export { DataGrid };
 export default DataGrid;

package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectPropertyInput.js

@@ -230,6 +230,10 @@ export const ObjectPropertyInput = (props) => {
                         ? (options.find((o) => o.id === option)?.name ?? '')
                         : option.label;
                 }, onKeyDownCapture: (e) => {
+                    // prevents keyboard trap
+                    if (e.key === 'Tab') {
+                        return;
+                    }
                     if (instance?.[property.id]?.id || selectedInstance?.id) {
                         e.preventDefault();
                     }

package/dist/published/components/custom/Form/FormComponents/UserComponent/UserProperty.js

@@ -89,6 +89,10 @@ export const UserProperty = (props) => {
                     }
                 }
             }, onKeyDownCapture: (e) => {
+                // prevents keyboard trap
+                if (e.key === 'Tab') {
+                    return;
+                }
                 if (value) {
                     e.preventDefault();
                 }

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

@@ -254,6 +254,7 @@ export function convertFormToComponents(entries, parameters, object) {
                 conditional: convertVisibilityToConditional(displayOptions?.visibility),
                 viewLayout: displayOptions?.viewLayout,
                 strictlyTrue: parameter.type === 'boolean' && parameter.strictlyTrue,
+                documentMetadata: parameter.type === 'document' ? entry.documentMetadata : undefined,
             };
         }
     })
@@ -420,6 +421,7 @@ export function convertComponentsToForm(components) {
                         }
                         : {}),
                 },
+                ...(component.documentMetadata ? { documentMetadata: component.documentMetadata } : {}),
                 enumWithLabels: component.data?.values,
             };
         }
@@ -489,49 +491,76 @@ export function flattenFormComponents(components) {
 export async function addObjectPropertiesToComponentProps(properties, 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 formComponents, allCriteriaInputs, instance, objectPropertyInputProps, associatedObject, autoSave, readOnly, defaultPages, navigateTo, queryAddresses, apiServices, isModal, fieldHeight, richTextEditor) {
+    function removeEmptySections(component) {
+        // if a component is an entry to a property that the user doesn't have permission to view, remove it
+        if (component?.property?.id) {
+            const hasPermission = allProperties.some((p) => p.id === component.property.id);
+            if (!hasPermission)
+                return undefined;
+        }
+        // remove sections or tabs with no components
+        if (component.components) {
+            component.components = component.components
+                .map(removeEmptySections)
+                .filter((c) => c !== undefined);
+            if (component.components.length === 0)
+                return undefined;
+        }
+        // check columns for empty components or sections with no components
+        const actionInput = component;
+        if (actionInput.columns) {
+            const processedColumns = actionInput.columns.map((col) => ({
+                ...col,
+                components: (col.components || [])
+                    .map(removeEmptySections)
+                    .filter((c) => c !== undefined),
+            }));
+            actionInput.columns = processedColumns;
+            if (processedColumns.every((col) => col.components.length === 0)) {
+                return undefined;
+            }
+        }
+        return component;
+    }
+    const allProperties = properties.flatMap((property) => property.type === 'address'
+        ? [
+            {
+                id: `${property.id}.line1`,
+                name: `${property.name} Line 1`,
+                type: 'string',
+            },
+            {
+                id: `${property.id}.line2`,
+                name: `${property.name} Line 2`,
+                type: 'string',
+            },
+            {
+                id: `${property.id}.city`,
+                name: `${property.name} City`,
+                type: 'string',
+            },
+            {
+                id: `${property.id}.county`,
+                name: `${property.name} County`,
+                type: 'string',
+            },
+            {
+                id: `${property.id}.state`,
+                name: `${property.name} State`,
+                type: 'string',
+            },
+            {
+                id: `${property.id}.zipCode`,
+                name: `${property.name} Zip Code`,
+                type: 'string',
+            },
+        ]
+        : [property]);
     return [
         ...(await Promise.all(formComponents
             ?.filter((component) => !isUndefined(component) && !isNil(component))
             ?.map(async (component) => {
-            const property = properties
-                .flatMap((property) => {
-                if (property.type === 'address') {
-                    return [
-                        {
-                            id: `${property.id}.line1`,
-                            name: `${property.name} Line 1`,
-                            type: 'string',
-                        },
-                        {
-                            id: `${property.id}.line2`,
-                            name: `${property.name} Line 2`,
-                            type: 'string',
-                        },
-                        {
-                            id: `${property.id}.city`,
-                            name: `${property.name} City`,
-                            type: 'string',
-                        },
-                        {
-                            id: `${property.id}.county`,
-                            name: `${property.name} County`,
-                            type: 'string',
-                        },
-                        {
-                            id: `${property.id}.state`,
-                            name: `${property.name} State`,
-                            type: 'string',
-                        },
-                        {
-                            id: `${property.id}.zipCode`,
-                            name: `${property.name} Zip Code`,
-                            type: 'string',
-                        },
-                    ];
-                }
-                return property;
-            })
-                .find((property) => property.id === component.key);
+            const property = allProperties.find((prop) => prop.id === component.key);
             const id = property?.id ?? component.key;
             if (component.type === 'Content') {
                 return component;
@@ -543,7 +572,7 @@ formComponents, allCriteriaInputs, instance, objectPropertyInputProps, associate
                             ? DateTime.now().toISODate()
                             : DateTime.fromISO(component.initialValue).toISODate();
                 }
-                // @Deprecrated
+                // @Deprecated
                 // This will overwrite the default value
                 if (component.defaultToCurrentDate) {
                     component.initialValue = DateTime.now().toISODate();
@@ -556,7 +585,7 @@ formComponents, allCriteriaInputs, instance, objectPropertyInputProps, associate
                             ? DateTime.now().toISO()
                             : DateTime.fromISO(component.initialValue).toISO();
                 }
-                // @Deprecrated
+                // @Deprecated
                 // This will overwrite the default value
                 if (component.defaultToCurrentDate) {
                     component.initialValue = DateTime.now().toISO();
@@ -575,7 +604,7 @@ formComponents, allCriteriaInputs, instance, objectPropertyInputProps, associate
                                 suppressMilliseconds: true,
                             });
                 }
-                // @Deprecrated
+                // @Deprecated
                 // This will overwrite the default value
                 if (component.defaultToCurrentTime) {
                     component.initialValue = DateTime.now().toISOTime({
@@ -709,13 +738,16 @@ formComponents, allCriteriaInputs, instance, objectPropertyInputProps, associate
                         : undefined,
                 };
             }
-            if (component.columns) {
+            else {
+                component = removeEmptySections(component);
+            }
+            if (component?.columns) {
                 for (const column of component.columns) {
                     column.components = await addObjectPropertiesToComponentProps(properties, column.components, allCriteriaInputs, instance, objectPropertyInputProps, associatedObject, autoSave, readOnly, undefined, undefined, queryAddresses, apiServices, isModal, fieldHeight, richTextEditor);
                 }
                 return component;
             }
-            if (component.components) {
+            if (component?.components) {
                 for (const item of component.components) {
                     const nestedFieldProperty = properties.find((property) => property.id === item.key);
                     if (item.type) {

package/dist/published/components/custom/FormV2/FormRenderer.d.ts

@@ -14,6 +14,10 @@ export type FormProps = BaseProps & {
     instance?: ObjectInstance | Document;
     onChange: (id: string, value: unknown) => void;
     onValidationChange?: (errors: FieldErrors) => void;
+    associatedObject?: {
+        instanceId?: string;
+        propertyId?: string;
+    };
 };
 declare function FormRenderer(props: FormProps): React.JSX.Element;
 export default FormRenderer;

package/dist/published/components/custom/FormV2/FormRenderer.js

@@ -1,5 +1,5 @@
 import { useObject } from '@evoke-platform/context';
-import { isEqual } from 'lodash';
+import { isEmpty, isEqual } from 'lodash';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { useResponsive } from '../../../theme';
@@ -12,7 +12,7 @@ import { convertDocToParameters, convertPropertiesToParams } from './components/
 import { handleValidation } from './components/ValidationFiles/Validation';
 import ValidationErrorDisplay from './components/ValidationFiles/ValidationErrorDisplay';
 function FormRenderer(props) {
-    const { onSubmit, value, fieldHeight, richTextEditor, hideButtons, stickyFooter, onCancel, form, instance, onChange, onValidationChange, } = props;
+    const { onSubmit, value, fieldHeight, richTextEditor, hideButtons, stickyFooter, onCancel, form, instance, onChange, onValidationChange, associatedObject, } = props;
     const { entries, name: title, objectId, actionId, display } = form;
     const { register, unregister, setValue, reset, handleSubmit, formState: { errors, isSubmitted }, getValues, } = useForm({
         defaultValues: value,
@@ -99,10 +99,9 @@ function FormRenderer(props) {
     }, []);
     if (entries && parameters && (!actionId || action)) {
         return (React.createElement(React.Fragment, null,
-            React.createElement(Box, { sx: {
+            ((isSubmitted && !isEmpty(errors)) || (isSmallerThanMd && hasSections) || title) && (React.createElement(Box, { sx: {
                     paddingX: isSmallerThanMd ? 2 : 3,
                     paddingTop: '0px',
-                    borderBottom: '2px solid #F4F6F8',
                 } },
                 React.createElement(Box, { sx: {
                         display: 'flex',
@@ -111,13 +110,14 @@ function FormRenderer(props) {
                         flexWrap: 'wrap',
                         paddingY: isSm || isXs ? 2 : 3,
                     } },
-                    React.createElement(Typography, { sx: {
+                    title && (React.createElement(Typography, { sx: {
                             fontSize: '20px',
                             lineHeight: '30px',
                             fontWeight: 700,
                             flexGrow: '1',
-                        } }, title),
+                        } }, title)),
                     isSmallerThanMd && hasSections && (React.createElement(Box, { sx: {
+                            color: '#212B36',
                             display: 'flex',
                             alignItems: 'center',
                             maxHeight: '22px',
@@ -140,7 +140,7 @@ function FormRenderer(props) {
                                 fontWeight: 400,
                                 fontSize: '14px',
                             }, onClick: handleCollapseAll }, "Collapse all")))),
-                React.createElement(ValidationErrorDisplay, { formId: form.id, title: title })),
+                React.createElement(ValidationErrorDisplay, { formId: form.id, title: title, errors: errors, showSubmitError: isSubmitted }))),
             React.createElement(FormContext.Provider, { value: {
                     fetchedOptions,
                     setFetchedOptions: updateFetchedOptions,
@@ -159,26 +159,25 @@ function FormRenderer(props) {
                     handleChange: onChange,
                     triggerFieldReset,
                     showSubmitError: isSubmitted,
+                    associatedObject,
                 } },
                 React.createElement(Box, { sx: {
-                        padding: isModal ? '0px' : isSm || isXs ? 2 : 3,
-                        paddingBottom: '0px',
-                        paddingTop: !hasSections ? undefined : '0px',
+                        paddingX: isSm || isXs ? 2 : 3,
+                        // when rendering the default delete action, we don't want a border
+                        borderTop: !form.id || isModal ? undefined : '1px solid #e9ecef',
                     } },
                     entries.map((entry, index) => (React.createElement(RecursiveEntryRenderer, { key: index, entry: entry, isDocument: !!(form.id === 'documentForm') }))),
                     !hideButtons && (actionId || form.id === 'documentForm') && onSubmit && (React.createElement(Box, { sx: {
                             ...(stickyFooter === false ? { position: 'static' } : { position: 'sticky' }),
-                            bottom: isModal ? -5 : isSmallerThanMd ? 0 : 24,
+                            bottom: isModal || isSmallerThanMd ? 0 : 24,
                             zIndex: 1000,
                             borderTop: action?.type !== 'delete' ? '1px solid #f4f6f8' : 'none',
                             backgroundColor: '#fff',
-                            paddingY: isSmallerThanMd ? '16px' : '20px',
-                            paddingX: isSmallerThanMd ? '16px' : '20px',
+                            padding: isSmallerThanMd ? '16px' : '20px',
                             display: 'flex',
                             justifyContent: isXs ? 'center' : 'flex-end',
                             alignItems: 'center',
                             marginX: isSmallerThanMd ? -2 : -3,
-                            marginBottom: '1px',
                             borderRadius: '0px 0px 6px 6px',
                         } },
                         React.createElement(ActionButtons, { onSubmit: onSubmit, handleSubmit: handleSubmit, isModal: isModal, actionType: action?.type, submitButtonLabel: display?.submitLabel, onReset: handleReset, unregister: unregister, entries: entries, setValue: setValue, formId: form.id })))))));

package/dist/published/components/custom/FormV2/FormRendererContainer.d.ts

@@ -16,6 +16,10 @@ export type FormProps = BaseProps & {
     richTextEditor?: ComponentType<SimpleEditorProps>;
     onClose?: () => void;
     onSubmit?: (submission: Record<string, unknown>) => Promise<void>;
+    associatedObject?: {
+        instanceId?: string;
+        propertyId?: string;
+    };
 };
 declare function FormRendererContainer(props: FormProps): React.JSX.Element;
 export default FormRendererContainer;

package/dist/published/components/custom/FormV2/FormRendererContainer.js

@@ -1,5 +1,4 @@
 import { useApiServices, useApp, useAuthenticationContext, useNavigate, useObject, } from '@evoke-platform/context';
-import { LocalDateTime } from '@js-joda/core';
 import axios from 'axios';
 import { get, isArray, isEmpty, isEqual, merge, omit, pick, set, uniq } from 'lodash';
 import React, { useEffect, useState } from 'react';
@@ -7,10 +6,10 @@ import { Skeleton, Snackbar } from '../../core';
 import { Box } from '../../layout';
 import ErrorComponent from '../ErrorComponent';
 import { evalDefaultVals, processValueUpdate } from './components/DefaultValues';
-import { convertDocToEntries, encodePageSlug, formatDataToDoc, getEntryId, getPrefixedUrl, getUnnestedEntries, isAddressProperty, isEmptyWithDefault, normalizeDateTime, } from './components/utils';
+import { convertDocToEntries, deleteDocuments, encodePageSlug, formatDataToDoc, formatSubmission, getEntryId, getPrefixedUrl, getUnnestedEntries, isAddressProperty, isEmptyWithDefault, } from './components/utils';
 import FormRenderer from './FormRenderer';
 function FormRendererContainer(props) {
-    const { instanceId, pageNavigation, documentId, dataType, display, formId, stickyFooter, objectId, actionId, richTextEditor, } = props;
+    const { instanceId, pageNavigation, documentId, dataType, display, formId, stickyFooter, objectId, actionId, richTextEditor, onClose, onSubmit, associatedObject, } = props;
     const apiServices = useApiServices();
     const navigateTo = useNavigate();
     const { id: appId, defaultPages } = useApp();
@@ -98,10 +97,11 @@ function FormRendererContainer(props) {
             return;
         if (formId || action?.defaultFormId) {
             apiServices
-                .get(getPrefixedUrl(`data/forms/${formId || action?.defaultFormId}`))
+                .get(getPrefixedUrl(`/forms/${formId || action?.defaultFormId}`))
                 .then((evokeForm) => {
                 if (evokeForm?.actionId === actionId) {
-                    setForm(evokeForm);
+                    const form = onClose ? { ...evokeForm, name: '' } : evokeForm;
+                    setForm(form);
                 }
                 else {
                     setError(true);
@@ -111,24 +111,50 @@ function FormRendererContainer(props) {
                 onError(error);
             });
         }
-        else if (action && !action?.defaultFormId) {
+        else if (action) {
             apiServices
-                .get(getPrefixedUrl(`data/forms?filter[where][actionId]=${action.id}`))
+                .get(getPrefixedUrl('/forms'), {
+                params: {
+                    filter: {
+                        where: {
+                            actionId: action.id,
+                            objectId: objectId,
+                        },
+                    },
+                },
+            })
                 .then((matchingForms) => {
                 if (matchingForms.length === 1) {
-                    if (matchingForms[0]?.actionId === actionId) {
-                        setForm(matchingForms[0]);
-                    }
-                    else {
-                        setError(true);
-                    }
+                    const form = onClose ? { ...matchingForms[0], name: '' } : matchingForms[0];
+                    setForm(form);
+                    // use this default form if no delete form is found
+                }
+                else if (action.type === 'delete' && instance) {
+                    setForm({
+                        id: '',
+                        name: '',
+                        entries: [
+                            {
+                                type: 'content',
+                                html: `<p>You are about to delete <strong>${instance.name}</strong>. Deleted records can't be restored. Are you sure you want to continue?</p>`,
+                            },
+                        ],
+                        objectId: objectId,
+                        actionId: '_delete',
+                        display: {
+                            submitLabel: 'Delete',
+                        },
+                    });
+                }
+                else if (instance || action.type === 'create') {
+                    setError(true);
                 }
             })
                 .catch((error) => {
                 onError(error);
             });
         }
-    }, [action]);
+    }, [action, objectId, instance]);
     useEffect(() => {
         if (form?.id === 'documentForm') {
             setParameters([
@@ -174,54 +200,6 @@ function FormRendererContainer(props) {
         };
         getInitialValues();
     }, [form, instance, sanitizedObject]);
-    const uploadDocuments = async (files, metadata) => {
-        const allDocuments = [];
-        const formData = new FormData();
-        for (const [index, file] of files.entries()) {
-            if ('size' in file) {
-                formData.append(`files[${index}]`, file);
-            }
-            else {
-                allDocuments.push(file);
-            }
-        }
-        if (metadata) {
-            for (const [key, value] of Object.entries(metadata)) {
-                formData.append(key, value);
-            }
-        }
-        const docs = await apiServices?.post(getPrefixedUrl(`/objects/${form?.objectId}/instances/${instanceId}/documents`), formData);
-        return allDocuments.concat(docs?.map((doc) => ({
-            id: doc.id,
-            name: doc.name,
-        })) ?? []);
-    };
-    const deleteDocuments = async (submittedFields, requestSuccess, action) => {
-        const documentProperties = action?.parameters
-            ? action.parameters.filter((param) => param.type === 'document')
-            : sanitizedObject?.properties?.filter((prop) => prop.type === 'document');
-        for (const docProperty of documentProperties ?? []) {
-            const savedValue = submittedFields[docProperty.id];
-            const originalValue = instance?.[docProperty.id];
-            const documentsToRemove = requestSuccess
-                ? (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 {
-                    await apiServices?.delete(getPrefixedUrl(`/objects/${form?.objectId}/instances/${instanceId}/documents/${doc.id}`));
-                }
-                catch (error) {
-                    if (error) {
-                        setSnackbarError({
-                            showAlert: true,
-                            message: `An error occurred while removing document '${doc.name}'`,
-                            isError: true,
-                        });
-                    }
-                }
-            }
-        }
-    };
     const onSubmissionSuccess = (updatedInstance) => {
         setSnackbarError({
             showAlert: true,
@@ -247,47 +225,7 @@ function FormRendererContainer(props) {
     const saveHandler = async (submission) => {
         if (!form)
             return;
-        // checks for a file upload and handles getting the new format to upload
-        for (const [key, value] of Object.entries(submission)) {
-            if (isArray(value)) {
-                const fileInArray = value.some((item) => item instanceof File);
-                if (fileInArray) {
-                    try {
-                        const uploadedDocuments = await uploadDocuments(value, {
-                            type: '',
-                            view_permission: '',
-                        });
-                        submission[key] = uploadedDocuments;
-                    }
-                    catch (err) {
-                        if (err) {
-                            setSnackbarError({
-                                showAlert: true,
-                                message: `An error occurred while uploading associated documents`,
-                                isError: true,
-                            });
-                        }
-                        return;
-                    }
-                }
-                // if there are address fields with no value address needs to be set to undefined to be able to submit
-            }
-            else if (typeof value === 'object' && value !== null) {
-                if (Object.values(value).every((v) => v === undefined)) {
-                    submission[key] = undefined;
-                    // only submit the name and id of a related object
-                }
-                else if ('id' in value && 'name' in value) {
-                    submission[key] = pick(value, 'id', 'name');
-                }
-            }
-            else if ((value === '' && !document) || value === undefined) {
-                submission[key] = null;
-            }
-            else if (value instanceof LocalDateTime) {
-                submission[key] = normalizeDateTime(value);
-            }
-        }
+        submission = await formatSubmission(submission, apiServices, objectId, instanceId, setSnackbarError);
         if (document) {
             submission = formatDataToDoc(submission);
         }
@@ -331,9 +269,9 @@ function FormRendererContainer(props) {
                         ?.filter((property) => !property.formula && property.type !== 'collection')
                         .map((property) => property.id) ?? []),
                 });
-                if (response) {
+                if (response && sanitizedObject && instance) {
                     onSubmissionSuccess(response);
-                    deleteDocuments(submission, !!response, action ?? undefined);
+                    deleteDocuments(submission, !!response, apiServices, sanitizedObject, instance, action ?? undefined, setSnackbarError);
                 }
             }
         }
@@ -393,7 +331,17 @@ function FormRendererContainer(props) {
                         const fieldValue = instanceData?.[fieldId] ??
                             instanceData?.metadata?.[fieldId];
                         const parameter = parameters?.find((param) => param.id === fieldId);
-                        if (entry.type !== 'readonlyField' && isEmptyWithDefault(fieldValue, entry, instanceData)) {
+                        if (associatedObject?.propertyId === fieldId && associatedObject?.instanceId && parameter) {
+                            try {
+                                const instance = await apiServices.get(getPrefixedUrl(`/objects/${parameter.objectId}/instances/${associatedObject.instanceId}`));
+                                result[associatedObject.propertyId] = instance;
+                            }
+                            catch (error) {
+                                console.error(error);
+                            }
+                        }
+                        else if (entry.type !== 'readonlyField' &&
+                            isEmptyWithDefault(fieldValue, entry, instanceData)) {
                             if (fieldId && parameters && parameters.length > 0) {
                                 const defaultValuesArray = await evalDefaultVals(parameters, entry, fieldValue, fieldId, apiServices, userAccount, instanceData);
                                 for (const { fieldId, fieldValue } of defaultValuesArray) {
@@ -467,10 +415,9 @@ function FormRendererContainer(props) {
             backgroundColor: '#ffffff',
             borderRadius: '6px',
             padding: '0px',
-            border: !isLoading ? '1px solid #dbe0e4' : undefined,
+            border: !isLoading && !onClose ? '1px solid #dbe0e4' : undefined,
         } },
-        !isLoading ? (React.createElement(React.Fragment, null,
-            React.createElement(FormRenderer, { onSubmit: saveHandler, hideButtons: document && !hasDocumentUpdateAccess, richTextEditor: richTextEditor, fieldHeight: display?.fieldHeight ?? 'medium', value: formData, stickyFooter: stickyFooter, form: form, instance: dataType !== 'documents' ? instance : document, onChange: onChange, onCancel: onCancel }))) : (React.createElement(Box, { sx: { padding: '20px' } },
+        !isLoading ? (React.createElement(FormRenderer, { onSubmit: onSubmit ?? saveHandler, hideButtons: document && !hasDocumentUpdateAccess, richTextEditor: richTextEditor, fieldHeight: display?.fieldHeight ?? 'medium', value: formData, stickyFooter: stickyFooter, form: form, instance: dataType !== 'documents' ? instance : document, onChange: onChange, onCancel: onClose ?? onCancel, associatedObject: associatedObject })) : (React.createElement(Box, { sx: { padding: '20px' } },
             React.createElement(Box, { display: 'flex', width: '100%', justifyContent: 'space-between' },
                 React.createElement(Skeleton, { width: '78%', sx: { borderRadius: '8px', height: '40px' } }),
                 React.createElement(Skeleton, { width: '20%', sx: { borderRadius: '8px', height: '40px' } })),

package/dist/published/components/custom/FormV2/components/FormContext.d.ts

@@ -20,6 +20,10 @@ type FormContextType = {
     fieldHeight?: 'small' | 'medium';
     triggerFieldReset?: boolean;
     showSubmitError?: boolean;
+    associatedObject?: {
+        instanceId?: string;
+        propertyId?: string;
+    };
 };
 export declare const FormContext: import("react").Context<FormContextType>;
 export {};

package/dist/published/components/custom/FormV2/components/FormFieldTypes/CollectionFiles/ActionDialog.d.ts

@@ -1,14 +1,18 @@
-import { Action, ActionType, EvokeForm, InputParameter, Obj } from '@evoke-platform/context';
+import { Action, InputParameter, Obj } from '@evoke-platform/context';
 import React from 'react';
+import { FieldValues } from 'react-hook-form';
 export type ActionDialogProps = {
     open: boolean;
     onClose: () => void;
     action: Action;
-    instanceInput: Record<string, unknown>;
-    handleSubmit: (actionType: ActionType, input: Record<string, unknown> | undefined, instanceId?: string, setSubmitting?: (value: boolean) => void) => void;
+    handleSubmit: (action: Action, input: FieldValues, instanceId?: string, setSubmitting?: (value: boolean) => void) => void;
     object: Obj;
     instanceId?: string;
-    relatedParameter?: InputParameter;
-    relatedForm?: EvokeForm;
+    relatedParameter: InputParameter;
+    relatedFormId?: string;
+    associatedObject?: {
+        instanceId?: string;
+        propertyId?: string;
+    };
 };
 export declare const ActionDialog: (props: ActionDialogProps) => React.JSX.Element;