@evoke-platform/ui-components 1.13.0-dev.6 → 1.13.0

package/dist/published/components/custom/FormV2/components/FormFieldTypes/DocumentFiles/Document.js

@@ -1,4 +1,4 @@
-import { useApiServices, } from '@evoke-platform/context';
+import { useApiServices } from '@evoke-platform/context';
 import { isNil } from 'lodash';
 import prettyBytes from 'pretty-bytes';
 import React, { useCallback, useEffect, useState } from 'react';
@@ -7,12 +7,12 @@ import { InfoRounded, UploadCloud } from '../../../../../../icons';
 import { useFormContext } from '../../../../../../theme/hooks';
 import { Skeleton, Snackbar, Typography } from '../../../../../core';
 import { Box, Grid } from '../../../../../layout';
-import { getEntryId, getPrefixedUrl, getUnnestedEntries, uploadFiles } from '../../utils';
+import { getPrefixedUrl } from '../../utils';
 import { DocumentList } from './DocumentList';
 export const Document = (props) => {
-    const { id, fieldType = 'document', canUpdateProperty, error, value, validate, hasDescription } = props;
+    const { id, canUpdateProperty, error, value, validate, hasDescription } = props;
     const apiServices = useApiServices();
-    const { fetchedOptions, setFetchedOptions, object, handleChange, onAutosave: onAutosave, instance, form, } = useFormContext();
+    const { fetchedOptions, setFetchedOptions, object, handleChange, onAutosave: onAutosave, instance, } = useFormContext();
     const [snackbarError, setSnackbarError] = useState();
     const [documents, setDocuments] = useState();
     const [hasUpdatePermission, setHasUpdatePermission] = useState(fetchedOptions[`${id}UpdatePermission`]);
@@ -35,17 +35,8 @@ export const Document = (props) => {
     }, [value]);
     const checkPermissions = useCallback(() => {
         if (canUpdateProperty && !fetchedOptions[`${id}UpdatePermission`] && instance?.id) {
-            // Find the entry to get the configured createActionId
-            const allEntries = getUnnestedEntries(form?.entries ?? []) ?? [];
-            const entry = allEntries?.find((entry) => getEntryId(entry) === id);
-            const createActionId = entry?.display?.createActionId ?? '_create';
-            // For 'file' type properties, check regular object instance permissions
-            // For 'document' type properties, check document attachment permissions
-            const endpoint = fieldType === 'file'
-                ? getPrefixedUrl(`/objects/sys__file/instances/checkAccess?action=execute&field=${createActionId}`)
-                : getPrefixedUrl(`/objects/${object?.id}/instances/${instance.id}/documents/checkAccess?action=update`);
             apiServices
-                .get(endpoint)
+                .get(getPrefixedUrl(`/objects/${object?.id}/instances/${instance?.id}/documents/checkAccess?action=update`))
                 .then((accessCheck) => {
                 setFetchedOptions({
                     [`${id}UpdatePermission`]: accessCheck.result,
@@ -59,43 +50,16 @@ export const Document = (props) => {
                 setHasUpdatePermission(false);
             });
         }
-    }, [
-        canUpdateProperty,
-        fetchedOptions[`${id}UpdatePermission`],
-        instance?.id,
-        object,
-        id,
-        apiServices,
-        form,
-        fieldType,
-    ]);
+    }, [canUpdateProperty, fetchedOptions, instance, object]);
     useEffect(() => {
         checkPermissions();
     }, [checkPermissions]);
     const handleUpload = async (files) => {
-        if (!files?.length) {
-            return;
-        }
-        let uploadedFiles = files;
-        // Get the createActionId from display options, default to '_create'
-        const allEntries = getUnnestedEntries(form?.entries ?? []);
-        const entry = allEntries?.find((entry) => getEntryId(entry) === id);
-        const createActionId = entry?.display?.createActionId ?? '_create';
-        // Immediately upload files for 'file' type properties when autosave is not enabled.
-        // Linking will happen upon final submission.
-        // If autosave is enabled, upload and linking will happen in the autosave handler.
-        if (fieldType === 'file' && !onAutosave) {
-            const { successfulUploads, errorMessage } = await uploadFiles(files, apiServices, createActionId, undefined, false);
-            uploadedFiles = successfulUploads;
-            if (errorMessage) {
-                setSnackbarError({ message: errorMessage, type: 'error' });
-            }
-        }
-        // Store uploaded file references (or File objects) in form state
-        const newDocuments = [...(documents ?? []), ...uploadedFiles];
+        // Store File objects in form state - they will be uploaded during autosave via formatSubmission()
+        const newDocuments = [...(documents ?? []), ...(files ?? [])];
         setDocuments(newDocuments);
         try {
-            await handleChange?.(id, newDocuments);
+            handleChange && (await handleChange(id, newDocuments));
         }
         catch (error) {
             console.error('Failed to update field:', error);
@@ -163,7 +127,7 @@ export const Document = (props) => {
                         } }, validate?.maxDocuments === 1
                         ? `Maximum size is ${formattedMaxSize}.`
                         : `The maximum size of each document is ${formattedMaxSize}.`)))))),
