npm - @evoke-platform/ui-components - Versions diffs - 1.15.1 → 1.17.0 - Mend

@evoke-platform/ui-components 1.15.1 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

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

@@ -95,7 +95,7 @@ describe('FormRendererContainer', () => {
                 return HttpResponse.json(rnLicense);
             }), http.get('/api/data/objects/specialtyType/instances', () => {
                 return HttpResponse.json([rnSpecialtyType1, rnSpecialtyType2]);
-            }), http.get('/api/data/forms/specialtyForm', () => {
+            }), http.get('/api/data/forms/specialtyForm/effective', () => {
                 return HttpResponse.json(createSpecialtyForm);
             }));
             render(React.createElement(FormRendererContainer, { objectId: 'specialty', formId: 'specialtyForm', dataType: 'objectInstances', actionId: '_create', associatedObject: { propertyId: 'license', instanceId: 'rnLicense' } }));
@@ -129,7 +129,7 @@ describe('FormRendererContainer', () => {
                 });
             }), http.get('/api/data/objects/specialty/instances/test-instance/object', () => {
                 return HttpResponse.json(specialtyObject);
-            }), http.get('/api/data/forms/specialtyForm', () => {
+            }), http.get('/api/data/forms/specialtyForm/effective', () => {
                 return HttpResponse.json({
                     ...createSpecialtyForm,
                     actionId: '_update',
@@ -159,6 +159,250 @@ describe('FormRendererContainer', () => {
                 }),
             }));
         });
