@evoke-platform/ui-components 1.8.2-dev.1 → 1.9.0-dev.0

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

@@ -88,3 +88,25 @@ export declare const DocumentForm: import("@storybook/types").AnnotatedStoryFn<i
         propertyId?: string | undefined;
     } | 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;
+    instanceId?: string | undefined;
+    defaultPages?: Record<string, string> | undefined;
+    pageNavigation?: string | undefined;
+    documentId?: string | undefined;
+    dataType?: "documents" | "objectInstances" | undefined;
+    display?: {
+        fieldHeight?: "medium" | "small" | undefined;
+    } | undefined;
+    actionId?: string | undefined;
+    stickyFooter?: boolean | undefined;
+    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;
+    associatedObject?: {
+        instanceId?: string | undefined;
+        propertyId?: string | undefined;
+    } | undefined;
+}>;

package/dist/published/stories/FormRendererContainer.stories.js

@@ -54,3 +54,8 @@ DocumentForm.args = {
     documentId: 'documentInstanceId',
     dataType: 'documents',
 };
+export const FormWithSections = Template.bind({});
+FormWithSections.args = {
+    ...mockProps,
+    formId: 'updateGenericEvokeFormWithSections',
+};

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

@@ -29,6 +29,7 @@ export declare const mockCustomerUpdateForm: EvokeForm;
 export declare const mockCustomerCreateForm: EvokeForm;
 export declare const mockMovieCreateForm: EvokeForm;
 export declare const mockDocEvokeForm: EvokeForm;
