@evoke-platform/ui-components 1.10.0-dev.13 → 1.10.0-dev.15

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

@@ -32,7 +32,7 @@ const FormRendererInternal = (props) => {
     const [isInitializing, setIsInitializing] = useState(true);
     const [parameters, setParameters] = useState();
     const objectStore = useObject(objectId);
-    const validationErrorsRef = useRef(null);
+    const validationContainerRef = useRef(null);
     const updateFetchedOptions = (newData) => {
         setFetchedOptions((prev) => ({
             ...prev,
@@ -139,8 +139,8 @@ const FormRendererInternal = (props) => {
         if (onSubmitErrorOverride) {
             onSubmitErrorOverride(errors);
         }
-        else if (validationErrorsRef.current) {
-            validationErrorsRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+        else if (validationContainerRef.current) {
+            validationContainerRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
         }
     };
     async function unregisterHiddenFieldsAndSubmit() {
@@ -157,7 +157,7 @@ const FormRendererInternal = (props) => {
         shouldShowValidationErrors: isSubmitted,
         isDeleteForm: form.id === '',
         action,
-        validationErrorsRef: validationErrorsRef,
+        validationContainerRef: validationContainerRef,
         autosaveEnabled: !!form.autosaveActionId,
     };
     const footerProps = {

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

@@ -123,49 +123,26 @@ function FormRendererContainer(props) {
                 onError(error);
             });
         }
-        else if (action) {
-            apiServices
-                .get(getPrefixedUrl('/forms'), {
-                params: {
-                    filter: {
-                        where: {
-                            actionId: action.id,
-                            objectId: objectId,
-                        },
+        else if (action?.type === 'delete' && instance) {
+            setForm({
+                id: '',
+                name: '',
+                entries: [
+                    {
+                        type: 'content',
+                        html: `<p>You are about to delete <strong>${instance.name}</strong>. Deleted records can't be restored. Are you sure you want to continue?</p>`,
                     },
+                ],
+                objectId: objectId,
+                actionId: '_delete',
+                display: {
+                    submitLabel: 'Delete',
                 },
-            })
-                .then((matchingForms) => {
-                if (matchingForms.length === 1) {
-                    const form = matchingForms[0];
-                    setForm(form);
-                    // use this default form if no delete form is found
-                }
-                else if (action.type === 'delete' && instance) {
-                    setForm({
-                        id: '',
-                        name: '',
-                        entries: [
-                            {
-                                type: 'content',
-                                html: `<p>You are about to delete <strong>${instance.name}</strong>. Deleted records can't be restored. Are you sure you want to continue?</p>`,
-                            },
-                        ],
-                        objectId: objectId,
-                        actionId: '_delete',
-                        display: {
-                            submitLabel: 'Delete',
-                        },
-                    });
-                }
-                else if (instance || action.type === 'create') {
-                    setError('Default action form could not be found');
-                }
-            })
-                .catch((error) => {
-                onError(error);
             });
         }
+        else {
+            setError('Action form could not be found');
+        }
     }, [action, objectId, instance]);
     useEffect(() => {
         if (form?.id === 'documentForm') {

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

@@ -76,27 +76,6 @@ const RepeatableField = (props) => {
                 console.error(error);
             });
         }
-        else if (action) {
-            apiServices
-                .get(getPrefixedUrl('/forms'), {
-                params: {
-                    filter: {
-                        where: {
-                            actionId: action.id,
-                            objectId: fieldDefinition.objectId,
-                        },
-                    },
-                },
-            })
-                .then((matchingForms) => {
-                if (matchingForms.length === 1) {
-                    setForm(matchingForms[0]);
-                }
-            })
-                .catch((error) => {
-                console.error(error);
-            });
-        }
     }
     const fetchRelatedInstances = useCallback(async (refetch = false) => {
         let relatedObject;

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

@@ -171,21 +171,6 @@ const ObjectPropertyInput = (props) => {
                 if (formId || action?.defaultFormId) {
                     evokeForm = await apiServices.get(getPrefixedUrl(`/forms/${formId || action?.defaultFormId}`));
                 }
-                else if (action) {
-                    const matchingForms = await apiServices.get(getPrefixedUrl('/forms'), {
-                        params: {
-                            filter: {
-                                where: {
-                                    actionId: action.id,
-                                    objectId: fieldDefinition.objectId,
-                                },
-                            },
-                        },
-                    });
-                    if (matchingForms.length === 1) {
-                        evokeForm = matchingForms[0];
-                    }
-                }
                 if (evokeForm) {
                     setForm(evokeForm);
                     setFetchedOptions({

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

@@ -6,7 +6,7 @@ import { ExpandedSection } from './types';
 export type HeaderProps = {
     hasAccordions: boolean;
     shouldShowValidationErrors?: boolean;
-    validationErrorsRef?: React.Ref<HTMLDivElement>;
+    validationContainerRef?: React.Ref<HTMLDivElement>;
     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, validationErrorsRef, sx, isDeleteForm, autosaveEnabled, } = props;
+    const { title, errors, hasAccordions, shouldShowValidationErrors, validationContainerRef, sx, isDeleteForm, autosaveEnabled, } = props;
     const { width } = useFormContext();
     const { breakpoints, isBelow } = useWidgetSize({
         scroll: false,
@@ -16,6 +16,7 @@ const Header = (props) => {
     const isSmallerThanMd = isBelow('md');
     const { isXs, isSm } = breakpoints;
     const isSmall = isSm || isXs;
+    const displayValidationErrors = shouldShowValidationErrors && !isEmpty(errors);
     return (React.createElement(Box, { sx: {
             paddingX: isSmallerThanMd ? 2 : 3,
             paddingTop: '0px',
@@ -26,11 +27,8 @@ const Header = (props) => {
             // when rendering the default delete action, we don't want a border
             borderBottom: isDeleteForm ? undefined : '1px solid #e9ecef',
             gap: isSm || isXs ? 2 : 3,
-            '.evoke-form-renderer-header': {
-                flex: '1 1 100%',
-            },
             ...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))),
@@ -45,7 +43,7 @@ const Header = (props) => {
                     alignItems: 'center',
                     marginLeft: 0.5,
                 } }, props.autosaving && isSmall ? React.createElement(SavingIndicator, null) : React.createElement(Box, { sx: { width: '100%' } }))))),
-        React.createElement("div", { ref: validationErrorsRef, className: 'evoke-form-renderer-header' }, shouldShowValidationErrors && !isEmpty(errors) ? React.createElement(ValidationErrors, { errors: errors }) : null)));
+        displayValidationErrors ? React.createElement(ValidationErrors, { errors: errors }) : null));
 };
 // Default slot components for convenience
 export const Title = ({ title }) => (React.createElement(Typography, { sx: {

package/dist/published/components/custom/FormV2/components/ValidationFiles/ValidationErrors.js

@@ -29,7 +29,7 @@ function ValidationErrors(props) {
             border: '1px solid #721c24',
             padding: '8px 24px',
             borderRadius: '4px',
-            flex: 1,
+            flex: '1 1 100%',
             ...sx,
         } },
         React.createElement(Typography, { sx: { color: '#721c24', mt: '16px', mb: '8px' } }, "Please fix the following errors before submitting:"),

package/package.json

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