+        it('should autosave only fields configured on the form', async () => {
+            const user = userEvent.setup();
+            let autosaveRequestBody;
+            server.use(http.get('/api/data/objects/specialty/instances/test-instance', () => {
+                return HttpResponse.json({
+                    id: 'test-instance',
+                    name: 'Original Name',
+                    specialtyType: { id: 'someSpecialtyTypeId', name: 'Some Specialty Type' },
+                    license: { id: 'someLicenseId', name: 'Some License' },
+                    additionalTraining: 'Board Certified',
+                });
+            }), http.get('/api/data/objects/specialty/instances/test-instance/object', () => {
+                return HttpResponse.json(specialtyObject);
+            }), http.get('/api/data/forms/specialtyForm/effective', () => {
+                return HttpResponse.json({
+                    ...createSpecialtyForm,
+                    actionId: '_update',
+                    autosaveActionId: '_autosave',
+                });
+            }), http.post('/api/data/objects/specialty/instances/test-instance/actions', async ({ request }) => {
+                const body = (await request.json());
+                if (body.actionId === '_autosave') {
+                    autosaveRequestBody = body;
+                }
+                return HttpResponse.json({
+                    id: 'test-instance',
+                    ...body.input,
+                });
+            }));
+            render(React.createElement(FormRendererContainer, { objectId: 'specialty', formId: 'specialtyForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-instance' }));
+            const nameField = await screen.findByRole('textbox', { name: 'Name' });
+            await user.clear(nameField);
+            await user.type(nameField, 'Updated Name');
+            await user.tab();
+            await waitFor(() => {
+                expect(autosaveRequestBody).toBeDefined();
+            });
+            expect(autosaveRequestBody?.input).toEqual({
+                // Should not include additionalTraining since it's not configured on the form
+                name: 'Updated Name',
+                license: { id: 'someLicenseId', name: 'Some License' },
+                specialtyType: { id: 'someSpecialtyTypeId', name: 'Some Specialty Type' },
+            });
+        });
+        it('should include conditionally visible form fields from autosave payload', async () => {
+            const user = userEvent.setup();
+            let autosaveRequestBody;
+            const specialtyFormWithHiddenField = {
+                id: 'specialtyForm',
+                name: 'Specialty Form',
+                objectId: 'specialty',
+                actionId: '_update',
+                autosaveActionId: '_autosave',
+                entries: [
+                    {
+                        parameterId: 'name',
+                        type: 'input',
+                        display: {
+                            label: 'Name',
+                        },
+                    },
+                    {
+                        parameterId: 'additionalTraining',
+                        type: 'input',
+                        display: {
+                            label: 'Additional Training',
+                            visibility: {
+                                operator: 'all',
+                                conditions: [
+                                    {
+                                        property: 'name',
+                                        operator: 'eq',
+                                        value: 'Show Hidden',
+                                        isInstanceProperty: false,
+                                    },
+                                ],
+                            },
+                        },
+                    },
+                ],
+            };
+            server.use(http.get('/api/data/objects/specialty/instances/test-instance', () => {
+                return HttpResponse.json({
+                    id: 'test-instance',
+                    name: 'Original Name',
+                    specialtyType: null,
+                    license: null,
+                    additionalTraining: 'Should Autosave',
+                });
+            }), http.get('/api/data/objects/specialty/instances/test-instance/object', () => {
+                return HttpResponse.json(specialtyObject);
+            }), http.get('/api/data/forms/specialtyForm/effective', () => {
+                return HttpResponse.json(specialtyFormWithHiddenField);
+            }), http.post('/api/data/objects/specialty/instances/test-instance/actions', async ({ request }) => {
+                const body = (await request.json());
+                if (body.actionId === '_autosave') {
+                    autosaveRequestBody = body;
+                }
+                return HttpResponse.json({
+                    id: 'test-instance',
+                    ...body.input,
+                });
+            }));
+            render(React.createElement(FormRendererContainer, { objectId: 'specialty', formId: 'specialtyForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-instance' }));
+            const nameField = await screen.findByRole('textbox', { name: 'Name' });
+            await user.clear(nameField);
+            await user.type(nameField, 'Show Hidden');
+            await user.tab();
+            await waitFor(() => {
+                expect(autosaveRequestBody).toBeDefined();
+            });
+            // Should include additionalTraining since it's visible
+            expect(autosaveRequestBody?.input).toEqual({
+                name: 'Show Hidden',
+                additionalTraining: 'Should Autosave',
+            });
+        });
+        it('should exclude hidden form fields from autosave payload', async () => {
+            const user = userEvent.setup();
+            let autosaveRequestBody;
+            const specialtyFormWithHiddenField = {
+                id: 'specialtyForm',
+                name: 'Specialty Form',
+                objectId: 'specialty',
+                actionId: '_update',
+                autosaveActionId: '_autosave',
+                entries: [
+                    {
+                        parameterId: 'name',
+                        type: 'input',
+                        display: {
+                            label: 'Name',
+                        },
+                    },
+                    {
+                        parameterId: 'additionalTraining',
+                        type: 'input',
+                        display: {
+                            label: 'Additional Training',
+                            visibility: {
+                                operator: 'all',
+                                conditions: [
+                                    {
+                                        property: 'name',
+                                        operator: 'eq',
+                                        value: 'Show Hidden',
+                                        isInstanceProperty: false,
+                                    },
+                                ],
+                            },
+                        },
+                    },
+                ],
+            };
+            server.use(http.get('/api/data/objects/specialty/instances/test-instance', () => {
+                return HttpResponse.json({
+                    id: 'test-instance',
+                    name: 'Original Name',
+                    specialtyType: null,
+                    license: null,
+                    additionalTraining: 'Should Not Autosave',
+                });
+            }), http.get('/api/data/objects/specialty/instances/test-instance/object', () => {
+                return HttpResponse.json(specialtyObject);
+            }), http.get('/api/data/forms/specialtyForm/effective', () => {
+                return HttpResponse.json(specialtyFormWithHiddenField);
+            }), http.post('/api/data/objects/specialty/instances/test-instance/actions', async ({ request }) => {
+                const body = (await request.json());
+                if (body.actionId === '_autosave') {
+                    autosaveRequestBody = body;
+                }
+                return HttpResponse.json({
+                    id: 'test-instance',
+                    ...body.input,
+                });
+            }));
+            render(React.createElement(FormRendererContainer, { objectId: 'specialty', formId: 'specialtyForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-instance' }));
+            const nameField = await screen.findByRole('textbox', { name: 'Name' });
+            await user.clear(nameField);
+            await user.type(nameField, 'Updated Name');
+            await user.tab();
+            await waitFor(() => {
+                expect(autosaveRequestBody).toBeDefined();
+            });
+            // Should not include additionalTraining since it's hidden
+            expect(autosaveRequestBody?.input).toEqual({
+                name: 'Updated Name',
+            });
+        });
+        it('should exclude non-configured address subfields from autosave payload', async () => {
+            const user = userEvent.setup();
+            let autosaveRequestBody;
+            server.use(http.get('/api/data/objects/license/instances/test-license', () => {
+                return HttpResponse.json({
+                    id: 'test-license',
+                    name: 'RN-123456',
+                    address: {
+                        line1: '123 Main St',
+                        line2: 'Suite 200',
+                        city: 'Boston',
+                        county: 'Suffolk',
+                        state: 'MA',
+                        zipCode: '02101',
+                        country: 'US',
+                    },
+                });
+            }), http.get('/api/data/objects/license/instances/test-license/object', () => {
+                return HttpResponse.json(licenseObject);
+            }), http.get('/api/data/forms/licenseForm/effective', () => {
+                return HttpResponse.json({
+                    ...licenseForm,
+                    autosaveActionId: '_autosave',
+                });
+            }), http.get('/api/data/locations/search', () => {
+                return HttpResponse.json([]);
+            }), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
+                const body = (await request.json());
+                if (body.actionId === '_autosave') {
+                    autosaveRequestBody = body;
+                }
+                return HttpResponse.json({
+                    id: 'test-license',
+                    ...body.input,
+                });
+            }));
+            render(React.createElement(FormRendererContainer, { objectId: 'license', formId: 'licenseForm', dataType: 'objectInstances', actionId: '_update', instanceId: 'test-license' }));
+            const cityField = await screen.findByRole('textbox', { name: 'City' });
+            await user.clear(cityField);
+            await user.type(cityField, 'Cambridge');
+            await user.tab();
+            await waitFor(() => {
+                expect(autosaveRequestBody).toBeDefined();
+            });
+            expect(autosaveRequestBody?.input).toEqual({
+                name: 'RN-123456',
+                // Only configured address fields should be included
+                address: {
+                    line1: '123 Main St',
+                    city: 'Cambridge',
+                    state: 'MA',
+                    zipCode: '02101',
+                },
+            });
+        });
         it('should show saving indicator during autosave', async () => {
             const user = userEvent.setup();
             let resolveSave;
@@ -175,7 +419,7 @@ describe('FormRendererContainer', () => {
                 });
             }), http.get('/api/data/objects/specialty/instances/test-instance/object', () => {
                 return HttpResponse.json(specialtyObject);
-            }), http.get('/api/data/forms/specialtyForm', () => {
+            }), http.get('/api/data/forms/specialtyForm/effective', () => {
                 return HttpResponse.json({
                     ...createSpecialtyForm,
                     actionId: '_update',
@@ -226,7 +470,7 @@ describe('FormRendererContainer', () => {
                 });
             }), http.get('/api/data/objects/specialty/instances/test-instance/object', () => {
                 return HttpResponse.json(specialtyObject);
-            }), http.get('/api/data/forms/specialtyForm', () => {
+            }), http.get('/api/data/forms/specialtyForm/effective', () => {
                 return HttpResponse.json({
                     ...createSpecialtyForm,
                     actionId: '_update',
@@ -261,7 +505,7 @@ describe('FormRendererContainer', () => {
                 });
             }), http.get('/api/data/objects/specialty/instances/test-instance/object', () => {
                 return HttpResponse.json(specialtyObject);
-            }), http.get('/api/data/forms/specialtyForm', () => {
+            }), http.get('/api/data/forms/specialtyForm/effective', () => {
                 return HttpResponse.json({
                     ...createSpecialtyForm,
                     actionId: '_update',
@@ -306,7 +550,7 @@ describe('FormRendererContainer', () => {
                 });
             }), http.get('/api/data/objects/license/instances/test-license/object', () => {
                 return HttpResponse.json(licenseObject);
-            }), http.get('/api/data/forms/licenseForm', () => {
+            }), http.get('/api/data/forms/licenseForm/effective', () => {
                 return HttpResponse.json({
                     ...licenseForm,
                     autosaveActionId: '_autosave',
@@ -363,7 +607,7 @@ describe('FormRendererContainer', () => {
                 if (sanitizedVersion === 'true') {
                     return HttpResponse.json(licenseObject);
                 }
-            }), http.get('/api/data/forms/licenseForm', () => {
+            }), http.get('/api/data/forms/licenseForm/effective', () => {
                 return HttpResponse.json({
                     ...licenseForm,
                     autosaveActionId: '_autosave',
@@ -411,7 +655,7 @@ describe('FormRendererContainer', () => {
                 if (sanitizedVersion === 'true') {
                     return HttpResponse.json(licenseObject);
                 }
-            }), http.get('/api/data/forms/licenseForm', () => {
+            }), http.get('/api/data/forms/licenseForm/effective', () => {
                 return HttpResponse.json({
                     ...licenseForm,
                     autosaveActionId: '_autosave',
@@ -466,7 +710,7 @@ describe('FormRendererContainer', () => {
                 });
             }), http.get('/api/data/objects/specialty/instances/test-instance/object', () => {
                 return HttpResponse.json(specialtyObject);
-            }), http.get('/api/data/forms/specialtyForm', () => {
+            }), http.get('/api/data/forms/specialtyForm/effective', () => {
                 return HttpResponse.json({
                     ...createSpecialtyForm,
                     actionId: '_update',
@@ -488,7 +732,7 @@ describe('FormRendererContainer', () => {
                 });
             }), http.get('/api/data/objects/specialty/instances/test-instance/object', () => {
                 return HttpResponse.json(specialtyObject);
-            }), http.get('/api/data/forms/specialtyForm', () => {
+            }), http.get('/api/data/forms/specialtyForm/effective', () => {
                 return HttpResponse.json({
                     ...createSpecialtyForm,
                     actionId: '_update',
@@ -552,7 +796,7 @@ describe('FormRendererContainer', () => {
                 });
             }), http.get('/api/data/objects/license/instances/test-license/object', () => {
                 return HttpResponse.json(licenseObject);
-            }), http.get('/api/data/forms/licenseForm', () => {
+            }), http.get('/api/data/forms/licenseForm/effective', () => {
                 return HttpResponse.json(licenseFormWithRadioButtons);
             }), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
                 const body = (await request.json());
@@ -615,7 +859,7 @@ describe('FormRendererContainer', () => {
                 });
             }), http.get('/api/data/objects/license/instances/test-license/object', () => {
                 return HttpResponse.json(licenseObject);
-            }), http.get('/api/data/forms/licenseForm', () => {
+            }), http.get('/api/data/forms/licenseForm/effective', () => {
                 return HttpResponse.json(licenseFormWithRadioButtons);
             }), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
                 const body = (await request.json());
@@ -661,7 +905,7 @@ describe('FormRendererContainer', () => {
                     },
                 ],
             };
-            server.use(http.get('/api/data/objects/license/instances/test-license', () => HttpResponse.json({ id: 'test-license', name: 'RN-123456', status: 'Active' })), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm', () => HttpResponse.json(licenseFormWithDropdown)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
+            server.use(http.get('/api/data/objects/license/instances/test-license', () => HttpResponse.json({ id: 'test-license', name: 'RN-123456', status: 'Active' })), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm/effective', () => HttpResponse.json(licenseFormWithDropdown)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
                 const body = (await request.json());
                 autosaveActionSpy(body);
                 return HttpResponse.json({ id: 'test-license', name: 'RN-123456', status: body.input.status });
@@ -704,7 +948,7 @@ describe('FormRendererContainer', () => {
                     },
                 ],
             };
-            server.use(http.get('/api/data/objects/license/instances/test-license', () => HttpResponse.json({ id: 'test-license', name: 'RN-123456', status: 'Active' })), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm', () => HttpResponse.json(licenseFormWithDropdown)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
+            server.use(http.get('/api/data/objects/license/instances/test-license', () => HttpResponse.json({ id: 'test-license', name: 'RN-123456', status: 'Active' })), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm/effective', () => HttpResponse.json(licenseFormWithDropdown)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
                 const body = (await request.json());
                 autosaveActionSpy(body);
                 return HttpResponse.json({ id: 'test-license', name: 'RN-123456', status: body.input.status });
@@ -752,7 +996,7 @@ describe('FormRendererContainer', () => {
                 ],
             };
             const licenseInstanceInitial = { id: 'test-license', name: 'RN-123456' };
-            server.use(http.get('/api/data/objects/license/instances/test-license', () => HttpResponse.json(licenseInstanceInitial)), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm', () => HttpResponse.json(licenseFormWithMultiSelect)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
+            server.use(http.get('/api/data/objects/license/instances/test-license', () => HttpResponse.json(licenseInstanceInitial)), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm/effective', () => HttpResponse.json(licenseFormWithMultiSelect)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
                 const body = (await request.json());
                 autosaveActionSpy(body);
                 return HttpResponse.json({
@@ -802,7 +1046,7 @@ describe('FormRendererContainer', () => {
                 ],
             };
             const licenseInstanceInitial = { id: 'test-license', name: 'RN-123456', categories: ['Electrical'] };
-            server.use(http.get('/api/data/objects/license/instances/test-license', () => HttpResponse.json(licenseInstanceInitial)), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm', () => HttpResponse.json(licenseFormWithMultiSelect)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
+            server.use(http.get('/api/data/objects/license/instances/test-license', () => HttpResponse.json(licenseInstanceInitial)), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm/effective', () => HttpResponse.json(licenseFormWithMultiSelect)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
                 const body = (await request.json());
                 autosaveActionSpy(body);
                 return HttpResponse.json({
@@ -857,7 +1101,7 @@ describe('FormRendererContainer', () => {
                 id: 'test-license',
                 name: 'RN-123456',
                 categories: ['Electrical', 'Plumbing'],
-            })), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm', () => HttpResponse.json(licenseFormWithMultiSelect)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
+            })), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm/effective', () => HttpResponse.json(licenseFormWithMultiSelect)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
                 const body = (await request.json());
                 autosaveActionSpy(body);
                 return HttpResponse.json({
@@ -914,7 +1158,7 @@ describe('FormRendererContainer', () => {
                 id: 'test-license',
                 name: 'RN-123456',
                 categories: ['Electrical', 'Plumbing'],
-            })), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm', () => HttpResponse.json(licenseFormWithMultiSelect)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
+            })), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm/effective', () => HttpResponse.json(licenseFormWithMultiSelect)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
                 const body = (await request.json());
                 autosaveActionSpy(body);
                 return HttpResponse.json({
@@ -969,7 +1213,7 @@ describe('FormRendererContainer', () => {
                 id: 'test-license',
                 name: 'RN-123456',
                 categories: ['Electrical', 'Plumbing'],
-            })), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm', () => HttpResponse.json(licenseFormWithMultiSelect)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
+            })), http.get('/api/data/objects/license/instances/test-license/object', () => HttpResponse.json(licenseObject)), http.get('/api/data/forms/licenseForm/effective', () => HttpResponse.json(licenseFormWithMultiSelect)), http.post('/api/data/objects/license/instances/test-license/actions', async ({ request }) => {
                 const body = (await request.json());
                 autosaveActionSpy(body);
                 return HttpResponse.json({
@@ -1015,7 +1259,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)));
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}/effective`, () => HttpResponse.json(form)));
         render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, dataType: "objectInstances" }));
         await screen.findByText('Simple Form');
     });
@@ -1041,7 +1285,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)));
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}/effective`, () => HttpResponse.json(form)));
         render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, title: {
                 hidden: false,
             }, dataType: "objectInstances" }));
@@ -1069,7 +1313,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)));
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}/effective`, () => HttpResponse.json(form)));
         render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, title: {
                 hidden: true,
             }, dataType: "objectInstances" }));
@@ -1099,7 +1343,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)));
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}/effective`, () => HttpResponse.json(form)));
         render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, actionId: '_create' }));
         await screen.findByRole('button', { name: 'Submit' });
     });
@@ -1125,7 +1369,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)));
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}/effective`, () => HttpResponse.json(form)));
         render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, actionId: '_create' }));
         await screen.findByRole('button', { name: 'Discard Changes' });
     });
@@ -1167,7 +1411,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)));
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}/effective`, () => HttpResponse.json(form)));
         const user = userEvent.setup();
         render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, actionId: '_create' }));
         const firstNameInput = await screen.findByRole('textbox', { name: 'First Name' });
