@evoke-platform/ui-components 1.15.0 → 1.16.0

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

@@ -3,105 +3,32 @@ import { parseMongoDB } from '../util';
 /**
  * Recursively updates a node in a tree structure by applying an updater function to the node with the specified ID.
  *
- * @param {TreeItem[]} tree - The tree structure to update.
+ * @param {TreeViewProperty[]} tree - The tree structure to update.
  * @param {string} nodeId - The ID of the node to update.
- * @param {(node: TreeItem) => TreeItem} updater - The function to apply to the node.
- * @returns {TreeItem[]} - The updated tree structure.
+ * @param {(node: TreeViewProperty) => TreeViewProperty} updater - The function to apply to the node.
+ * @returns {TreeViewProperty[]} - The updated tree structure.
  */
-export const updateTreeNode = (tree, nodeId, updater) => {
+export const updateTreeViewProperty = (tree, nodeId, updater) => {
     return tree.map((node) => {
         if (node.id === nodeId) {
             return updater(node);
         }
         else if (node.children) {
-            return { ...node, children: updateTreeNode(node.children, nodeId, updater) };
+            return { ...node, children: updateTreeViewProperty(node.children, nodeId, updater) };
         }
         else {
             return node;
         }
     });
 };
-/**
- * Fetches the display name path for a given property ID within an object hierarchy.
- *
- * @param {string} propertyId - The property ID to find the display name for.
- * @param {Obj} rootObject - The root object to start the search from.
- * @param {FetchObjectFunction} fetchObject - Function to fetch an object by its ID.
- * @returns {Promise<string>} - A promise that resolves to the display name path.
- */
-export const fetchDisplayNamePath = async (propertyId, rootObject, fetchObject) => {
-    const propertyInfo = await traversePropertyPath(propertyId, rootObject, fetchObject);
-    return propertyInfo ? propertyInfo.name : '';
-};
-/**
- * stores full dot-notation path to each property ID in the given array of properties.
- *
- * @param {ObjectProperty[]} properties - The array of properties to update.
- * @param {string} parentPath - The parent path to attach to each property ID.
- * @returns {ObjectProperty[]} The updated array of properties with the parent path attached to each property ID.
- */
-export const setIdPaths = (properties, parentPath) => {
-    return properties.map((prop) => {
-        const fullPath = parentPath ? `${parentPath}.${prop.id}` : prop.id;
-        return {
-            ...prop,
-            id: fullPath,
-        };
-    });
-};
-/**
- * Traverses a property path within an object hierarchy to retrieve detailed property information.
- *
- * @param {string} propertyPath - The dot-separated path of the property to traverse.
- * @param {Obj} rootObject - The root object from which to start the traversal.
- * @param {FetchObjectFunction} fetchObject - A function to fetch an object by its ID.
- * @returns {Promise<ObjectProperty | null>} A promise that resolves to an ObjectProperty if found, or null otherwise.
- */
-export const traversePropertyPath = async (propertyPath, rootObject, fetchObject) => {
-    const segments = propertyPath.split('.');
-    let currentObject = rootObject;
-    let fullPath = '';
-    let namePath = '';
-    for (let i = 0; i < segments.length; i++) {
-        const remainingPath = segments.slice(i).join('.');
-        let prop = currentObject.properties?.find((p) => p.id === remainingPath);
-        if (prop) {
-            // flattened address or user properties
-            fullPath = fullPath ? `${fullPath}.${remainingPath}` : remainingPath;
-            namePath = namePath ? `${namePath} / ${prop.name}` : prop.name;
-            return {
-                ...prop,
-                id: fullPath,
-                name: namePath,
-            };
-        }
-        else {
-            prop = currentObject.properties?.find((p) => p.id === segments[i]);
-            if (!prop) {
-                return null;
-            }
-            fullPath = fullPath ? `${fullPath}.${prop.id}` : prop.id;
-            namePath = namePath ? `${namePath} / ${prop.name}` : prop.name;
-            if (i === segments.length - 1) {
-                return {
-                    ...prop,
-                    id: fullPath,
-                    name: namePath,
-                };
-            }
-            if (prop.type === 'object' && prop.objectId) {
-                const fetchedObject = await fetchObject(prop.objectId);
-                if (fetchedObject) {
-                    currentObject = fetchedObject;
-                }
-                else {
-                    return null;
-                }
-            }
-        }
-    }
-    return null;
-};
+export const convertTreeViewPropertyToTreeItem = (property) => ({
+    id: property.id,
+    label: property.name,
+    value: property.id,
+    type: property.type,
+    objectId: property.objectId,
+    children: property.children?.map(convertTreeViewPropertyToTreeItem),
+});
 /**
  * Truncates the name path if it exceeds the specified character limit.
  *
@@ -184,9 +111,11 @@ export const findTreeItemById = (nodes, nodeId) => {
     for (const node of nodes) {
         if (node.id === nodeId)
             return node;
-        const found = node.children && findTreeItemById(node.children, nodeId);
-        if (found)
-            return found;
+        if (nodeId.startsWith(node.id)) {
+            const found = node.children && findTreeItemById(node.children, nodeId);
+            if (found)
+                return found;
+        }
     }
     return null;
 };

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

@@ -43,7 +43,7 @@ export const Document = (props) => {
             // For 'file' type properties, check permissions on the sys__file object
             // For 'document' type properties, check document attachment permissions
             const endpoint = property.type === 'file'
-                ? getPrefixedUrl(`/objects/sys__file/instances/${instance.id}/checkAccess?action=update`)
+                ? getPrefixedUrl('/objects/sys__file/instances/checkAccess?action=execute&field=_create')
                 : getPrefixedUrl(`/objects/${objectId}/instances/${instance.id}/documents/checkAccess?action=update`);
             apiServices
                 .get(endpoint)

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

@@ -64,12 +64,15 @@ export const DocumentList = (props) => {
     }, []);
     const checkPermissions = () => {
         if (instance?.[property.id]?.length) {
-            // For 'file' type properties, check permissions on the sys__file object
+            // For 'file' type properties, check regular object instance permissions
             // For 'document' type properties, check document attachment permissions
             const endpoint = property.type === 'file'
-                ? getPrefixedUrl(`/objects/sys__file/instances/${instance.id}/checkAccess?action=view`)
+                ? getPrefixedUrl(`/objects/sys__file/instances/checkAccess?action=read&field=content`)
                 : getPrefixedUrl(`/objects/${objectId}/instances/${instance.id}/documents/checkAccess?action=view`);
-            apiServices.get(endpoint).then((accessCheck) => setHasViewPermission(accessCheck.result));
+            apiServices
+                .get(endpoint)
+                .then((accessCheck) => setHasViewPermission(accessCheck.result))
+                .catch(() => setHasViewPermission(false));
         }
     };
     const isFile = (doc) => doc instanceof File;

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

@@ -25,6 +25,7 @@ export declare function flattenFormComponents(components?: ActionInput[]): Actio
 export declare function addObjectPropertiesToComponentProps(properties: Property[], formComponents: any[], allCriteriaInputs?: string[], instance?: ObjectInstance, objectPropertyInputProps?: ObjectPropertyInputProps, associatedObject?: {
     instanceId?: string;
     propertyId?: string;
+    objectId?: string;
 }, autoSave?: (data: Record<string, unknown>) => void, readOnly?: boolean, defaultPages?: Record<string, string>, navigateTo?: (path: string) => void, queryAddresses?: (query: string) => Promise<Address[]>, apiServices?: ApiServices, isModal?: boolean, fieldHeight?: 'small' | 'medium', richTextEditor?: typeof ReactComponent): Promise<ActionInput[]>;
 export declare function getDefaultValue(initialValue: unknown, selectOptions?: AutocompleteOption[]): unknown;
 export declare const buildComponentPropsFromObjectProperties: (properties: Property[], objectId: string, instance?: ObjectInstance, objectPropertyInputProps?: ObjectPropertyInputProps, hasActionPermissions?: boolean, autoSave?: ((data: Record<string, unknown>) => void) | undefined, readOnly?: boolean, queryAddresses?: ((query: string) => Promise<Address[]>) | undefined, isModal?: boolean, fieldHeight?: 'small' | 'medium', richTextEditor?: typeof ReactComponent) => unknown[];

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

@@ -9,7 +9,7 @@ import ValidationErrors from './components/ValidationFiles/ValidationErrors';
 export type FormRendererProps = BaseProps & {
     richTextEditor?: ComponentType<SimpleEditorProps>;
     value?: FieldValues;
-    onSubmit?: (data: FieldValues) => void;
+    onSubmit?: (data: FieldValues) => Promise<void> | ((data: FieldValues) => void);
     onDiscardChanges?: () => void;
     onSubmitError?: SubmitErrorHandler<FieldValues>;
     hideTitle?: boolean;
@@ -22,6 +22,7 @@ export type FormRendererProps = BaseProps & {
     associatedObject?: {
         instanceId: string;
         propertyId: string;
+        objectId?: string;
     };
     renderHeader?: (props: HeaderProps) => React.ReactNode;
     renderBody?: (props: BodyProps) => React.ReactNode;

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

@@ -30,7 +30,6 @@ const FormRendererInternal = (props) => {
     const [fetchedOptions, setFetchedOptions] = useState({});
     const [expandAll, setExpandAll] = useState();
     const [action, setAction] = useState();
-    const [triggerFieldReset, setTriggerFieldReset] = useState(false);
     const [isInitializing, setIsInitializing] = useState(true);
     const [parameters, setParameters] = useState();
     const validationContainerRef = useRef(null);
@@ -83,9 +82,6 @@ const FormRendererInternal = (props) => {
                     setValue(key, value[key], { shouldValidate: true });
                 }
             }
-            if (triggerFieldReset === true) {
-                setTriggerFieldReset(false);
-            }
         }
     }, [value]);
     const handleReset = () => {
@@ -95,7 +91,6 @@ const FormRendererInternal = (props) => {
         else {
             reset(instance); // clears react-hook-form state back to default values
         }
-        setTriggerFieldReset(true);
     };
     useEffect(() => {
         handleValidation(entries, register, getValues(), action?.parameters, instance);
@@ -163,9 +158,9 @@ const FormRendererInternal = (props) => {
     async function unregisterHiddenFieldsAndSubmit() {
         unregisterHiddenFields(entries ?? []);
         removeUneditedProtectedValues();
-        await handleSubmit((data) => {
+        await handleSubmit(async (data) => {
             if (onSubmit) {
-                onSubmit(action?.type === 'delete' ? {} : data);
+                await onSubmit(action?.type === 'delete' ? {} : data);
                 // clear fetched options after successful submit to allow re-evaluation with the new instance data
                 setFetchedOptions({});
             }
@@ -209,7 +204,6 @@ const FormRendererInternal = (props) => {
                 fieldHeight,
                 handleChange: onChange,
                 onAutosave,
-                triggerFieldReset,
                 showSubmitError: isSubmitted,
                 associatedObject,
                 form,

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

@@ -34,6 +34,10 @@ export type FormRendererContainerProps = BaseProps & {
     associatedObject?: {
         instanceId: string;
         propertyId: string;
+        objectId?: string;
+    } | {
+        instanceId: string;
+        objectId: string;
     };
     renderContainer?: (state: FormRendererState) => React.ReactNode;
     renderHeader?: FormRendererProps['renderHeader'];