@evoke-platform/ui-components 1.9.1-testing.1 → 1.10.0-testing.0

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

@@ -41,7 +41,7 @@ describe('Form component', () => {
             if (sanitizedVersion === 'true') {
                 return HttpResponse.json(specialtyObject);
             }
-        }), http.get('/data/objects/license/effective', () => HttpResponse.json(licenseObject)), http.get('/api/data/objects/license/instances', () => {
+        }), http.get('/api/data/objects/license/effective', () => HttpResponse.json(licenseObject)), http.get('/api/data/objects/license/instances', () => {
             return HttpResponse.json([rnLicense, npLicense]);
         }), http.get('/api/data/objects/specialtyType/instances', (req) => {
             const filter = new URL(req.request.url).searchParams.get('filter');
@@ -57,7 +57,8 @@ describe('Form component', () => {
                         npSpecialtyType1,
                         npSpecialtyType2,
                     ]);
-                else if (isEqual(whereFilter, { and: [{ 'licenseType.id': 'rnLicenseType' }, {}] }))
+                else if (isEqual(whereFilter, { and: [{ 'licenseType.id': 'rnLicenseType' }, {}] }) ||
+                    isEqual(whereFilter, { 'licenseType.id': 'rnLicenseType' }))
                     return HttpResponse.json([rnSpecialtyType1, rnSpecialtyType2]);
                 else if (isEqual(whereFilter, { and: [{ 'licenseType.id': 'npLicenseType' }, {}] }))
                     return HttpResponse.json([npSpecialtyType1, npSpecialtyType2]);
@@ -77,7 +78,7 @@ describe('Form component', () => {
             const user = userEvent.setup();
             server.use(http.get('/api/data/objects/license/instances/rnLicense', () => {
                 return HttpResponse.json(rnLicense);
-            }), http.get('api/data/forms/specialtyForm', () => {
+            }), http.get('/api/data/forms/specialtyForm', () => {
                 return HttpResponse.json(createSpecialtyForm);
             }));
             render(React.createElement(MemoryRouter, null,

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

@@ -6,7 +6,7 @@ export { ErrorComponent } from './ErrorComponent';
 export { Form } from './Form';
 export type { FormRef } from './Form';
 export { FormField } from './FormField';
-export { FormContext, FormRenderer, FormRendererContainer, RecursiveEntryRenderer } from './FormV2';
+export * from './FormV2';
 export { HistoryLog } from './HistoryLog';
 export { MenuBar } from './Menubar';
 export { MultiSelect } from './MultiSelect';

package/dist/published/components/custom/index.js

@@ -4,7 +4,7 @@ export { DataGrid } from './DataGrid';
 export { ErrorComponent } from './ErrorComponent';
 export { Form } from './Form';
 export { FormField } from './FormField';
-export { FormContext, FormRenderer, FormRendererContainer, RecursiveEntryRenderer } from './FormV2';
+export * from './FormV2';
 export { HistoryLog } from './HistoryLog';
 export { MenuBar } from './Menubar';
 export { MultiSelect } from './MultiSelect';

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, GridSortModel } from './components/custom';
+export type { BodyProps, FooterProps, FormRef, GridSortModel, HeaderProps } from './components/custom';
 export { NumericFormat } from './components/custom/FormField/InputFieldComponent';
 export { Box, Container, Grid, Stack } from './components/layout';
 export * from './theme';

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

@@ -1,70 +1,78 @@
 import React from 'react';
 declare const _default: import("@storybook/types").ComponentAnnotations<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;
-    hideButtons?: boolean | 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;
-    stickyFooter?: boolean | undefined;
-    onCancel?: (() => void) | 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;
-    onValidationChange?: ((errors: import("react-hook-form").FieldErrors<import("react-hook-form").FieldValues>) => void) | undefined;
     associatedObject?: {
         instanceId?: string | undefined;
         propertyId?: string | undefined;
     } | 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 default _default;
 export declare const Editable: 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;
-    hideButtons?: boolean | 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;
-    stickyFooter?: boolean | undefined;
-    onCancel?: (() => void) | 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;
-    onValidationChange?: ((errors: import("react-hook-form").FieldErrors<import("react-hook-form").FieldValues>) => void) | undefined;
     associatedObject?: {
         instanceId?: string | undefined;
         propertyId?: string | undefined;
     } | 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 NoButtons: 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;
-    hideButtons?: boolean | 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;
-    stickyFooter?: boolean | undefined;
-    onCancel?: (() => void) | 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;
-    onValidationChange?: ((errors: import("react-hook-form").FieldErrors<import("react-hook-form").FieldValues>) => void) | undefined;
     associatedObject?: {
         instanceId?: string | undefined;
         propertyId?: string | undefined;
     } | 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;
-    hideButtons?: boolean | 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;
-    stickyFooter?: boolean | undefined;
-    onCancel?: (() => void) | 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;
-    onValidationChange?: ((errors: import("react-hook-form").FieldErrors<import("react-hook-form").FieldValues>) => void) | undefined;
     associatedObject?: {
         instanceId?: string | undefined;
         propertyId?: string | undefined;
     } | 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;
 }>;

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

@@ -22,16 +22,11 @@ async function onSave(data) {
     const formattedSubmission = await formatSubmission(structuredClone(data));
     console.log('formatted data', formattedSubmission);
 }
-function onValidationChange(error) {
-    console.log('error', error);
-}
 const mockProps = {
     onSubmit: onSave,
-    hideButtons: false,
     fieldHeight: 'medium',
     form: mockEvokeForm,
     instance: instance,
-    onValidationChange: onValidationChange,
 };
 const Template = (args) => {
     const [formDataState, setFormDataState] = React.useState(args.form.id === 'documentForm' ? docFormData : formData);
@@ -42,11 +37,8 @@ const Template = (args) => {
             return newData;
         });
     }, []);
-    function onCancel() {
-        setFormDataState(formData);
-    }
     return (React.createElement(MemoryRouter, null,
-        React.createElement(FormRenderer, { ...args, value: formDataState, onChange: handleChange, onCancel: onCancel })));
+        React.createElement(FormRenderer, { ...args, value: formDataState, onChange: handleChange })));
 };
 export const Editable = Template.bind({});
 Editable.args = {
@@ -55,7 +47,7 @@ Editable.args = {
 export const NoButtons = Template.bind({});
 NoButtons.args = {
     ...mockProps,
-    hideButtons: true,
+    renderFooter: () => null,
 };
 export const DocumentForm = Template.bind({});
 DocumentForm.args = {

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

@@ -14,12 +14,18 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     hideButtons?: boolean | undefined;
     objectId: string;
     richTextEditor?: React.ComponentType<import("../components/custom/FormV2/components/types").SimpleEditorProps> | undefined;
-    onClose?: (() => void) | undefined;
-    onSubmit?: ((submission: Record<string, unknown>) => Promise<void>) | 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 | undefined;
         propertyId?: string | undefined;
     } | 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 default _default;
 export declare const Editable: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../components/custom/FormV2/components/types").BaseProps & {
@@ -37,12 +43,18 @@ export declare const Editable: import("@storybook/types").AnnotatedStoryFn<impor
     hideButtons?: boolean | undefined;
     objectId: string;
     richTextEditor?: React.ComponentType<import("../components/custom/FormV2/components/types").SimpleEditorProps> | undefined;
-    onClose?: (() => void) | undefined;
-    onSubmit?: ((submission: Record<string, unknown>) => Promise<void>) | 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 | undefined;
         propertyId?: string | undefined;
     } | 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 NoButtons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../components/custom/FormV2/components/types").BaseProps & {
     formId?: string | undefined;
@@ -59,12 +71,18 @@ export declare const NoButtons: import("@storybook/types").AnnotatedStoryFn<impo
     hideButtons?: boolean | undefined;
     objectId: string;
     richTextEditor?: React.ComponentType<import("../components/custom/FormV2/components/types").SimpleEditorProps> | undefined;
-    onClose?: (() => void) | undefined;
-    onSubmit?: ((submission: Record<string, unknown>) => Promise<void>) | 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 | undefined;
         propertyId?: string | undefined;
     } | 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;