@@ -1221,7 +1465,7 @@ 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({
+        server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/simpleForm/effective`, () => 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' }));
@@ -1272,7 +1516,7 @@ 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({
+        server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/simpleForm/effective`, () => HttpResponse.json(form)), http.get('/api/data/objects/simpleObject/instances/123', () => HttpResponse.json({
             message: 'Unauthorized',
         }, { status: 403 })), http.get('/api/data/objects/simpleObject/instances/123/object', () => HttpResponse.json({
             message: 'Unauthorized',
@@ -1320,7 +1564,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)));
+            server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/simpleForm/effective`, () => HttpResponse.json(form)));
             render(React.createElement(FormRendererContainer, { formId: form.id, objectId: "simpleObject", actionId: "_create" }));
             await screen.findByText('Simple Form');
         });
@@ -1339,7 +1583,7 @@ describe('FormRendererContainer', () => {
                 ],
                 properties: [],
             };
-            server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/notAForm`, () => HttpResponse.json({ error: 'Not Found' }, { status: 404 })));
+            server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/notAForm/effective`, () => HttpResponse.json({ error: 'Not Found' }, { status: 404 })));
             render(React.createElement(FormRendererContainer, { formId: 'notAForm', objectId: "simpleObject", dataType: "objectInstances" }));
             await screen.findByText('The requested content could not be found.');
         });
@@ -1365,7 +1609,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)));
+            server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/simpleForm/effective`, () => HttpResponse.json(form)));
             render(React.createElement(FormRendererContainer, { formId: form.id, objectId: "simpleObject", dataType: "objectInstances" }));
             await screen.findByText('It looks like something is missing.');
         });