+export declare const mockEvokeFormWithSections: EvokeForm;
 export declare const mockPropertiesForCriteria: ({
     id: string;
     name: string;
@@ -114,3 +115,9 @@ export declare const mockPeopleGenericObjectInstances: {
     };
     objectId: string;
 }[];
+export declare const users: {
+    id: string;
+    status: string;
+    email: string;
+    name: string;
+}[];

package/dist/published/stories/FormRendererData.js

@@ -88,6 +88,11 @@ export const mockGenericEvokeFormObject = {
             manyToManyPropertyId: 'people',
             required: false,
         },
+        {
+            id: 'user',
+            name: 'User',
+            type: 'user',
+        },
     ],
     actions: [
         {
@@ -150,6 +155,18 @@ export const mockGenericEvokeFormObject = {
                     relatedPropertyId: 'genericEvokeForm',
                     manyToManyPropertyId: 'people',
                 },
+                {
+                    id: 'documentUpload',
+                    type: 'document',
+                    name: 'Document Upload',
+                    required: false,
+                },
+                {
+                    id: 'user',
+                    name: 'User',
+                    type: 'user',
+                    required: false,
+                },
             ],
             outputEvent: 'Update Generic Evoke Form 2',
             preconditions: {},
@@ -489,7 +506,7 @@ export const mockPeopleObject = {
 };
 // Form definitions for FormRenderer and FormRendererContainer stories
 export const mockEvokeForm = {
-    id: 'UpdateGenericEvokeForm',
+    id: 'updateGenericEvokeForm',
     name: 'Update a Generic Evoke Form',
     entries: [
         {
@@ -563,6 +580,24 @@ export const mockEvokeForm = {
                 label: 'Many to Many',
             },
         },
+        {
+            type: 'input',
+            parameterId: 'documentUpload',
+            display: {
+                label: 'Document Upload',
+            },
+            documentMetadata: {
+                view_permission: 'Portal',
+                type: 'PDF',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'user',
+            display: {
+                label: 'User',
+            },
+        },
     ],
     objectId: 'genericEvokeForm',
     actionId: '_update',
@@ -806,6 +841,128 @@ export const mockDocEvokeForm = {
     ],
     objectId: 'genericEvokeForm',
 };
+export const mockEvokeFormWithSections = {
+    id: 'updateGenericEvokeFormWithSections',
+    name: 'Update a Generic Evoke Form With Sections',
+    entries: [
+        {
+            type: 'sections',
+            label: 'Section',
+            sections: [
+                {
+                    label: 'Section 1',
+                    entries: [
+                        {
+                            type: 'input',
+                            parameterId: 'name',
+                            display: {
+                                label: 'Name',
+                                prefix: 'Dr',
+                                suffix: 'Jr',
+                                required: true,
+                                charCount: true,
+                            },
+                        },
+                        {
+                            type: 'input',
+                            parameterId: 'documentUpload',
+                            display: {
+                                label: 'Document Upload',
+                            },
+                            documentMetadata: {
+                                view_permission: 'Portal',
+                                type: 'PDF',
+                            },
+                        },
+                        {
+                            type: 'input',
+                            parameterId: 'criteria',
+                            display: {
+                                label: 'Criteria',
+                            },
+                        },
+                        {
+                            type: 'input',
+                            parameterId: 'multiSelect',
+                            display: {
+                                label: 'Multi-Select',
+                            },
+                            enumWithLabels: [
+                                {
+                                    label: '1',
+                                    value: '1',
+                                },
+                                {
+                                    label: '2',
+                                    value: '2',
+                                },
+                                {
+                                    label: '3',
+                                    value: '3',
+                                },
+                            ],
+                        },
+                        {
+                            type: 'input',
+                            parameterId: 'address.city',
+                            display: {
+                                label: 'Address City',
+                                description: 'address city description',
+                            },
+                        },
+                        {
+                            type: 'input',
+                            parameterId: 'relatedObject',
+                            display: {
+                                label: 'Related Object',
+                                mode: 'default',
+                                description: 'related Object description',
+                                relatedObjectDisplay: 'dropdown',
+                            },
+                        },
+                    ],
+                },
+                {
+                    label: 'Section 2',
+                    entries: [
+                        {
+                            type: 'sections',
+                            label: 'Section',
+                            sections: [
+                                {
+                                    label: 'Nested Section 1',
+                                    entries: [
+                                        {
+                                            type: 'input',
+                                            parameterId: 'collection',
+                                            display: {
+                                                label: 'Collection',
+                                            },
+                                        },
+                                    ],
+                                },
+                                {
+                                    label: 'Nested Section 2',
+                                    entries: [
+                                        {
+                                            type: 'input',
+                                            parameterId: 'manyToMany',
+                                            display: {
+                                                label: 'Many to Many',
+                                            },
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+    objectId: 'genericEvokeForm',
+    actionId: '_update',
+};
 // Additional data for criteria field and instance fetches
 export const mockPropertiesForCriteria = [
     {
@@ -923,3 +1080,17 @@ export const mockPeopleGenericObjectInstances = [
         objectId: 'peopleGenericObject',
     },
 ];
+export const users = [
+    {
+        id: 'user1',
+        status: 'Active',
+        email: 'user1@systemautomation.com',
+        name: 'User 1',
+    },
+    {
+        id: 'user2',
+        status: 'Active',
+        email: 'user2@systemautomation.com',
+        name: 'User 2',
+    },
+];

package/dist/published/stories/sharedMswHandlers.js

@@ -1,5 +1,5 @@
 import { http, HttpResponse } from 'msw';
-import { instance, mockCustomerCreateForm, mockCustomerObject, mockCustomerUpdateForm, mockEvokeForm, mockGenericEvokeFormObject, mockInstancesForCollection, mockInstancesForRelatedObject, mockMovieCreateForm, mockMovieObject, mockPeopleGenericObject, mockPeopleGenericObjectInstances, mockPeopleObject, mockPropertiesForCriteria, } from './FormRendererData';
+import { instance, mockCustomerCreateForm, mockCustomerObject, mockCustomerUpdateForm, mockEvokeForm, mockEvokeFormWithSections, mockGenericEvokeFormObject, mockInstancesForCollection, mockInstancesForRelatedObject, mockMovieCreateForm, mockMovieObject, mockPeopleGenericObject, mockPeopleGenericObjectInstances, mockPeopleObject, mockPropertiesForCriteria, users, } from './FormRendererData';
 export const sharedObjectHandlers = [
     // Object fetches
     http.get('/api/data/objects/:objectId/effective', ({ params, request }) => {
@@ -43,6 +43,8 @@ export const sharedObjectHandlers = [
     }),
     // Property fetch for criteria field properties
     http.get('/api/data/objects/genericEvokeForm/effective/properties?fields', () => HttpResponse.json(mockPropertiesForCriteria)),
+    // User fetches
+    http.get('/api/accessManagement/users', () => HttpResponse.json(users)),
     // Permission fetches
     http.get(/\/checkAccess$/, () => HttpResponse.json({ result: true })),
     // General instance fetches
@@ -84,6 +86,8 @@ export const sharedObjectHandlers = [
                 return HttpResponse.json(mockMovieCreateForm);
             case 'updateGenericEvokeForm':
                 return HttpResponse.json(mockEvokeForm);
+            case 'updateGenericEvokeFormWithSections':
+                return HttpResponse.json(mockEvokeFormWithSections);
             default:
                 return HttpResponse.json({});
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.8.2-dev.1",
+    "version": "1.9.0-dev.0",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",
@@ -119,6 +119,7 @@
         "devexpress-richedit": "^23.1.5",
         "devextreme": "^23.1.5",
         "devextreme-dist": "^23.1.5",
+        "dompurify": "^3.2.6",
         "eslint-plugin-no-inline-styles": "^1.0.5",
         "flat": "^6.0.1",
         "formiojs": "^4.21.7",