@evoke-platform/ui-components 1.8.0-dev.6 → 1.8.0-dev.8

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/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/FormRendererContainer.js

@@ -97,7 +97,7 @@ 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) {
                     const form = onClose ? { ...evokeForm, name: '' } : evokeForm;
@@ -113,7 +113,7 @@ function FormRendererContainer(props) {
         }
         else if (action) {
             apiServices
-                .get(getPrefixedUrl('data/forms'), {
+                .get(getPrefixedUrl('/forms'), {
                 params: {
                     filter: {
                         where: {
@@ -146,7 +146,7 @@ function FormRendererContainer(props) {
                         },
                     });
                 }
-                else if (instance) {
+                else if (instance || action.type === 'create') {
                     setError(true);
                 }
             })

package/dist/published/components/custom/FormV2/components/FormFieldTypes/CollectionFiles/RepeatableField.js

@@ -66,7 +66,7 @@ const RepeatableField = (props) => {
     function getForm(setForm, action, formId) {
         if (formId || action?.defaultFormId) {
             apiServices
-                .get(getPrefixedUrl(`data/forms/${formId || action?.defaultFormId}`))
+                .get(getPrefixedUrl(`/forms/${formId || action?.defaultFormId}`))
                 .then((evokeForm) => {
                 setForm(evokeForm);
             })
@@ -76,7 +76,7 @@ const RepeatableField = (props) => {
         }
         else if (action) {
             apiServices
-                .get(getPrefixedUrl('data/forms'), {
+                .get(getPrefixedUrl('/forms'), {
                 params: {
                     filter: {
                         where: {

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

@@ -147,7 +147,7 @@ const ObjectPropertyInput = (props) => {
     useEffect(() => {
         if (formId || action?.defaultFormId) {
             apiServices
-                .get(getPrefixedUrl(`data/forms/${formId || action?.defaultFormId}`))
+                .get(getPrefixedUrl(`/forms/${formId || action?.defaultFormId}`))
                 .then((evokeForm) => {
                 setForm(evokeForm);
             })
@@ -157,7 +157,7 @@ const ObjectPropertyInput = (props) => {
         }
         else if (action) {
             apiServices
-                .get(getPrefixedUrl('data/forms'), {
+                .get(getPrefixedUrl('/forms'), {
                 params: {
                     filter: {
                         where: {

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

@@ -116,7 +116,7 @@ export const getEntryId = (entry) => {
 };
 export function getPrefixedUrl(url) {
     const wcsMatchers = ['/apps', '/pages', '/widgets'];
-    const dataMatchers = ['/objects', '/correspondenceTemplates', '/documents', '/payments', '/locations'];
+    const dataMatchers = ['/objects', '/correspondenceTemplates', '/documents', '/payments', '/forms', '/locations'];
     const signalrMatchers = ['/hubs'];
     const accessManagementMatchers = ['/users'];
     const workflowMatchers = ['/workflows'];

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

@@ -1,6 +1,7 @@
 export { BuilderGrid } from './BuilderGrid';
 export { CriteriaBuilder, getReadableQuery } from './CriteriaBuilder';
 export { DataGrid } from './DataGrid';
+export type { GridSortModel } from './DataGrid';
 export { ErrorComponent } from './ErrorComponent';
 export { Form } from './Form';
 export type { FormRef } from './Form';

package/dist/published/index.d.ts

@@ -3,7 +3,7 @@ export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTime
 export * from './colors';
 export * from './components/core';
 export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, Form, FormContext, FormField, FormRenderer, FormRendererContainer, getReadableQuery, HistoryLog, MenuBar, MultiSelect, RecursiveEntryRenderer, RepeatableField, ResponsiveOverflow, RichTextViewer, UserAvatar, } from './components/custom';
-export type { FormRef } from './components/custom';
+export type { FormRef, GridSortModel } from './components/custom';
 export { NumericFormat } from './components/custom/FormField/InputFieldComponent';
 export { Box, Container, Grid, Stack } from './components/layout';
 export * from './theme';

package/package.json

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