@evoke-platform/ui-components 1.13.0-dev.7 → 1.14.0

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

@@ -1,4 +1,3 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { render as baseRender, screen, waitFor, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { isEmpty, isEqual, set } from 'lodash';
@@ -15,9 +14,12 @@ global.ResizeObserver = class ResizeObserver {
     unobserve() { }
     disconnect() { }
 };
+const WithProviders = ({ children }) => {
+    return React.createElement(MemoryRouter, null, children);
+};
+const render = (ui, options) => baseRender(ui, { wrapper: WithProviders, ...options });
 describe('FormRenderer', () => {
     let server;
-    let queryClient;
     beforeAll(() => {
         server = setupServer(http.get('/api/data/objects/specialtyType/effective', () => HttpResponse.json(specialtyTypeObject)), http.get('/api/data/objects/specialtyType/effective', (req) => {
             const sanitizedVersion = new URL(req.request.url).searchParams.get('sanitizedVersion');
@@ -63,28 +65,12 @@ describe('FormRenderer', () => {
         }), http.get('/api/accessManagement/users', () => HttpResponse.json(users)));
         server.listen();
     });
-    beforeEach(() => {
-        // Create a fresh QueryClient for each test, need to pass `retry: false` to avoid retries interfering with error state tests
-        queryClient = new QueryClient({
-            defaultOptions: {
-                queries: {
-                    retry: false,
-                },
-            },
-        });
+    afterAll(() => {
+        server.close();
     });
     afterEach(() => {
         server.resetHandlers();
-        queryClient.clear();
     });
-    afterEach(() => {
-        server.resetHandlers();
-    });
-    const WithProviders = ({ children }) => {
-        return (React.createElement(QueryClientProvider, { client: queryClient },
-            React.createElement(MemoryRouter, null, children)));
-    };
-    const render = (ui, options) => baseRender(ui, { wrapper: WithProviders, ...options });
     describe('validation criteria', () => {
         it(`filters related object field with validation criteria that references a related object's nested data`, async () => {
             const user = userEvent.setup();
@@ -428,7 +414,7 @@ describe('FormRenderer', () => {
                             type: 'input',
                             parameterId: 'specialtyType',
                             display: {
-                                label: 'Specialty Type',
+                                label: 'Speciality Type',
                                 mode: 'existingOnly',
                             },
                         },
@@ -514,7 +500,7 @@ describe('FormRenderer', () => {
                             type: 'input',
                             parameterId: 'specialtyType',
                             display: {
-                                label: 'Specialty Type',
+                                label: 'Speciality Type',
                             },
                         },
                     ],
@@ -600,7 +586,7 @@ describe('FormRenderer', () => {
                             type: 'input',
                             parameterId: 'specialtyType',
                             display: {
-                                label: 'Specialty Type',
+                                label: 'Speciality Type',
                                 relatedObjectDisplay: 'dialogBox',
                                 mode: 'existingOnly',
                             },
@@ -668,7 +654,7 @@ describe('FormRenderer', () => {
                                 type: 'input',
                                 parameterId: 'specialtyType',
                                 display: {
-                                    label: 'Specialty Type',
+                                    label: 'Speciality Type',
                                     relatedObjectDisplay: 'dialogBox',
                                     mode: 'existingOnly',
                                 },
@@ -698,7 +684,7 @@ describe('FormRenderer', () => {
                             type: 'input',
                             parameterId: 'specialtyType',
                             display: {
-                                label: 'Specialty Type',
+                                label: 'Speciality Type',
                                 createActionId: '_create',
                             },
                         },
@@ -958,7 +944,7 @@ describe('FormRenderer', () => {
                             type: 'input',
                             parameterId: 'specialtyType',
                             display: {
-                                label: 'Specialty Type',
+                                label: 'Speciality Type',
                                 relatedObjectDisplay: 'dropdown',
                                 mode: 'existingOnly',
                             },
@@ -1035,7 +1021,7 @@ describe('FormRenderer', () => {
                     const user = userEvent.setup();
                     render(React.createElement(FormRenderer, { form: form, onChange: () => { } }));
                     // Navigate to and open dropdown
-                    const dropdown = await screen.findByRole('combobox', { name: 'Specialty Type' });
+                    const dropdown = await screen.findByRole('combobox', { name: 'Speciality Type' });
                     await user.click(dropdown);
                     await screen.findByRole('listbox');
                     // Verify that the existing option is present
@@ -1190,7 +1176,7 @@ describe('FormRenderer', () => {
                     type: 'input',
                     parameterId: 'specialtyType',
                     display: {
-                        label: 'Specialty Type',
+                        label: 'Speciality Type',
                         createActionId: '_create',
                         relatedObjectId: 'specialtyType',
                     },
@@ -1497,7 +1483,7 @@ describe('FormRenderer', () => {
             await user.click(addButton);
             await screen.findByRole('dialog');
             // Make sure other form entry is present
-            await screen.findByRole('textbox', { name: 'Name *' });
+            await screen.findByRole('textbox', { name: /Name */i });
             const relatedObjectField = screen.queryByRole('textbox', { name: 'Related Object' });
             expect(relatedObjectField).not.toBeInTheDocument();
         });
@@ -1511,31 +1497,12 @@ describe('FormRenderer', () => {
                     id: 'testInstanceId',
                     name: 'Test Instance',
                 },
-            })), 
-            // This is called by refetchRelatedInstances() after successful POST
-            http.get('/api/data/objects/collectionObject/instances', (req) => {
-                const filter = new URL(req.request.url).searchParams.get('filter');
-                if (filter) {
-                    // Return the newly created item when refetching
-                    return HttpResponse.json([
-                        {
-                            id: 'newCollectionItemId',
-                            name: 'New Collection Item',
-                            objectId: 'collectionObject',
-                            relatedObject: {
-                                id: 'testInstanceId',
-                                name: 'Test Instance',
-                            },
-                        },
-                    ]);
-                }
-                return HttpResponse.json([]);
-            }));
+            })));
             render(React.createElement(FormRenderer, { form: form, onChange: () => { } }));
             const addButton = await screen.findByRole('button', { name: /add/i });
             await user.click(addButton);
             await screen.findByRole('dialog');
-            const nameField = await screen.findByRole('textbox', { name: 'Name *' });
+            const nameField = await screen.findByRole('textbox', { name: /Name */ });
             await user.type(nameField, 'New Collection Item');
             const submitButton = screen.getByRole('button', { name: 'Create Collection Item' });
             await user.click(submitButton);

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

@@ -1,4 +1,3 @@
-import { QueryCache, QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { render as baseRender, screen, waitFor, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { isEqual } from 'lodash';
@@ -15,9 +14,12 @@ global.ResizeObserver = class ResizeObserver {
     unobserve() { }
     disconnect() { }
 };
+const WithProviders = ({ children }) => {
+    return React.createElement(MemoryRouter, null, children);
+};
+const render = (ui, options) => baseRender(ui, { wrapper: WithProviders, ...options });
 describe('FormRendererContainer', () => {
     let server;
-    let queryClient;
     beforeAll(() => {
         server = setupServer(http.get('/api/data/objects/specialtyType/effective', () => HttpResponse.json(specialtyTypeObject)), http.get('/api/data/objects/specialtyType/effective', (req) => {
             const sanitizedVersion = new URL(req.request.url).searchParams.get('sanitizedVersion');
@@ -43,7 +45,7 @@ describe('FormRendererContainer', () => {
                 // The two objects in the array of conditions in the "where" filter represent the potential filters that can be applied when retrieving "specialty" instances.
                 // The first object is for the the validation criteria, but it is empty if the "license" field, which is referenced in the validation criteria, hasn't been filled out yet.
                 // The second object is for the search criteria which the user enters in the "specialty" field, but it is empty if no search text has been entered.
-                if (isEqual(whereFilter, {}))
+                if (isEqual(whereFilter, { and: [{}, {}] }))
                     return HttpResponse.json([
                         rnSpecialtyType1,
                         rnSpecialtyType2,
@@ -59,35 +61,12 @@ describe('FormRendererContainer', () => {
         }));
         server.listen();
     });
-    beforeEach(() => {
-        // Create a fresh QueryClient for each test, need to pass `retry: false` to avoid retries interfering with error state tests
-        queryClient = new QueryClient({
-            queryCache: new QueryCache({
-                onError: (error, query) => {
-                    const message = query.meta?.errorMessage ?? 'Something went wrong:';
-                    console.error(message, error);
-                },
-            }),
-            defaultOptions: {
-                queries: {
-                    retry: false,
-                },
-            },
-        });
-    });
     afterAll(() => {
         server.close();
-        queryClient.clear();
     });
     afterEach(() => {
         server.resetHandlers();
-        queryClient.clear();
     });
-    const WithProviders = ({ children }) => {
-        return (React.createElement(QueryClientProvider, { client: queryClient },
-            React.createElement(MemoryRouter, null, children)));
-    };
-    const render = (ui, options) => baseRender(ui, { wrapper: WithProviders, ...options });
     describe('validation criteria', () => {
         it(`filters related object field with validation criteria that references a defaulted related object's nested data`, async () => {
             const user = userEvent.setup();
@@ -144,6 +123,9 @@ describe('FormRendererContainer', () => {
                 });
             }));
             render(React.createElement(FormRendererContainer, { objectId: 'specialty', formId: 'specialtyForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-instance' }));
+            await waitFor(() => {
+                expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
+            });
             const nameField = await screen.findByRole('textbox', { name: 'Name' });
             // Clear the existing value and type new value
             await user.clear(nameField);
@@ -191,6 +173,9 @@ describe('FormRendererContainer', () => {
                 });
             }));
             render(React.createElement(FormRendererContainer, { objectId: 'specialty', formId: 'specialtyForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-instance' }));
+            await waitFor(() => {
+                expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
+            });
             const nameField = await screen.findByRole('textbox', { name: 'Name' });
             await user.type(nameField, 'Test Specialty');
             await user.tab();
@@ -235,6 +220,9 @@ describe('FormRendererContainer', () => {
                 return HttpResponse.json({ error: 'Save failed' }, { status: 500 });
             }));
             render(React.createElement(FormRendererContainer, { objectId: 'specialty', formId: 'specialtyForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-instance' }));
+            await waitFor(() => {
+                expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
+            });
             const nameField = await screen.findByRole('textbox', { name: 'Name' });
             await user.type(nameField, 'Test Specialty');
             await user.tab();
@@ -276,6 +264,9 @@ describe('FormRendererContainer', () => {
                 });
             }));
             render(React.createElement(FormRendererContainer, { objectId: 'specialty', formId: 'specialtyForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-instance' }));
+            await waitFor(() => {
+                expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
+            });
             const nameField = await screen.findByRole('textbox', { name: 'Name' });
             // Click into the field and blur it without changing value
             await user.click(nameField);
@@ -326,6 +317,9 @@ describe('FormRendererContainer', () => {
                 });
             }));
             render(React.createElement(FormRendererContainer, { objectId: 'license', formId: 'licenseForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-license' }));
+            await waitFor(() => {
+                expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
+            });
             // Find the city field
             const cityField = await screen.findByRole('textbox', { name: 'City' });
             // Clear and type new value
@@ -378,6 +372,9 @@ describe('FormRendererContainer', () => {
                 });
             }));
             render(React.createElement(FormRendererContainer, { objectId: 'license', formId: 'licenseForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-license' }));
+            await waitFor(() => {
+                expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
+            });
             // Find the city field
             const cityField = await screen.findByRole('textbox', { name: 'City' });
             // Click into field and blur without changing
@@ -436,6 +433,9 @@ describe('FormRendererContainer', () => {
                 });
             }));
             render(React.createElement(FormRendererContainer, { objectId: 'license', formId: 'licenseForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-license' }));
+            await waitFor(() => {
+                expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
+            });
             // Find the line1 field (it's a searchbox because of address autocomplete)
             const line1Field = await screen.findByRole('searchbox', { name: 'Address Line 1' });
             // Type to trigger autocomplete
@@ -472,7 +472,9 @@ describe('FormRendererContainer', () => {
                 });
             }));
             render(React.createElement(FormRendererContainer, { objectId: 'specialty', formId: 'specialtyForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-instance' }));
-            await screen.findByRole('button', { name: 'Submit' });
+            await waitFor(() => {
+                expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
+            });
             // When autosaveActionId is present the discard button should be hidden
             expect(screen.queryByRole('button', { name: /discard/i })).not.toBeInTheDocument();
         });
@@ -503,7 +505,11 @@ describe('FormRendererContainer', () => {
             }));
             const user = userEvent.setup();
             render(React.createElement(FormRendererContainer, { objectId: 'specialty', formId: 'specialtyForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-instance' }));
-            const nameInput = await screen.findByRole('textbox', { name: /name/i });
+            await waitFor(() => {
+                expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
+            });
+            // Change a field value
+            const nameInput = screen.getByRole('textbox', { name: /name/i });
             await user.clear(nameInput);
             await user.type(nameInput, 'Test Specialty');
             await user.tab();
@@ -991,6 +997,90 @@ describe('FormRendererContainer', () => {
             });
         });
     });
+    it('should display title by default', async () => {
+        const form = {
+            id: 'simpleForm',
+            name: 'Simple Form',
+            entries: [],
+            actionId: '_create',
+            objectId: 'simpleObject',
+        };
+        const simpleObject = {
+            id: 'simpleObject',
+            name: 'Simple Object',
+            actions: [
+                {
+                    id: '_create',
+                    name: 'Create',
+                    type: 'create',
+                    parameters: [],
+                    outputEvent: 'created',
+                },
+            ],
+            properties: [],
+        };
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}`, () => HttpResponse.json(form)));
+        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, dataType: "objectInstances" }));
+        await screen.findByText('Simple Form');
+    });
+    it('should display title', async () => {
+        const form = {
+            id: 'simpleForm',
+            name: 'Simple Form',
+            entries: [],
+            actionId: '_create',
+            objectId: 'simpleObject',
+        };
+        const simpleObject = {
+            id: 'simpleObject',
+            name: 'Simple Object',
+            actions: [
+                {
+                    id: '_create',
+                    name: 'Create',
+                    type: 'create',
+                    parameters: [],
+                    outputEvent: 'created',
+                },
+            ],
+            properties: [],
+        };
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}`, () => HttpResponse.json(form)));
+        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, title: {
+                hidden: false,
+            }, dataType: "objectInstances" }));
+        await screen.findByText('Simple Form');
+    });
+    it('should not display title', async () => {
+        const form = {
+            id: 'simpleForm',
+            name: 'Simple Form',
+            entries: [],
+            actionId: '_create',
+            objectId: 'simpleObject',
+        };
+        const simpleObject = {
+            id: 'simpleObject',
+            name: 'Simple Object',
+            actions: [
+                {
+                    id: '_create',
+                    name: 'Create',
+                    type: 'create',
+                    parameters: [],
+                    outputEvent: 'created',
+                },
+            ],
+            properties: [],
+        };
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}`, () => HttpResponse.json(form)));
+        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, title: {
+                hidden: true,
+            }, dataType: "objectInstances" }));
+        await waitFor(() => {
+            expect(screen.queryByText('Simple Form')).not.toBeInTheDocument();
+        });
+    });
     it('should display a submit button', async () => {
         const form = {
             id: 'simpleForm',
@@ -1014,7 +1104,7 @@ describe('FormRendererContainer', () => {
             properties: [],
         };
         server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}`, () => HttpResponse.json(form)));