-        canUpdateProperty && isNil(hasUpdatePermission) ? (React.createElement(Skeleton, { variant: "rectangular", height: formattedMaxSize || allowedTypesMessage ? '136px' : '115px', sx: { margin: '5px 0', borderRadius: '8px' } })) : (React.createElement(DocumentList, { id: id, fieldType: fieldType, handleChange: handleChange, onAutosave: onAutosave, value: documents, setSnackbarError: (type, message) => setSnackbarError({ message, type }), canUpdateProperty: canUpdateProperty && !!hasUpdatePermission })),
+        canUpdateProperty && isNil(hasUpdatePermission) ? (React.createElement(Skeleton, { variant: "rectangular", height: formattedMaxSize || allowedTypesMessage ? '136px' : '115px', sx: { margin: '5px 0', borderRadius: '8px' } })) : (React.createElement(DocumentList, { id: id, handleChange: handleChange, onAutosave: onAutosave, value: value, setSnackbarError: (type, message) => setSnackbarError({ message, type }), canUpdateProperty: canUpdateProperty && !!hasUpdatePermission })),
         React.createElement(Snackbar, { open: !!snackbarError?.message, handleClose: () => setSnackbarError(null), message: snackbarError?.message, error: snackbarError?.type === 'error' }),
         errors.length > 0 && (React.createElement(Box, { display: 'flex', alignItems: 'center' },
             React.createElement(InfoRounded, { sx: { fontSize: '.75rem', marginRight: '3px', color: '#D3271B' } }),

package/dist/published/components/custom/FormV2/components/FormFieldTypes/DocumentFiles/DocumentList.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
-import { DocumentReference } from '../../types';
+import { SavedDocumentReference } from '../../types';
 type DocumentListProps = {
-    handleChange?: (propertyId: string, value: (File | DocumentReference)[] | undefined) => void;
+    handleChange?: (propertyId: string, value: (File | SavedDocumentReference)[] | undefined) => void;
     onAutosave?: (fieldId: string) => void | Promise<void>;
     id: string;
-    fieldType?: 'document' | 'file';
     canUpdateProperty: boolean;
-    value: (File | DocumentReference)[] | undefined;
+    value: (File | SavedDocumentReference)[] | undefined;
     setSnackbarError: (type: 'error' | 'success', message: string) => void;
 };
 export declare const DocumentList: (props: DocumentListProps) => React.JSX.Element;

package/dist/published/components/custom/FormV2/components/FormFieldTypes/DocumentFiles/DocumentList.js

@@ -1,4 +1,5 @@
 import { useApiServices } from '@evoke-platform/context';
+import { isEqual } from 'lodash';
 import prettyBytes from 'pretty-bytes';
 import React, { useEffect, useState } from 'react';
 import { FileWithExtension, LaunchRounded, TrashCan, WarningRounded } from '../../../../../../icons';
@@ -23,33 +24,29 @@ const viewableFileTypes = [
     'text/plain',
 ];
 export const DocumentList = (props) => {
-    const { handleChange, onAutosave, id, fieldType = 'document', canUpdateProperty, value: documents, setSnackbarError, } = props;
+    const { handleChange, onAutosave, id, canUpdateProperty, value: documents, setSnackbarError } = props;
     const apiServices = useApiServices();
     const { fetchedOptions, setFetchedOptions, object, instance } = useFormContext();
     // Determine property type once at component level
-    const isFileType = fieldType === 'file';
+    const propertyType = object?.properties?.find((p) => p.id === id)?.type;
+    const isFileType = propertyType === 'file';
     const [hasViewPermission, setHasViewPermission] = useState(fetchedOptions[`${id}ViewPermission`] ?? true);
     // savedDocuments is either FileInstance[] or DocumentType[], never a mix
     const [savedDocuments, setSavedDocuments] = useState(fetchedOptions[`${id}SavedDocuments`]);
     useEffect(() => {
-        // Use documents prop (value) as the source of truth, not instance[id]
-        // This ensures newly uploaded files trigger a fetch even before they're saved to instance
-        const currentValue = documents;
+        const currentValue = instance?.[id];
         if (currentValue?.length) {
-            // Filter out File objects only - we want to fetch details for all DocumentReferences including unsaved ones
-            const currentDocumentIds = currentValue
-                .filter((doc) => !(doc instanceof File))
-                .map((doc) => doc.id);
-            if (currentDocumentIds.length) {
-                // Check if there are any document IDs that we haven't fetched yet
-                const savedDocumentIds = savedDocuments?.map((doc) => doc.id) ?? [];
-                const missingDocumentIds = currentDocumentIds.filter((id) => !savedDocumentIds.includes(id));
-                if (missingDocumentIds.length > 0) {
-                    getDocuments(currentDocumentIds);
-                }
+            const currentDocumentIds = currentValue.map((doc) => doc.id);
+            if (currentDocumentIds.length &&
+                // these need to be sorted otherwise it will evaluate as not equal if the ids are in different orders causing unnecessary fetches
+                !isEqual(currentDocumentIds.slice().sort(), savedDocuments
+                    ?.map((doc) => doc.id)
+                    .slice()
+                    .sort())) {
+                getDocuments(currentDocumentIds);
             }
         }
-    }, [documents, savedDocuments]);
+    }, [id, documents, object]);
     useEffect(() => {
         if (fetchedOptions[`${id}SavedDocuments`]) {
             setSavedDocuments(fetchedOptions[`${id}SavedDocuments`]);
@@ -86,31 +83,26 @@ export const DocumentList = (props) => {
         if (!fetchedOptions[`${id}ViewPermission`]) {
             checkPermissions();
         }
-    }, [object, id, fetchedOptions[`${id}ViewPermission`]]);
+    }, [object]);
     const checkPermissions = () => {
         if (instance?.[id]?.length) {
-            const endpoint = isFileType
-                ? getPrefixedUrl(`/objects/sys__file/instances/checkAccess?action=read&field=content`)
-                : getPrefixedUrl(`/objects/${object?.id}/instances/${instance?.id}/documents/checkAccess?action=view`);
             apiServices
-                .get(endpoint)
+                .get(getPrefixedUrl(`/objects/${object?.id}/instances/${instance?.id}/documents/checkAccess?action=view`))
                 .then((viewPermissionCheck) => {
                 setFetchedOptions({
                     [`${id}ViewPermission`]: viewPermissionCheck.result,
                 });
                 setHasViewPermission(viewPermissionCheck.result);
-            })
-                .catch(() => setHasViewPermission(false));
+            });
         }
     };
     const isFile = (doc) => doc instanceof File;