@@ -81,12 +99,18 @@ export declare const DocumentForm: import("@storybook/types").AnnotatedStoryFn<i
     hideButtons?: boolean | undefined;
     objectId: string;
     richTextEditor?: React.ComponentType<import("../components/custom/FormV2/components/types").SimpleEditorProps> | undefined;
-    onClose?: (() => void) | undefined;
-    onSubmit?: ((submission: Record<string, unknown>) => Promise<void>) | 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 | undefined;
         propertyId?: string | undefined;
     } | 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 FormWithSections: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../components/custom/FormV2/components/types").BaseProps & {
     formId?: string | undefined;
@@ -103,10 +127,16 @@ export declare const FormWithSections: import("@storybook/types").AnnotatedStory
     hideButtons?: boolean | undefined;
     objectId: string;
     richTextEditor?: React.ComponentType<import("../components/custom/FormV2/components/types").SimpleEditorProps> | undefined;
-    onClose?: (() => void) | undefined;
-    onSubmit?: ((submission: Record<string, unknown>) => Promise<void>) | 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 | undefined;
         propertyId?: string | undefined;
     } | 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;
 }>;

package/dist/published/theme/hooks.d.ts

@@ -126,10 +126,18 @@ export declare const useWidgetSize: (options?: {
 }) => WidgetSizeInfo;
 export default useWidgetSize;
 export declare function useFormContext(): {
-    fetchedOptions: import("react-hook-form").FieldValues;
+    fetchedOptions: import("react-hook-form").FieldValues; /**
+     * Custom hook for responsive design breakpoints using size terminology.
+     * Breakpoints based on MUI default theme:
+     * - xs: 0px to 599px
+     * - sm: 600px to 899px
+     * - md: 900px to 1199px
+     * - lg: 1200px to 1535px
+     * - xl: 1536px and up
+     * @returns Object with boolean flags for different breakpoints
+     */
     setFetchedOptions: (newData: import("react-hook-form").FieldValues) => void;
     getValues: import("react-hook-form").UseFormGetValues<import("react-hook-form").FieldValues>;
-    stickyFooter?: boolean | undefined;
     object?: import("@evoke-platform/context").Obj | undefined;
     errors?: import("react-hook-form").FieldValues | undefined;
     instance?: import("react-hook-form").FieldValues | undefined;
@@ -137,7 +145,7 @@ export declare function useFormContext(): {
     expandAll?: boolean | null | undefined;
     expandedSections?: import("../components/custom/FormV2/components/types").ExpandedSection[] | undefined;
     setExpandedSections?: import("react").Dispatch<import("react").SetStateAction<import("../components/custom/FormV2/components/types").ExpandedSection[]>> | undefined;
-    setExpandAll?: import("react").Dispatch<import("react").SetStateAction<boolean | null | undefined>> | undefined; /** Small screens (600px to 899px) */
+    setExpandAll?: import("react").Dispatch<import("react").SetStateAction<boolean | null | undefined>> | undefined;
     parameters?: import("@evoke-platform/context").InputParameter[] | undefined;
     handleChange: (name: string, value: unknown) => void;
     fieldHeight?: "medium" | "small" | undefined;
@@ -147,5 +155,6 @@ export declare function useFormContext(): {
         instanceId?: string | undefined;
         propertyId?: string | undefined;
     } | undefined;
+    form?: import("@evoke-platform/context").EvokeForm | undefined;
     width: number;
 };

package/package.json

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

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

@@ -1,17 +0,0 @@
-import { ActionType, FormEntry } from '@evoke-platform/context';
-import React from 'react';
-import { FieldValues, UseFormReturn, UseFormSetValue, UseFormUnregister } from 'react-hook-form';
-type ActionButtonProps = {
-    onSubmit: (data: FieldValues) => void;
-    handleSubmit: UseFormReturn['handleSubmit'];
-    isModal: boolean;
-    submitButtonLabel?: string;
-    actionType?: ActionType;
-    onReset: () => void;
-    unregister: UseFormUnregister<FieldValues>;
-    entries: FormEntry[];
-    setValue: UseFormSetValue<FieldValues>;
-    formId?: string;
-};
-declare function ActionButtons(props: ActionButtonProps): React.JSX.Element;
-export default ActionButtons;

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

@@ -1,111 +0,0 @@
-import { isEmpty, omit } from 'lodash';
-import React, { useContext, useState } from 'react';
-import { useWidgetSize } from '../../../../theme';
-import { Button, LoadingButton } from '../../../core';
-import { Box } from '../../../layout';
-import { FormContext } from './FormContext';
-import { entryIsVisible, getEntryId, getNestedParameterIds, isAddressProperty, scrollIntoViewWithOffset, } from './utils';
-function ActionButtons(props) {
-    const { onSubmit, submitButtonLabel, actionType, handleSubmit, onReset, unregister, isModal, entries, setValue, formId, } = props;
-    const [isSubmitLoading, setIsSubmitLoading] = useState(false);
-    const { getValues, instance, errors, width } = useContext(FormContext);
-    const { breakpoints } = useWidgetSize({
-        scroll: false,
-        defaultWidth: width,
-    });
-    const { isXs } = breakpoints;
-    const unregisterHiddenFields = (entriesToCheck) => {
-        entriesToCheck.forEach((entry) => {
-            if (entry.type === 'sections' || entry.type === 'columns') {
-                const subEntries = entry.type === 'sections' ? entry.sections : entry.columns;
-                subEntries.forEach((subEntry) => {
-                    if (subEntry.entries) {
-                        unregisterHiddenFields(subEntry.entries);
-                    }
-                });
-            }
-            if (!entryIsVisible(entry, getValues(), instance)) {
-                if (entry.type === 'sections' || entry.type === 'columns') {
-                    const fieldsToUnregister = getNestedParameterIds(entry);
-                    fieldsToUnregister.forEach(processFieldUnregister);
-                }
-                else {
-                    const fieldId = getEntryId(entry);
-                    if (fieldId)
-                        processFieldUnregister(fieldId);
-                }
-            }
-        });
-    };
-    const processFieldUnregister = (fieldId) => {
-        if (isAddressProperty(fieldId)) {
-            // Unregister entire addressObject to clear hidden field errors, then restore existing values since unregistering address.line1 etc is not working
-            const [addressObject, addressField] = fieldId.split('.');
-            let addressValues = getValues(addressObject);
-            addressValues = omit(addressValues, addressField);
-            unregister(addressObject);
-            setValue(addressObject, addressValues);
-        }
-        else {
-            unregister(fieldId);
-        }
-    };
-    async function showErrorsOrSubmit() {
-        setIsSubmitLoading(true);
-        unregisterHiddenFields(entries ?? []);
-        try {
-            await handleSubmit((data) => onSubmit(actionType === 'delete' ? {} : data))();
-        }
-        finally {
-            setIsSubmitLoading(false);
-        }
-        if (!isEmpty(errors)) {
-            setTimeout(() => {
-                const errorElement = document.getElementById(`validation-error-display-${formId}`);
-                let modal = errorElement?.closest('.MuiPaper-root');
-                const hasCloseIcon = modal?.querySelector('svg[data-testid="CloseIcon"]');
-                modal = hasCloseIcon ? document.querySelector('.MuiDialogContent-root') : modal;
-                if (errorElement) {
-                    scrollIntoViewWithOffset(errorElement, 170, modal);
-                }
-            }, 0);
-        }
-    }
-    return (React.createElement(Box, { sx: {
-            display: 'flex',
-            justifyContent: 'flex-end',
-            flexWrap: 'wrap-reverse',
-            width: '100%',
-        } },
-        React.createElement(Button, { key: "cancel", variant: "outlined", sx: {
-                margin: '5px',
-                marginX: isXs ? '0px' : undefined,
-                color: 'black',
-                border: '1px solid rgb(206, 212, 218)',
-                width: isXs ? '100%' : 'auto',
-                '&:hover': {
-                    backgroundColor: '#f2f4f7',
-                    border: '1px solid rgb(206, 212, 218)',
-                },
-            }, onClick: () => onReset() }, isModal ? 'Cancel' : 'Discard Changes'),
-        React.createElement(LoadingButton, { key: "submit", variant: "contained", sx: {
-                lineHeight: '2.75',
-                margin: '5px 0 5px 5px',
-                marginX: isXs ? '0px' : undefined,
-                padding: '0 23px',
-                backgroundColor: actionType === 'delete' ? '#A12723' : 'primary',
-                borderRadius: '8px',
-                boxShadow: 'none',
-                whiteSpace: 'nowrap',
-                width: isXs ? '100%' : 'auto',
-                '& .MuiCircularProgress-root': {
-                    color: 'white',
-                },
-                '&:hover': {
-                    backgroundColor: actionType === 'delete' ? ' #8C2421' : '#014E7B',
-                },
-            }, onClick: () => {
-                showErrorsOrSubmit();
-            }, loading: isSubmitLoading }, submitButtonLabel || 'Submit')));
-}
-export default ActionButtons;

package/dist/published/components/custom/FormV2/components/ValidationFiles/ValidationErrorDisplay.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { FieldErrors } from 'react-hook-form';
-export type ValidationErrorDisplayProps = {
-    formId: string;
-    title?: string;
-    errors?: FieldErrors;
-    showSubmitError?: boolean;
-    isSmallerThanMd: boolean;
-};
-declare function ValidationErrorDisplay(props: ValidationErrorDisplayProps): React.JSX.Element | null;
-export default ValidationErrorDisplay;