-        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, actionId: '_create' }));
+        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, dataType: "objectInstances" }));
         await screen.findByRole('button', { name: 'Submit' });
     });
     it('should display a button to discard changes', async () => {
@@ -1040,7 +1130,7 @@ describe('FormRendererContainer', () => {
             properties: [],
         };
         server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}`, () => HttpResponse.json(form)));
-        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, actionId: '_create' }));
+        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, dataType: "objectInstances" }));
         await screen.findByRole('button', { name: 'Discard Changes' });
     });
     it('should reset the form when discarding changes', async () => {
@@ -1083,7 +1173,7 @@ describe('FormRendererContainer', () => {
         };
         server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}`, () => HttpResponse.json(form)));
         const user = userEvent.setup();
-        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, actionId: '_create' }));
+        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, dataType: "objectInstances" }));
         const firstNameInput = await screen.findByRole('textbox', { name: 'First Name' });
         await user.type(firstNameInput, 'John');
         const discardButton = await screen.findByRole('button', { name: 'Discard Changes' });
@@ -1137,8 +1227,10 @@ describe('FormRendererContainer', () => {
         };
         server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/simpleForm`, () => HttpResponse.json(form)), http.get('/api/data/objects/simpleObject/instances/123', () => HttpResponse.json({
             message: 'Not Found',
-        }, { status: 404 })), http.get('/api/data/objects/simpleObject/instances/123/object', () => HttpResponse.json(simpleObject)));
-        render(React.createElement(FormRendererContainer, { formId: form.id, actionId: "_update", objectId: "simpleObject", instanceId: '123' }));
+        }, { status: 404 })), http.get('/api/data/objects/simpleObject/instances/123/object', () => HttpResponse.json({
+            message: 'Not Found',
+        }, { status: 404 })));
+        render(React.createElement(FormRendererContainer, { formId: form.id, actionId: "_update", objectId: "simpleObject", instanceId: '123', dataType: "objectInstances" }));
         await screen.findByText('The requested content could not be found.');
     });
     it('should show an unauthorized error if the instance access is unauthorized', async () => {
@@ -1235,7 +1327,7 @@ describe('FormRendererContainer', () => {
                 properties: [],
             };
             server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/simpleForm`, () => HttpResponse.json(form)));