-    const isUnsavedFile = (doc) => isFile(doc) || !!doc.unsaved;
     const fileExists = (doc) => savedDocuments?.find((d) => d.id === doc.id);
     const handleRemove = async (index) => {
         const updatedDocuments = documents?.filter((_, i) => i !== index) ?? [];
         const newValue = updatedDocuments.length === 0 ? undefined : updatedDocuments;
         try {
-            handleChange?.(id, newValue);
+            handleChange && (await handleChange(id, newValue));
         }
         catch (error) {
             console.error('Failed to update field:', error);
@@ -132,7 +124,9 @@ export const DocumentList = (props) => {
                 : savedDocuments?.find((savedDocument) => savedDocument.id === doc.id)?.contentType;
             if (!isFile(doc)) {
                 try {
-                    const contentEndpoint = isFileType
+                    // Determine property type to use the correct endpoint
+                    const propertyType = object?.properties?.find((p) => p.id === id)?.type;
+                    const contentEndpoint = propertyType === 'file'
                         ? getPrefixedUrl(`/files/${doc.id}/content`)
                         : getPrefixedUrl(`/objects/${object?.id}/instances/${instance?.id}/documents/${doc.id}/content`);
                     const documentResponse = await apiServices.get(contentEndpoint, { responseType: 'blob' });
@@ -195,10 +189,10 @@ export const DocumentList = (props) => {
                         } }, doc.name)),
                 React.createElement(Grid, { item: true, xs: 12 },
                     React.createElement(Typography, { sx: { fontSize: '12px', color: '#637381' } }, getDocumentSize(doc)))),
-            (isUnsavedFile(doc) || (hasViewPermission && !isFile(doc) && fileExists(doc))) && (React.createElement(Grid, { item: true },
+            (isFile(doc) || (hasViewPermission && !isFile(doc) && fileExists(doc))) && (React.createElement(Grid, { item: true },
                 React.createElement(IconButton, { "aria-label": "open document", sx: { ...styles.icon, marginRight: '16px' }, onClick: () => openDocument(index) },
                     React.createElement(LaunchRounded, { sx: { color: '#637381', fontSize: '22px' } })))),
-            !isFile(doc) && !isUnsavedFile(doc) && savedDocuments && !fileExists(doc) && (React.createElement(Chip, { label: "Deleted", sx: {
+            !isFile(doc) && savedDocuments && !fileExists(doc) && (React.createElement(Chip, { label: "Deleted", sx: {
                     marginRight: '16px',
                     backgroundColor: 'rgba(222, 48, 36, 0.16)',
                     color: '#A91813',

package/dist/published/components/custom/FormV2/components/FormFieldTypes/relatedObjectFiles/InstanceLookup.js

@@ -16,7 +16,7 @@ const SearchField = (props) => {
     };
     const handleSearch = async (e) => {
         const searchProperties = searchableColumns.map((column) => {
-            const columnId = column.id;
+            const columnId = column.type === 'object' ? `${column.id}.name` : column.id;
             return {
                 [columnId]: {
                     like: e.target.value,

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

@@ -126,7 +126,6 @@ function FormSections(props) {
                             display: 'flex',
                             flexDirection: 'column',
                             justifyContent: section.entries && section?.entries.length > 0 ? 'space-between' : 'flex-end',
-                            height: '100%',
                         } },
                         React.createElement(Box, null, section.entries &&
                             section.entries.map((sectionEntry, index) => {

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

@@ -7,6 +7,7 @@ export type HeaderProps = {
     hasAccordions: boolean;
     shouldShowValidationErrors?: boolean;
     validationContainerRef?: React.Ref<HTMLDivElement>;
+    hideTitle: boolean;
     title?: string;
     expandedSections?: ExpandedSection[];
     onExpandAll?: () => void;

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

@@ -7,7 +7,7 @@ import { Typography } from '../../../core/Typography';
 import Box from '../../../layout/Box/Box';
 import ValidationErrors from './ValidationFiles/ValidationErrors';
 const Header = (props) => {
-    const { title, errors, hasAccordions, shouldShowValidationErrors, validationContainerRef, sx, autosaveEnabled } = props;
+    const { title, errors, hasAccordions, shouldShowValidationErrors, validationContainerRef, sx, autosaveEnabled, hideTitle, autosaving, } = props;
     const { width } = useFormContext();
     const { breakpoints, isBelow } = useWidgetSize({
         scroll: false,
@@ -17,23 +17,32 @@ const Header = (props) => {
     const { isXs, isSm } = breakpoints;
     const isSmall = isSm || isXs;
     const displayValidationErrors = shouldShowValidationErrors && !isEmpty(errors);
+    if (hideTitle && !autosaveEnabled && !hasAccordions && !displayValidationErrors) {
+        return null;
+    }
     return (React.createElement(Box, { sx: {
             paddingX: isSmallerThanMd ? 2 : 3,
             paddingTop: '0px',
             display: 'flex',
             alignItems: 'center',
+            justifyContent: 'flex-end',
             flexWrap: 'wrap',
             paddingY: isSm || isXs ? 2 : 3,
             borderBottom: '1px solid #e9ecef',
             gap: isSm || isXs ? 2 : 3,
+            minHeight: '24px',
             ...sx,
         }, ref: validationContainerRef },
-        title && (React.createElement(Box, { sx: { flex: '1 1 auto', minWidth: 0, display: 'flex', alignItems: 'center', gap: 1 } },
-            React.createElement(Title, { ...props }),
-            props.autosaving && !isSmall && React.createElement(SavingIndicator, null))),
-        hasAccordions && (React.createElement(Box, { sx: { flex: '0 0 auto', display: 'flex', alignItems: 'center' } },
-            React.createElement(Box, { sx: { display: 'flex', alignItems: 'center' } },
-                React.createElement(AccordionActions, { ...props })),
+        ((!hideTitle && title) || (autosaving && !isSmall)) && (React.createElement(Box, { sx: {
+                flex: '1 1 auto',
+                minWidth: 0,
+                display: 'flex',
+                alignItems: 'center',
+                gap: 1,
+            } },
+            !hideTitle && title && React.createElement(Title, { ...props }),
+            autosaving && !isSmall ? React.createElement(SavingIndicator, null) : React.createElement(React.Fragment, null))),
+        hasAccordions && (React.createElement(Box, { sx: { flex: '0 0 auto', display: 'flex', alignItems: 'center', justifyContent: 'space-between' } },
             autosaveEnabled && (React.createElement(Box, { sx: {
                     width: '96px',
                     minWidth: '72px',
@@ -41,7 +50,9 @@ const Header = (props) => {
                     justifyContent: 'flex-end',
                     alignItems: 'center',
                     marginLeft: 0.5,
-                } }, props.autosaving && isSmall ? React.createElement(SavingIndicator, null) : React.createElement(Box, { sx: { width: '100%' } }))))),
+                } }, autosaving && isSmall ? React.createElement(SavingIndicator, null) : React.createElement(React.Fragment, null))),
+            React.createElement(Box, { sx: { display: 'flex', alignItems: 'center', justifyContent: 'center' } },
+                React.createElement(AccordionActions, { ...props })))),
         displayValidationErrors ? React.createElement(ValidationErrors, { errors: errors }) : null));
 };
 // Default slot components for convenience

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import 'quill/dist/quill.snow.css';
+import 'quill-table-up/index.css';
+type EditorProps = {
+    /** HTML content to display in the read-only editor */
+    value: string;
+};
+declare const HtmlView: ({ value }: EditorProps) => React.JSX.Element;
+export default HtmlView;

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

@@ -0,0 +1,42 @@
+import Quill from 'quill';
+import React, { useEffect, useRef } from 'react';
+import 'quill/dist/quill.snow.css';
+import TableUp from 'quill-table-up';
+import 'quill-table-up/index.css';
+import { Box } from '@mui/material';
+import DOMPurify from 'dompurify';
+Quill.register({ [`modules/${TableUp.moduleName}`]: TableUp }, true);
+const HtmlView = ({ value }) => {
+    const containerRef = useRef(null);
+    const quillRef = useRef(null);
+    // Initialize ONCE
+    useEffect(() => {
+        if (!containerRef.current || quillRef.current)
+            return;
+        const quill = new Quill(containerRef.current, {
+            theme: 'snow',
+            readOnly: true,
+            modules: {
+                toolbar: false,
+            },
+        });
+        quillRef.current = quill;
+    }, []);
+    // Update content only
+    useEffect(() => {
+        if (!quillRef.current)
+            return;
+        quillRef.current.setContents([]);
+        quillRef.current.clipboard.dangerouslyPasteHTML(DOMPurify.sanitize(value));
+    }, [value]);
+    return (React.createElement(Box, { sx: {
+            width: '100%',
+            height: '100%',
+            '.ql-container': {
+                border: 'none',
+                minHeight: 20,
+            },
+        } },
+        React.createElement("div", { ref: containerRef })));
+};
+export default HtmlView;

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

@@ -1,6 +1,5 @@
 import { useApiServices, useAuthenticationContext, } from '@evoke-platform/context';
 import { WarningRounded } from '@mui/icons-material';
-import DOMPurify from 'dompurify';
 import { isEmpty } from 'lodash';
 import React, { useEffect, useMemo } from 'react';
 import useWidgetSize, { useFormContext } from '../../../../theme/hooks';
@@ -19,6 +18,7 @@ import ObjectPropertyInput from './FormFieldTypes/relatedObjectFiles/ObjectPrope
 import UserProperty from './FormFieldTypes/UserProperty';
 import FormSections from './FormSections';
 import { entryIsVisible, fetchCollectionData, filterEmptySections, getEntryId, getFieldDefinition, isAddressProperty, isOptionEqualToValue, updateCriteriaInputs, } from './utils';
+import HtmlView from './HtmlView';
 function getFieldWrapperProps(fieldDefinition, entry, entryId, fieldValue, display, errors, validation) {
     return {
         inputId: entryId,
@@ -70,9 +70,7 @@ export function RecursiveEntryRenderer(props) {
         return null;
     }
     if (entry.type === 'content') {
-        return (React.createElement(Box, { dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(entry.html) }, sx: {
-                fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
-            } }));
+        return React.createElement(HtmlView, { value: entry.html });
     }
     else if ((entry.type === 'input' || entry.type === 'readonlyField' || entry.type === 'inputField') &&
         fieldDefinition) {
@@ -87,9 +85,7 @@ export function RecursiveEntryRenderer(props) {
             return (React.createElement(FieldWrapper, { ...getFieldWrapperProps(fieldDefinition, entry, entryId, fieldValue, display, errors) },
                 React.createElement(ObjectPropertyInput, { relatedObjectId: !fieldDefinition.objectId ? display?.relatedObjectId : fieldDefinition.objectId, fieldDefinition: fieldDefinition, id: entryId, mode: display?.mode || 'default', error: !!errors?.[entryId], displayOption: display?.relatedObjectDisplay || 'dialogBox', initialValue: fieldValue, readOnly: entry.type === 'readonlyField', filter: 'criteria' in validation && validation.criteria
                         ? updateCriteriaInputs(validation.criteria, getValues(), userAccount, instance)
-                        : entry.display?.criteria
-                            ? updateCriteriaInputs(entry.display?.criteria, getValues(), userAccount, instance)
-                            : undefined, sortBy: typeof display?.defaultValue === 'object' && 'sortBy' in display.defaultValue
+                        : undefined, sortBy: typeof display?.defaultValue === 'object' && 'sortBy' in display.defaultValue
                         ? display?.defaultValue.sortBy
                         : undefined, orderBy: typeof display?.defaultValue === 'object' && 'orderBy' in display.defaultValue
                         ? display?.defaultValue.orderBy
@@ -138,7 +134,7 @@ export function RecursiveEntryRenderer(props) {
         }
         else if (fieldDefinition.type === 'document' || fieldDefinition.type === 'file') {
             return (React.createElement(FieldWrapper, { ...getFieldWrapperProps(fieldDefinition, entry, entryId, fieldValue, display, errors) },
-                React.createElement(Document, { id: entryId, fieldType: fieldDefinition.type, error: !!errors?.[entryId], value: fieldValue, canUpdateProperty: !(entry.type === 'readonlyField'), hasDescription: !!display?.description, validate: validation })));
+                React.createElement(Document, { id: entryId, error: !!errors?.[entryId], value: fieldValue, canUpdateProperty: !(entry.type === 'readonlyField'), hasDescription: !!display?.description, validate: validation })));
         }
         else if (fieldDefinition.type === 'criteria') {
             return (React.createElement(FieldWrapper, { ...getFieldWrapperProps(fieldDefinition, entry, entryId, fieldValue, display, errors) },

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

@@ -12,10 +12,9 @@ export type FieldAddress = {
 export type AccessCheck = {
     result: boolean;
 };
-export type DocumentReference = {
+export type SavedDocumentReference = {
     id: string;
     name: string;
-    unsaved?: boolean;
 };
 export type Document = {
     id: string;
@@ -113,7 +112,3 @@ export type InstanceLink = {
     id: string;
     objectId: string;
 };
-export type FileUploadBatchResult = {
-    errorMessage?: string;
-    successfulUploads: DocumentReference[];
-};

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

@@ -4,7 +4,7 @@ import { LocalDateTime } from '@js-joda/core';
 import { FieldErrors, FieldValues } from 'react-hook-form';
 import { ObjectProperty } from '../../../../types';
 import { AutocompleteOption } from '../../../core';
-import { DocumentReference, FileUploadBatchResult, InstanceLink } from './types';
+import { InstanceLink, SavedDocumentReference } from './types';
 export declare const scrollIntoViewWithOffset: (el: HTMLElement, offset: number, container?: HTMLElement) => void;
 export declare const normalizeDateTime: (dateTime: LocalDateTime) => string;
 export declare function isAddressProperty(key: string): boolean;
@@ -49,13 +49,16 @@ export declare const convertPropertiesToParams: (object: Obj) => InputParameter[
 export declare function getUnnestedEntries(entries: FormEntry[]): FormEntry[];
 export declare const isEmptyWithDefault: (fieldValue: unknown, entry: InputParameterReference | InputField, instance: Record<string, unknown> | object) => boolean | "" | 0 | undefined;
 export declare const docProperties: Property[];
-export declare const uploadFiles: (files: (File | DocumentReference)[], apiServices: ApiServices, actionId?: string, linkTo?: InstanceLink, shortCircuit?: boolean) => Promise<FileUploadBatchResult>;
+/**
+ * Upload files using the POST /files endpoint for sys__file objects
+ */
+export declare const uploadFiles: (files: (File | SavedDocumentReference)[], apiServices: ApiServices, actionId?: string, metadata?: Record<string, string>, linkTo?: InstanceLink) => Promise<SavedDocumentReference[]>;
 /**
  * Creates file links for uploaded files by calling the objects endpoint with sys__fileLink
  * This is used after instance creation when the instance ID becomes available
  */
-export declare const createFileLinks: (fileReferences: DocumentReference[], linkedInstance: InstanceLink, apiServices: ApiServices) => Promise<void>;
-export declare const uploadDocuments: (files: (File | DocumentReference)[], metadata: Record<string, string>, apiServices: ApiServices, instanceId: string, objectId: string) => Promise<DocumentReference[]>;
+export declare const createFileLinks: (files: SavedDocumentReference[], linkedInstance: InstanceLink, apiServices: ApiServices) => Promise<void>;
+export declare const uploadDocuments: (files: (File | SavedDocumentReference)[], metadata: Record<string, string>, apiServices: ApiServices, instanceId: string, objectId: string) => Promise<SavedDocumentReference[]>;
 export declare const deleteDocuments: (submittedFields: FieldValues, requestSuccess: boolean, apiServices: ApiServices, object: Obj, instance: FieldValues, action?: Action, setSnackbarError?: React.Dispatch<React.SetStateAction<{
     showAlert: boolean;
     message?: string;
@@ -81,7 +84,6 @@ export declare function formatSubmission(submission: FieldValues, apiServices?:
 }>>, associatedObject?: {
     instanceId: string;
     propertyId: string;
-    objectId?: string;
 }, parameters?: InputParameter[]): Promise<FieldValues>;
 export declare function filterEmptySections(entry: Sections | Columns, instance?: FieldValues, formData?: FieldValues): Sections | Columns | null;
 export declare function assignIdsToSectionsAndRichText(entries: FormEntry[], object: Obj, parameters?: InputParameter[]): FormEntry[];