@@ -1391,7 +1635,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)));
+            server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/simpleForm/effective`, () => HttpResponse.json(form)));
             render(React.createElement(FormRendererContainer, { formId: form.id, objectId: "simpleObject", actionId: "_create", dataType: "objectInstances" }));
             await screen.findByText('It looks like something is missing.');
         });
@@ -1421,7 +1665,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)));
+            server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/simpleForm/effective`, () => HttpResponse.json(form)));
             render(React.createElement(FormRendererContainer, { objectId: "simpleObject", actionId: "_create", dataType: "objectInstances" }));
             await screen.findByText('Simple Form');
         });
@@ -1442,7 +1686,7 @@ describe('FormRendererContainer', () => {
                 ],
                 properties: [],
             };
-            server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/notAForm`, () => HttpResponse.json({ error: 'Not Found' }, { status: 404 })));
+            server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/notAForm/effective`, () => HttpResponse.json({ error: 'Not Found' }, { status: 404 })));
             render(React.createElement(FormRendererContainer, { objectId: "simpleObject", actionId: "_create", dataType: "objectInstances" }));
             await screen.findByText('The requested content could not be found.');
         });
@@ -1488,7 +1732,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)));
+            server.use(http.get(`/api/data/objects/simpleObject/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/simpleForm/effective`, () => HttpResponse.json(form)));
             render(React.createElement(FormRendererContainer, { objectId: "simpleObject", actionId: "_create", dataType: "objectInstances" }));
             await screen.findByText('It looks like something is missing.');
         });
@@ -1548,7 +1792,7 @@ describe('FormRendererContainer', () => {
             ],
         };
         beforeEach(() => {
-            server.use(http.get(`/api/data/objects/${validationTestObject.id}/effective`, () => HttpResponse.json(validationTestObject)), http.get(`/api/data/forms/${form.id}`, () => HttpResponse.json(form)));
+            server.use(http.get(`/api/data/objects/${validationTestObject.id}/effective`, () => HttpResponse.json(validationTestObject)), http.get(`/api/data/forms/${form.id}/effective`, () => HttpResponse.json(form)));
         });
         it('should display validation errors after trying to submit the form', async () => {
             const user = userEvent.setup();

package/dist/published/stories/FormRendererData.d.ts CHANGED Viewed

@@ -121,3 +121,18 @@ export declare const customerLayout: {
     };
     objectId: string;
 };
+export declare const formlet: {
+    id: string;
+    name: string;
+    entries: {
+        type: string;
+        input: {
+            type: string;
+            id: string;
+        };
+        display: {
+            label: string;
+            required: boolean;
+        };
+    }[];
+};