-            render(React.createElement(FormRendererContainer, { formId: form.id, objectId: "simpleObject", actionId: "_create" }));
+            render(React.createElement(FormRendererContainer, { formId: form.id, objectId: "simpleObject", dataType: "objectInstances" }));
             await screen.findByText('Simple Form');
         });
         it('should show a not found error when the form cannot be found', async () => {
@@ -1466,7 +1558,7 @@ describe('FormRendererContainer', () => {
         });
         it('should display validation errors after trying to submit the form', async () => {
             const user = userEvent.setup();
-            render(React.createElement(FormRendererContainer, { objectId: validationTestObject.id, formId: form.id, actionId: "_create" }));
+            render(React.createElement(FormRendererContainer, { objectId: validationTestObject.id, formId: form.id, dataType: "objectInstances" }));
             const submitButton = await screen.findByRole('button', { name: 'Submit' });
             await user.click(submitButton);
             // List items are named by author, but they don't
@@ -1477,7 +1569,7 @@ describe('FormRendererContainer', () => {
         });
         it('should clear validation errors after they have been resolved', async () => {
             const user = userEvent.setup();
-            render(React.createElement(FormRendererContainer, { objectId: validationTestObject.id, formId: form.id, actionId: "_create" }));
+            render(React.createElement(FormRendererContainer, { objectId: validationTestObject.id, formId: form.id, dataType: "objectInstances" }));
             const submitButton = await screen.findByRole('button', { name: 'Submit' });
             await user.click(submitButton);
             // Make sure error elements appear
@@ -1488,7 +1580,7 @@ describe('FormRendererContainer', () => {
         });
         it('should scroll to validation errors after submission', async () => {
             const user = userEvent.setup();
-            render(React.createElement(FormRendererContainer, { objectId: validationTestObject.id, formId: form.id, actionId: "_create" }));
+            render(React.createElement(FormRendererContainer, { objectId: validationTestObject.id, formId: form.id, dataType: "objectInstances" }));
             const submitButton = await screen.findByRole('button', { name: 'Submit' });
             await user.click(submitButton);
             expect(scrollIntoViewMock).toHaveBeenCalled();
@@ -1496,7 +1588,7 @@ describe('FormRendererContainer', () => {
         it('should not scroll to validation errors after submission if there are none', async () => {
             const user = userEvent.setup();
             server.use(http.post(`/api/data/objects/${validationTestObject.id}/instances/actions`, () => HttpResponse.json({}, { status: 200 })));
-            render(React.createElement(FormRendererContainer, { objectId: validationTestObject.id, formId: form.id, actionId: "_create" }));
+            render(React.createElement(FormRendererContainer, { objectId: validationTestObject.id, formId: form.id, dataType: "objectInstances" }));
             const requiredField = await screen.findByRole('textbox', { name: /Required Field */i });
             await user.type(requiredField, 'Some content here...');
             const submitButton = await screen.findByRole('button', { name: 'Submit' });
@@ -1519,8 +1611,7 @@ describe('FormRendererContainer', () => {
         // Wait for the delete confirmation message to appear
         const confirmation = await screen.findByText(/you are about to delete/i);
         expect(confirmation).toBeInTheDocument();
-        // Validate that the message includes the instance name
-        expect(confirmation).toHaveTextContent(/Persons Name/);
+        await screen.findByText(/Persons Name/);
         // Ensure the "Delete" button is rendered
         await screen.findByRole('button', { name: /delete/i });
     });

package/dist/published/components/custom/HistoryLog/HistoryData.js

@@ -6,8 +6,7 @@ import React from 'react';
 import { Typography } from '../../core';
 import { Box, Grid } from '../../layout';
 import DisplayedProperty from './DisplayedProperty';
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const { format } = require('small-date');
+import { format } from 'small-date';
 export const nanoid = customAlphabet(uppercase + lowercase);
 const styles = {
     timelineHeader: {

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

@@ -9,8 +9,7 @@ import Box from '../../layout/Box';
 import HistoryFilter from './Filter';
 import HistoricalData from './HistoryData';
 import HistoryLoading from './HistoryLoading';
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const { format } = require('small-date');
+import { format } from 'small-date';
 /**
  * Renders a timeline of the instance's history log.
  * Users can filter the history by type and sort by date.

package/dist/published/components/custom/ViewDetailsV2/InstanceEntryRenderer.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { EntryRendererProps } from '../FormV2/components/types';
-declare function ViewOnlyEntryRenderer(props: EntryRendererProps): React.JSX.Element | null;
+declare function ViewOnlyEntryRenderer(props: EntryRendererProps): any;
 export default ViewOnlyEntryRenderer;