@evoke-platform/ui-components 1.11.1-dev.3 → 1.11.1-dev.4

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

@@ -4,7 +4,7 @@ import { FieldValues, SubmitErrorHandler } from 'react-hook-form';
 import { BodyProps } from './components/Body';
 import { FooterProps } from './components/Footer';
 import { HeaderProps } from './components/Header';
-import { BaseProps, Document, SimpleEditorProps } from './components/types';
+import { BaseProps, SimpleEditorProps } from './components/types';
 import ValidationErrors from './components/ValidationFiles/ValidationErrors';
 export type FormRendererProps = BaseProps & {
     richTextEditor?: ComponentType<SimpleEditorProps>;
@@ -15,7 +15,7 @@ export type FormRendererProps = BaseProps & {
     fieldHeight?: 'small' | 'medium';
     form: EvokeForm;
     title?: string | React.ReactNode;
-    instance?: ObjectInstance | Document;
+    instance?: ObjectInstance;
     onChange: (id: string, value: unknown) => void | Promise<void>;
     onAutosave?: (fieldId: string) => void | Promise<void>;
     associatedObject?: {

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

@@ -8,7 +8,7 @@ import { Body } from './components/Body';
 import { Footer, FooterActions } from './components/Footer';
 import { FormContext } from './components/FormContext';
 import Header, { AccordionActions, Title } from './components/Header';
-import { assignIdsToSectionsAndRichText, convertDocToParameters, convertPropertiesToParams, entryIsVisible, getEntryId, getNestedParameterIds, isAddressProperty, obfuscateValue, } from './components/utils';
+import { assignIdsToSectionsAndRichText, convertPropertiesToParams, entryIsVisible, getEntryId, getNestedParameterIds, isAddressProperty, obfuscateValue, } from './components/utils';
 import { handleValidation } from './components/ValidationFiles/Validation';
 import ValidationErrors from './components/ValidationFiles/ValidationErrors';
 const FormRendererInternal = (props) => {
@@ -55,10 +55,7 @@ const FormRendererInternal = (props) => {
                 const action = object?.actions?.find((a) => a.id === actionId);
                 setObject(object);
                 setAction(action);
-                if (form.id === 'documentForm') {
-                    setParameters(convertDocToParameters(instance));
-                }
-                else if (action?.parameters) {
+                if (action?.parameters) {
                     setParameters(action.parameters);
                 }
                 else if (object) {
@@ -244,9 +241,7 @@ const FormRendererInternal = (props) => {
                         expandedSections,
                         hasAccordions: hasSections && isSmallerThanMd,
                     } })),
-                (action || form.id === 'documentForm') &&
-                    onSubmit &&
-                    (renderFooter ? renderFooter(footerProps) : React.createElement(Footer, { ...footerProps }))))));
+                action && onSubmit && (renderFooter ? renderFooter(footerProps) : React.createElement(Footer, { ...footerProps }))))));
 };
 export const FormRenderer = Object.assign(FormRendererInternal, {
     Header,

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

@@ -18,8 +18,7 @@ export type FormRendererContainerProps = BaseProps & {
     instanceId?: string;
     defaultPages?: Record<string, string>;
     pageNavigation?: string;
-    documentId?: string;
-    dataType?: 'documents' | 'objectInstances';
+    dataType?: 'objectInstances';
     display?: {
         fieldHeight?: 'small' | 'medium';
     };

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

@@ -7,18 +7,16 @@ import { Box } from '../../layout';
 import ErrorComponent from '../ErrorComponent';
 import { evalDefaultVals, processValueUpdate } from './components/DefaultValues';
 import Header from './components/Header';
-import { convertDocToEntries, convertPropertiesToParams, deleteDocuments, encodePageSlug, formatDataToDoc, formatSubmission, getEntryId, getPrefixedUrl, getUnnestedEntries, isAddressProperty, isEmptyWithDefault, plainTextToRtf, } from './components/utils';
+import { convertPropertiesToParams, deleteDocuments, encodePageSlug, formatSubmission, getEntryId, getPrefixedUrl, getUnnestedEntries, isAddressProperty, isEmptyWithDefault, plainTextToRtf, } from './components/utils';
 import FormRenderer from './FormRenderer';
 function FormRendererContainer(props) {
-    const { instanceId, pageNavigation, documentId, dataType, display, formId, objectId, actionId, richTextEditor, onSubmit, onDiscardChanges: onDiscardChangesOverride, associatedObject, renderContainer, onSubmitError, sx, renderHeader, renderBody, renderFooter, } = props;
+    const { instanceId, pageNavigation, dataType, display, formId, objectId, actionId, richTextEditor, onSubmit, onDiscardChanges: onDiscardChangesOverride, associatedObject, renderContainer, onSubmitError, sx, renderHeader, renderBody, renderFooter, } = props;
     const apiServices = useApiServices();
     const navigateTo = useNavigate();
     const { id: appId } = useApp();
-    const [hasDocumentUpdateAccess, setHasDocumentUpdateAccess] = useState();
     const [sanitizedObject, setSanitizedObject] = useState();
     const [navigationSlug, setNavigationSlug] = useState();
     const [parameters, setParameters] = useState();
-    const [document, setDocument] = useState();
     const [instance, setInstance] = useState();
     const formDataRef = useRef();
     // We only need the setter to force a re-render when form data updates; the value itself
@@ -58,41 +56,29 @@ function FormRendererContainer(props) {
     useEffect(() => {
         (async () => {
             try {
-                if (dataType === 'documents') {
-                    const object = await objectStore.get({ sanitized: true });
-                    const document = await apiServices.get(getPrefixedUrl(`/objects/${objectId}/instances/${instanceId}/documents/${documentId}`));
-                    if (document) {
-                        setDocument(document);
-                        const accessCheck = await apiServices.get(getPrefixedUrl(`/objects/${objectId}/instances/${instanceId}/documents/${documentId}/checkAccess?action=update`));
-                        setHasDocumentUpdateAccess(accessCheck.result);
-                    }
-                    setSanitizedObject(omit(object, 'properties'));
+                if (instanceId) {
+                    const instance = await objectStore.getInstance(instanceId);
+                    setInstance(instance);
+                }
+                const object = await apiServices.get(getPrefixedUrl(`/objects/${form?.objectId || objectId}${instanceId ? `/instances/${instanceId}/object` : '/effective'}`), { params: { sanitizedVersion: true } });
+                setSanitizedObject(object);
+                const action = object?.actions?.find((a) => a.id === (form?.actionId || actionId));
+                if (action && (instanceId || action.type === 'create')) {
+                    setAction(action);
+                    // Clear error if action is found after being missing
+                    // TODO: This entire effect should take place after form is fetched to avoid an error flickering
+                    // That is, this effect should be merged with the one below that fetches the form
+                    setError((prevError) => prevError === 'Action could not be found' ? undefined : prevError);
                 }
                 else {
-                    if (instanceId) {
-                        const instance = await objectStore.getInstance(instanceId);
-                        setInstance(instance);
-                    }
-                    const object = await apiServices.get(getPrefixedUrl(`/objects/${form?.objectId || objectId}${instanceId ? `/instances/${instanceId}/object` : '/effective'}`), { params: { sanitizedVersion: true } });
-                    setSanitizedObject(object);
-                    const action = object?.actions?.find((a) => a.id === (form?.actionId || actionId));
-                    if (action && (instanceId || action.type === 'create')) {
-                        setAction(action);
-                        // Clear error if action is found after being missing
-                        // TODO: This entire effect should take place after form is fetched to avoid an error flickering
-                        // That is, this effect should be merged with the one below that fetches the form
-                        setError((prevError) => prevError === 'Action could not be found' ? undefined : prevError);
-                    }
-                    else {
-                        setError('Action could not be found');
-                    }
+                    setError('Action could not be found');
                 }
             }
             catch (error) {
                 onError(error);
             }
         })();
-    }, [dataType, form, instanceId, documentId]);
+    }, [dataType, form, instanceId]);
     useEffect(() => {
         if (pageNavigation) {
             apiServices
@@ -106,9 +92,7 @@ function FormRendererContainer(props) {
         const needsInstance = action?.type !== 'create' && !!instanceId;
         // Instance and Action are loaded in the side effect above; wait for them to complete.
         const loading = (actionId && !action) || (needsInstance && !instance);
-        if (dataType === 'documents' || form)
-            return;
-        if (loading)
+        if (form || loading)
             return;
         if ((formId || action?.defaultFormId) && formId !== '_auto_') {
             apiServices
@@ -157,21 +141,7 @@ function FormRendererContainer(props) {
     }, [form, action?.parameters, sanitizedObject]);
     useEffect(() => {
         const getInitialValues = async () => {
-            if (document && objectId) {
-                const defaultValues = await getDefaultValues(convertDocToEntries(document), document);
-                setFormData(defaultValues);
-                // Deep clone to avoid reference issues
-                setLastSavedData(cloneDeep(defaultValues));
-                if (!form) {
-                    setForm({
-                        id: 'documentForm',
-                        name: 'Document Form',
-                        entries: convertDocToEntries(document),
-                        objectId: objectId,
-                    });
-                }
-            }
-            else if (form && (instance || !instanceId)) {
+            if (form && (instance || !instanceId)) {
                 const defaultValues = await getDefaultValues(form.entries, instance || {});
                 setFormData(defaultValues);
                 // Deep clone to avoid reference issues
@@ -187,12 +157,7 @@ function FormRendererContainer(props) {
             isError: false,
         });
         if (navigationSlug) {
-            if (navigationSlug.includes(':instanceId') && navigationSlug.includes(':documentId')) {
-                navigateTo(`/${appId}/${navigationSlug
-                    .replace(':instanceId', instanceId ?? ':instanceId')
-                    .replace(':documentId', documentId ?? ':documentId')}`);
-            }
-            else if (navigationSlug.includes(':instanceId')) {
+            if (navigationSlug.includes(':instanceId')) {
                 const navigateInstanceId = action?.type === 'create' ? updatedInstance?.id : instanceId;
                 navigateTo(`/${appId}/${navigationSlug.replace(':instanceId', navigateInstanceId ?? ':instanceId')}`);
             }
@@ -206,23 +171,8 @@ function FormRendererContainer(props) {
         if (!form)
             return;
         submission = await formatSubmission(submission, apiServices, objectId, instanceId, form, setSnackbarError);
-        if (document) {
-            submission = formatDataToDoc(submission);
-        }
         try {
-            if (dataType === 'documents' && !!document) {
-                await apiServices.patch(getPrefixedUrl(`/objects/${form.objectId}/instances/${instanceId}/documents/${documentId}`), pick(submission, ['metadata']).metadata ?? submission);
-                setDocument((prev) => ({
-                    ...prev,
-                    metadata: submission.metadata,
-                }));
-                setSnackbarError({
-                    showAlert: true,
-                    message: 'Your changes have been submitted',
-                    isError: false,
-                });
-            }
-            else if (action?.type === 'create') {
+            if (action?.type === 'create') {
                 const response = await apiServices.post(getPrefixedUrl(`/objects/${form.objectId}/instances/actions`), {
                     actionId: form.actionId,
                     input: omit(submission, sanitizedObject?.properties
@@ -263,12 +213,12 @@ function FormRendererContainer(props) {
         const result = {};
         const unnestedEntries = getUnnestedEntries(entries);
         for (const entry of unnestedEntries) {
+            const fieldId = getEntryId(entry);
+            if (!fieldId)
+                continue;
+            const fieldValue = get(instanceData, fieldId);
             if ((entry.type === 'input' || entry.type === 'inputField') &&
                 isAddressProperty(entry.parameterId || entry.input?.id)) {
-                const fieldId = getEntryId(entry);
-                if (!fieldId)
-                    continue;
-                const fieldValue = get(instanceData, fieldId);
                 if ((isEmpty(instanceData) || fieldValue === undefined || fieldValue === null || fieldValue === '') &&
                     entry?.display?.defaultValue &&
                     parameters) {
@@ -284,56 +234,47 @@ function FormRendererContainer(props) {
                 }
             }
             else if (entry.type !== 'sections' && entry.type !== 'columns' && entry.type !== 'content') {
-                const fieldId = entry.type === 'input'
-                    ? entry.parameterId
-                    : entry.type === 'inputField'
-                        ? entry.input?.id
-                        : undefined;
-                if (fieldId) {
-                    const fieldValue = instanceData?.[fieldId] ??
-                        instanceData?.metadata?.[fieldId];
-                    const parameter = parameters?.find((param) => param.id === fieldId);
-                    if (associatedObject?.propertyId === fieldId &&
-                        associatedObject?.instanceId &&
-                        parameter &&
-                        action?.type === 'create') {
-                        try {
-                            const instance = await apiServices.get(getPrefixedUrl(`/objects/${parameter.objectId}/instances/${associatedObject.instanceId}`));
-                            result[associatedObject.propertyId] = instance;
-                        }
-                        catch (error) {
-                            console.error(error);
-                        }
+                const parameter = parameters?.find((param) => param.id === fieldId);
+                if (associatedObject?.propertyId === fieldId &&
+                    associatedObject?.instanceId &&
+                    parameter &&
+                    action?.type === 'create') {
+                    try {
+                        const instance = await apiServices.get(getPrefixedUrl(`/objects/${parameter.objectId}/instances/${associatedObject.instanceId}`));
+                        result[associatedObject.propertyId] = instance;
                     }
-                    else if (entry.type !== 'readonlyField' && isEmptyWithDefault(fieldValue, entry, instanceData)) {
-                        if (fieldId && parameters && parameters.length > 0) {
-                            const defaultValuesArray = await evalDefaultVals(parameters, unnestedEntries, entry, fieldValue, fieldId, apiServices, userAccount, instanceData);
-                            for (const { fieldId, fieldValue } of defaultValuesArray) {
-                                const parameter = parameters?.find((param) => param.id === fieldId);
-                                if (parameter?.type === 'object') {
-                                    const dependentFields = await processValueUpdate(unnestedEntries, parameters, fieldValue, apiServices, fieldId, formDataRef.current, userAccount);
-                                    for (const field of dependentFields) {
-                                        set(result, field.fieldId, field.fieldValue);
-                                    }
+                    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, unnestedEntries, entry, fieldValue, fieldId, apiServices, userAccount, instanceData);
+                        for (const { fieldId, fieldValue } of defaultValuesArray) {
+                            const parameter = parameters?.find((param) => param.id === fieldId);
+                            if (parameter?.type === 'object') {
+                                const dependentFields = await processValueUpdate(unnestedEntries, parameters, fieldValue, apiServices, fieldId, formDataRef.current, userAccount);
+                                for (const field of dependentFields) {
+                                    set(result, field.fieldId, field.fieldValue);
                                 }
-                                set(result, fieldId, fieldValue);
                             }
+                            set(result, fieldId, fieldValue);
                         }
                     }
-                    else if (parameter?.type === 'boolean' && (fieldValue === undefined || fieldValue === null)) {
-                        result[fieldId] = false;
-                    }
-                    else if (fieldValue !== undefined && fieldValue !== null) {
-                        if (parameter?.type === 'richText' && typeof fieldValue === 'string') {
-                            let RTFFieldValue = fieldValue;
-                            if (!fieldValue.trim().startsWith('{\\rtf')) {
-                                RTFFieldValue = plainTextToRtf(fieldValue);
-                            }
-                            result[fieldId] = RTFFieldValue;
-                        }
-                        else {
-                            result[fieldId] = fieldValue;
+                }
+                else if (parameter?.type === 'boolean' && (fieldValue === undefined || fieldValue === null)) {
+                    result[fieldId] = false;
+                }
+                else if (fieldValue !== undefined && fieldValue !== null) {
+                    if (parameter?.type === 'richText' && typeof fieldValue === 'string') {
+                        let RTFFieldValue = fieldValue;
+                        if (!fieldValue.trim().startsWith('{\\rtf')) {
+                            RTFFieldValue = plainTextToRtf(fieldValue);
                         }
+                        result[fieldId] = RTFFieldValue;
+                    }
+                    else {
+                        result[fieldId] = fieldValue;
                     }
                 }
             }
@@ -369,16 +310,8 @@ function FormRendererContainer(props) {
             setIsSaving(true);
             const cleanedData = removeUneditedProtectedValues(formDataRef.current);
             const submission = await formatSubmission(cleanedData, apiServices, objectId, instanceId, form, setSnackbarError);
-            // Handle document autosave
-            if (dataType === 'documents' && document) {
-                await apiServices.patch(getPrefixedUrl(`/objects/${objectId}/instances/${instanceId}/documents/${documentId}`), pick(submission, ['metadata']).metadata ?? submission);
-                setDocument((prev) => ({
-                    ...prev,
-                    metadata: submission.metadata,
-                }));
-            }
             // Handle object instance autosave
-            else if (instanceId && action?.type === 'update') {
+            if (instanceId && action?.type === 'update') {
                 await apiServices.post(getPrefixedUrl(`/objects/${objectId}/instances/${instanceId}/actions`), {
                     actionId: form.autosaveActionId,
                     input: pick(submission, sanitizedObject?.properties
@@ -423,7 +356,7 @@ function FormRendererContainer(props) {
             setFormData(newData);
         }
     }
-    const isLoading = (instanceId && !formDataRef.current && !document) || !form || !sanitizedObject;
+    const isLoading = (instanceId && !formDataRef.current) || !form || !sanitizedObject;
     const status = error ? 'error' : isLoading ? 'loading' : 'ready';
     // Compose a header renderer that injects the saving indicator into the rendered header
     const composedRenderHeader = (props) => {
@@ -435,11 +368,7 @@ function FormRendererContainer(props) {
     const onDiscardChanges = onDiscardChangesOverride
         ? onDiscardChangesOverride
         : async () => {
-            if (document) {
-                const defaultValues = await getDefaultValues(convertDocToEntries(document), document);
-                setFormData(defaultValues);
-            }
-            else if (form) {
+            if (form) {
                 const defaultValues = await getDefaultValues(form.entries, instance || {});
                 setFormData(defaultValues);
             }
@@ -451,7 +380,7 @@ function FormRendererContainer(props) {
             border: !isLoading ? '1px solid #dbe0e4' : undefined,
             ...sx,
         } }, !isLoading ? (React.createElement(React.Fragment, null,
-        React.createElement(FormRenderer, { onSubmit: onSubmit ? (data) => onSubmit(data, saveHandler) : saveHandler, onSubmitError: onSubmitError, onDiscardChanges: onDiscardChanges, richTextEditor: richTextEditor, fieldHeight: display?.fieldHeight ?? 'medium', value: formDataRef.current, form: form, instance: dataType !== 'documents' ? instance : document, onChange: onChange, onAutosave: onAutosave, associatedObject: associatedObject, renderHeader: composedRenderHeader, renderBody: renderBody, renderFooter: document && !hasDocumentUpdateAccess ? () => React.createElement(React.Fragment, null) : renderFooter }))) : (React.createElement(Box, { sx: { padding: '20px' } },
+        React.createElement(FormRenderer, { onSubmit: onSubmit ? (data) => onSubmit(data, saveHandler) : saveHandler, onSubmitError: onSubmitError, onDiscardChanges: onDiscardChanges, richTextEditor: richTextEditor, fieldHeight: display?.fieldHeight ?? 'medium', value: formDataRef.current, form: form, instance: instance, onChange: onChange, onAutosave: onAutosave, associatedObject: associatedObject, renderHeader: composedRenderHeader, renderBody: renderBody, renderFooter: renderFooter }))) : (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/RecursiveEntryRenderer.js

@@ -38,7 +38,7 @@ function getFieldWrapperProps(fieldDefinition, entry, entryId, fieldValue, displ
 }
 export function RecursiveEntryRenderer(props) {
     const { entry } = props;
-    const { fetchedOptions, setFetchedOptions, object, getValues, errors, instance, richTextEditor: RichTextEditor, parameters, handleChange, onAutosave, fieldHeight, triggerFieldReset, associatedObject, form, width, } = useFormContext();
+    const { fetchedOptions, setFetchedOptions, object, getValues, errors, instance, richTextEditor: RichTextEditor, parameters, handleChange, onAutosave, fieldHeight, triggerFieldReset, associatedObject, width, } = useFormContext();
     const { isBelow, breakpoints } = useWidgetSize({
         scroll: false,
         defaultWidth: width,
@@ -55,7 +55,7 @@ export function RecursiveEntryRenderer(props) {
     const fieldDefinition = useMemo(() => {
         if (!object)
             return undefined;
-        return getFieldDefinition(entry, object, parameters, form?.id === 'documentForm');
+        return getFieldDefinition(entry, object, parameters);
     }, [entry, parameters, object]);
     const validation = fieldDefinition?.validation || {};
     useEffect(() => {

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

@@ -97,16 +97,6 @@ export type SectionsProps = {
     entry: ExpandedSections;
     readOnly?: boolean;
 };
-export type DocumentData = {
-    id: string;
-    name: string;
-    contentType: string;
-    size: number;
-    uploadedDate: string;
-    versionId: string;
-    type: string;
-    view_permission: string;
-};
 export type RichTextFormEntry = FormEntry & {
     uniqueId: string;
 };

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 { Document, DocumentData, SavedDocumentReference } from './types';
+import { 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;
@@ -43,23 +43,9 @@ export declare function getDefaultPages(parameters: InputParameter[], defaultPag
 export declare function updateCriteriaInputs(criteria: Record<string, unknown>, data: Record<string, unknown>, user?: UserAccount): Record<string, unknown>;
 export declare function fetchCollectionData(apiServices: ApiServices, fieldDefinition: InputParameter | Property, setFetchedOptions: (newData: FieldValues) => void, instanceId?: string, fetchedOptions?: Record<string, unknown>, initialMiddleObjectInstances?: ObjectInstance[]): Promise<void>;
 export declare const getErrorCountForSection: (section: Section | Column, errors?: FieldErrors) => number;
-export declare const convertDocToParameters: (obj: Document) => InputParameter[];
 export declare const propertyToParameter: (property: Property) => InputParameter;
 export declare const propertyValidationToParameterValidation: (property: Property) => InputParameter['validation'];
 export declare const convertPropertiesToParams: (object: Obj) => InputParameter[] | undefined;
-export declare function convertDocToEntries(document: Document): FormEntry[];
-export declare function formatDataToDoc(data: DocumentData): {
-    id: string;
-    name: string;
-    contentType: string;
-    size: number;
-    uploadedDate: string;
-    versionId: string;
-    metadata: {
-        type: string;
-        view_permission: string;
-    };
-};
 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[];
@@ -105,5 +91,5 @@ export declare function assignIdsToSectionsAndRichText(entries: FormEntry[], obj
  * This ensures that any plain text input will be safely represented in RTF without losing formatting or characters.
  */
 export declare function plainTextToRtf(plainText: string): string;
-export declare function getFieldDefinition(entry: FormEntry, object: Obj, parameters?: InputParameter[], isDocument?: boolean): InputParameter | Property | undefined;
+export declare function getFieldDefinition(entry: FormEntry, object: Obj, parameters?: InputParameter[]): InputParameter | Property | undefined;
 export declare function obfuscateValue(value: unknown, property?: Partial<Property> | Partial<ObjectProperty>): unknown;

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

@@ -377,27 +377,6 @@ export const getErrorCountForSection = (section, errors) => {
         }, 0)
         : 0;
 };
-// to convert the properties of the current instances doc into a mappable object
-export const convertDocToParameters = (obj) => {
-    return Object.entries(obj).flatMap(([key, value]) => {
-        if (key === 'metadata') {
-            return [
-                {
-                    id: 'type',
-                    name: 'Type',
-                    type: 'string',
-                },
-                {
-                    id: 'view_permission',
-                    name: 'View Permission',
-                    type: 'string',
-                    enum: ['Public', 'Private', 'Portal'],
-                },
-            ];
-        }
-        return [];
-    });
-};
 export const propertyToParameter = (property) => {
     return {
         ...omit(property, ['searchable', 'formula', 'formulaType', 'mask', 'textTransform']),
@@ -438,86 +417,6 @@ export const convertPropertiesToParams = (object) => {
         .sort((a, b) => a.name.localeCompare(b.name))
         .map(propertyToParameter);
 };
-export function convertDocToEntries(document) {
-    const entries = [
-        {
-            type: 'readonlyField',
-            propertyId: 'id',
-            display: {
-                label: 'Id',
-            },
-        },
-        {
-            type: 'readonlyField',
-            propertyId: 'name',
-            display: {
-                label: 'Name',
-            },
-        },
-        {
-            type: 'readonlyField',
-            propertyId: 'contentType',
-            display: {
-                label: 'Content Type',
-            },
-        },
-        {
-            type: 'readonlyField',
-            propertyId: 'size',
-            display: {
-                label: 'Size',
-            },
-        },
-        {
-            type: 'readonlyField',
-            propertyId: 'uploadedDate',
-            display: {
-                label: 'Uploaded Date',
-            },
-        },
-    ];
-    if (!isEmpty(document.metadata)) {
-        entries.push({
-            type: 'input',
-            parameterId: 'type',
-            display: {
-                label: 'Type',
-            },
-        }, {
-            type: 'input',
-            parameterId: 'view_permission',
-            display: {
-                label: 'View Permission',
-                choicesDisplay: {
-                    type: 'dropdown',
-                    sortBy: 'ASC',
-                },
-            },
-        });
-    }
-    entries.push({
-        type: 'readonlyField',
-        propertyId: 'versionId',
-        display: {
-            label: 'Version Id',
-        },
-    });
-    return entries;
-}
-export function formatDataToDoc(data) {
-    return {
-        id: data.id,
-        name: data.name,
-        contentType: data.contentType,
-        size: data.size,
-        uploadedDate: data.uploadedDate,
-        versionId: data.versionId,
-        metadata: {
-            type: data.type ?? '',
-            view_permission: data.view_permission ?? '',
-        },
-    };
-}
 export function getUnnestedEntries(entries) {
     return entries?.flatMap((entry) => {
         if (entry.type === 'columns' && isArray(entry.columns)) {
@@ -821,17 +720,15 @@ export function plainTextToRtf(plainText) {
     });
     return `{\\rtf1\\ansi\\deff0 {\\fonttbl {\\f0 Calibri;}} \\f0\\fs22 ${escaped}}`;
 }
-export function getFieldDefinition(entry, object, parameters, isDocument) {
+export function getFieldDefinition(entry, object, parameters) {
     let def;
     if (entry.type === 'input') {
         def = parameters?.find((param) => param.id === entry.parameterId);
     }
     else if (entry.type === 'readonlyField') {
-        def = isDocument
-            ? docProperties.find((prop) => prop.id === entry.propertyId)
-            : isAddressProperty(entry.propertyId)
-                ? object.properties?.find((prop) => prop.id === entry.propertyId.split('.')[0])
-                : object.properties?.find((prop) => prop.id === entry.propertyId);
+        def = isAddressProperty(entry.propertyId)
+            ? object.properties?.find((prop) => prop.id === entry.propertyId.split('.')[0])
+            : object.properties?.find((prop) => prop.id === entry.propertyId);
     }
     else if (entry.type === 'inputField') {
         def = entry.input;

package/dist/published/stories/FormRenderer.stories.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     fieldHeight?: "medium" | "small" | undefined;
     form: import("@evoke-platform/context").EvokeForm;
     title?: React.ReactNode;
-    instance?: import("../components/custom/FormV2/components/types").Document | import("@evoke-platform/context").ObjectInstance | undefined;
+    instance?: import("@evoke-platform/context").ObjectInstance | undefined;
     onChange: (id: string, value: unknown) => void | Promise<void>;
     onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
     associatedObject?: {
@@ -29,7 +29,7 @@ export declare const Editable: import("@storybook/types").AnnotatedStoryFn<impor
     fieldHeight?: "medium" | "small" | undefined;
     form: import("@evoke-platform/context").EvokeForm;
     title?: React.ReactNode;
-    instance?: import("../components/custom/FormV2/components/types").Document | import("@evoke-platform/context").ObjectInstance | undefined;
+    instance?: import("@evoke-platform/context").ObjectInstance | undefined;
     onChange: (id: string, value: unknown) => void | Promise<void>;
     onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
     associatedObject?: {
@@ -49,27 +49,7 @@ export declare const NoButtons: import("@storybook/types").AnnotatedStoryFn<impo
     fieldHeight?: "medium" | "small" | undefined;
     form: import("@evoke-platform/context").EvokeForm;
     title?: React.ReactNode;
-    instance?: import("../components/custom/FormV2/components/types").Document | import("@evoke-platform/context").ObjectInstance | undefined;
-    onChange: (id: string, value: unknown) => void | Promise<void>;
-    onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
-    associatedObject?: {
-        instanceId: string;
-        propertyId: string;
-    } | undefined;
-    renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
-    renderBody?: ((props: import("../components/custom").BodyProps) => React.ReactNode) | undefined;
-    renderFooter?: ((props: import("../components/custom").FooterProps) => React.ReactNode) | undefined;
-}>;
-export declare const DocumentForm: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../components/custom/FormV2/components/types").BaseProps & {
-    richTextEditor?: React.ComponentType<import("../components/custom/FormV2/components/types").SimpleEditorProps> | undefined;
-    value?: import("react-hook-form").FieldValues | undefined;
-    onSubmit?: ((data: import("react-hook-form").FieldValues) => void) | undefined;
-    onDiscardChanges?: (() => void) | undefined;
-    onSubmitError?: import("react-hook-form").SubmitErrorHandler<import("react-hook-form").FieldValues> | undefined;
-    fieldHeight?: "medium" | "small" | undefined;
-    form: import("@evoke-platform/context").EvokeForm;
-    title?: React.ReactNode;
-    instance?: import("../components/custom/FormV2/components/types").Document | import("@evoke-platform/context").ObjectInstance | undefined;
+    instance?: import("@evoke-platform/context").ObjectInstance | undefined;
     onChange: (id: string, value: unknown) => void | Promise<void>;
     onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
     associatedObject?: {

package/dist/published/stories/FormRenderer.stories.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { FormRenderer } from '../components/custom';
 import { formatSubmission } from '../components/custom/FormV2/components/utils';
-import { docFormData, documentInstance, formData, instance, mockDocEvokeForm, mockEvokeForm } from './FormRendererData';
+import { formData, instance, mockEvokeForm } from './FormRendererData';
 export default {
     title: 'Custom/FormRenderer',
     component: FormRenderer,
@@ -29,7 +29,7 @@ const mockProps = {
     instance: instance,
 };
 const Template = (args) => {
-    const [formDataState, setFormDataState] = React.useState(args.form.id === 'documentForm' ? docFormData : formData);
+    const [formDataState, setFormDataState] = React.useState(formData);
     const handleChange = React.useCallback((field, value) => {
         setFormDataState((prev) => {
             const newData = { ...prev };
@@ -49,9 +49,3 @@ NoButtons.args = {
     ...mockProps,
     renderFooter: () => null,
 };
-export const DocumentForm = Template.bind({});
-DocumentForm.args = {
-    ...mockProps,
-    form: mockDocEvokeForm,
-    instance: documentInstance,
-};

package/dist/published/stories/FormRendererContainer.stories.d.ts

@@ -4,8 +4,7 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     instanceId?: string | undefined;
     defaultPages?: Record<string, string> | undefined;
     pageNavigation?: string | undefined;
-    documentId?: string | undefined;
-    dataType?: "documents" | "objectInstances" | undefined;
+    dataType?: "objectInstances" | undefined;
     display?: {
         fieldHeight?: "medium" | "small" | undefined;
     } | undefined;
@@ -31,8 +30,7 @@ export declare const Editable: import("@storybook/types").AnnotatedStoryFn<impor
     instanceId?: string | undefined;
     defaultPages?: Record<string, string> | undefined;
     pageNavigation?: string | undefined;
-    documentId?: string | undefined;
-    dataType?: "documents" | "objectInstances" | undefined;
+    dataType?: "objectInstances" | undefined;
     display?: {
         fieldHeight?: "medium" | "small" | undefined;
     } | undefined;
@@ -57,8 +55,7 @@ export declare const DefaultForm: import("@storybook/types").AnnotatedStoryFn<im
     instanceId?: string | undefined;
     defaultPages?: Record<string, string> | undefined;
     pageNavigation?: string | undefined;
-    documentId?: string | undefined;
-    dataType?: "documents" | "objectInstances" | undefined;
+    dataType?: "objectInstances" | undefined;
     display?: {
         fieldHeight?: "medium" | "small" | undefined;
     } | undefined;
@@ -83,34 +80,7 @@ export declare const NoButtons: import("@storybook/types").AnnotatedStoryFn<impo
     instanceId?: string | undefined;
     defaultPages?: Record<string, string> | undefined;
     pageNavigation?: string | undefined;
-    documentId?: string | undefined;
-    dataType?: "documents" | "objectInstances" | undefined;
-    display?: {
-        fieldHeight?: "medium" | "small" | undefined;
-    } | undefined;
-    actionId?: string | undefined;
-    objectId: string;
-    richTextEditor?: React.ComponentType<import("../components/custom/FormV2/components/types").SimpleEditorProps> | undefined;
-    onSubmit?: ((submission: Record<string, unknown>, defaultSubmitHandler: (submission: Record<string, unknown>) => Promise<void>) => Promise<void>) | undefined;
-    onDiscardChanges?: (() => void) | undefined;
-    onSubmitError?: import("react-hook-form").SubmitErrorHandler<import("react-hook-form").FieldValues> | undefined;
-    associatedObject?: {
-        instanceId: string;
-        propertyId: string;
-    } | undefined;
-    renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
-    renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
-    renderBody?: ((props: import("../components/custom").BodyProps) => React.ReactNode) | undefined;
-    renderFooter?: ((props: import("../components/custom").FooterProps) => React.ReactNode) | undefined;
-    sx?: import("@mui/material").SxProps<{}> | undefined;
-}>;
-export declare const DocumentForm: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../components/custom/FormV2/components/types").BaseProps & {
-    formId?: string | undefined;
-    instanceId?: string | undefined;
-    defaultPages?: Record<string, string> | undefined;
-    pageNavigation?: string | undefined;
-    documentId?: string | undefined;
-    dataType?: "documents" | "objectInstances" | undefined;
+    dataType?: "objectInstances" | undefined;
     display?: {
         fieldHeight?: "medium" | "small" | undefined;
     } | undefined;
@@ -135,8 +105,7 @@ export declare const FormWithSections: import("@storybook/types").AnnotatedStory
     instanceId?: string | undefined;
     defaultPages?: Record<string, string> | undefined;
     pageNavigation?: string | undefined;
-    documentId?: string | undefined;
-    dataType?: "documents" | "objectInstances" | undefined;
+    dataType?: "objectInstances" | undefined;
     display?: {
         fieldHeight?: "medium" | "small" | undefined;
     } | undefined;

package/dist/published/stories/FormRendererContainer.stories.js

@@ -1,9 +1,7 @@
 import { Box } from '@mui/material';
-import { http, HttpResponse } from 'msw';
 import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { FormRenderer, FormRendererContainer } from '../components/custom';
-import { documentInstance } from './FormRendererData';
 import { sharedObjectHandlers } from './sharedMswHandlers';
 export default {
     title: 'Custom/FormRendererContainer',
@@ -11,11 +9,7 @@ export default {
     parameters: {
         layout: 'fullscreen',
         msw: {
-            handlers: [
-                ...sharedObjectHandlers,
-                // Document fetch
-                http.get('api/data/objects/genericEvokeForm/instances/updateGenericEvokeFormInstanceId/documents/documentInstanceId', () => HttpResponse.json(documentInstance)),
-            ],
+            handlers: [sharedObjectHandlers],
         },
     },
     decorators: [
@@ -56,13 +50,6 @@ NoButtons.args = {
     ...mockProps,
     renderFooter: () => null,
 };
-export const DocumentForm = Template.bind({});
-DocumentForm.args = {
-    ...mockProps,
-    formId: 'documentForm',
-    documentId: 'documentInstanceId',
-    dataType: 'documents',
-};
 export const FormWithSections = Template.bind({});
 FormWithSections.args = {
     ...mockProps,

package/dist/published/stories/FormRendererData.d.ts

@@ -1,5 +1,4 @@
 import { EvokeForm, Obj, ObjectInstance } from '@evoke-platform/context';
-import { Document } from '../components/custom/FormV2/components/types';
 export declare const formData: {
     name: string;
     multiSelect: string[];
@@ -8,17 +7,6 @@ export declare const formData: {
     };
 };
 export declare const instance: ObjectInstance;
-export declare const documentInstance: Document;
-export declare const docFormData: {
-    id: string;
-    name: string;
-    contentType: string;
-    size: number;
-    uploadedDate: string;
-    type: string;
-    view_permission: string;
-    versionId: string;
-};
 export declare const mockGenericEvokeFormObject: Obj;
 export declare const mockMovieObject: Obj;
 export declare const mockCustomerObject: Obj;

package/dist/published/stories/FormRendererData.js

@@ -15,28 +15,6 @@ export const instance = {
     },
     objectId: 'genericEvokeForm',
 };
-export const documentInstance = {
-    id: 'documentInstanceId',
-    name: 'Document.pdf',
-    contentType: 'application/pdf',
-    size: 161596,
-    metadata: {
-        type: 'PNG',
-        view_permission: 'Portal',
-    },
-    uploadedDate: '2025-06-24T17:56:49.000Z',
-    versionId: '2025-06-24T17:56:49.0660713Z',
-};
-export const docFormData = {
-    id: 'documentInstanceId',
-    name: 'Document.pdf',
-    contentType: 'application/pdf',
-    size: 161596,
-    uploadedDate: '2025-06-24T17:56:49.000Z',
-    type: 'PNG',
-    view_permission: 'Portal',
-    versionId: '2025-06-24T17:56:49.0660713Z',
-};
 // Object definitions for FormRenderer and FormRendererContainer stories
 export const mockGenericEvokeFormObject = {
     id: 'genericEvokeForm',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.11.1-dev.3",
+    "version": "1.11.1-dev.4",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",