@evoke-platform/ui-components 1.8.0-testing.9 → 1.8.1-dev.0

package/dist/published/stories/FormRendererData.js

@@ -0,0 +1,925 @@
+// Form values for FormRenderer and FormRendererContainer stories
+export const formData = {
+    name: 'Ren Foreman',
+    multiSelect: ['2', '1', '3'],
+    address: {
+        city: 'Baltimore',
+    },
+};
+export const instance = {
+    id: 'instanceId',
+    name: 'Ren Foreman',
+    multiSelect: ['2', '1', '3'],
+    address: {
+        city: 'Baltimore',
+    },
+    objectId: 'genericEvokeForm',
+};
+export const documentInstance = {
+    id: 'documentInstanceId',
+    name: 'Document.pdf',
+    contentType: 'application/pdf',
+    size: 161596,
+    metadata: {
+        type: 'PNG',
+        view_permission: 'Portal',
+    },
+    uploadedDate: '2025-06-24T17:56:49.000Z',
+    versionId: '2025-06-24T17:56:49.0660713Z',
+};
+export const docFormData = {
+    id: 'documentInstanceId',
+    name: 'Document.pdf',
+    contentType: 'application/pdf',
+    size: 161596,
+    uploadedDate: '2025-06-24T17:56:49.000Z',
+    type: 'PNG',
+    view_permission: 'Portal',
+    versionId: '2025-06-24T17:56:49.0660713Z',
+};
+// Object definitions for FormRenderer and FormRendererContainer stories
+export const mockGenericEvokeFormObject = {
+    id: 'genericEvokeForm',
+    name: 'Generic Evoke Form',
+    properties: [
+        {
+            id: 'name',
+            name: 'Name',
+            type: 'string',
+            required: true,
+            searchable: true,
+        },
+        {
+            id: 'multiSelect',
+            name: 'Multi-Select',
+            type: 'array',
+            enum: ['1', '2', '3'],
+        },
+        {
+            id: 'address',
+            name: 'Address',
+            type: 'address',
+        },
+        {
+            id: 'relatedObject',
+            name: 'Related Object',
+            type: 'object',
+            objectId: 'movies',
+        },
+        {
+            id: 'collection',
+            name: 'Collection',
+            type: 'collection',
+            objectId: 'customers',
+            relatedPropertyId: 'genericEvokeForm',
+        },
+        {
+            id: 'criteria',
+            name: 'Criteria',
+            type: 'criteria',
+            objectId: 'genericEvokeForm',
+        },
+        {
+            id: 'people',
+            name: 'People',
+            type: 'collection',
+            objectId: 'peopleGenericObject',
+            relatedPropertyId: 'genericEvokeForm',
+            manyToManyPropertyId: 'people',
+            required: false,
+        },
+    ],
+    actions: [
+        {
+            id: '_create',
+            name: 'Create Generic Evoke Form',
+            type: 'create',
+            outputEvent: 'Generic Evoke Form Created',
+        },
+        {
+            id: '_update',
+            name: 'Update Generic Evoke Form 2',
+            type: 'update',
+            parameters: [
+                {
+                    id: 'name',
+                    name: 'Name',
+                    type: 'string',
+                    required: true,
+                },
+                {
+                    id: 'multiSelect',
+                    name: 'Multi-Select',
+                    type: 'array',
+                    required: false,
+                    enum: ['1', '2', '3'],
+                },
+                {
+                    id: 'criteria',
+                    name: 'Criteria',
+                    type: 'criteria',
+                    objectId: 'genericEvokeForm',
+                    required: false,
+                },
+                {
+                    id: 'address.city',
+                    name: 'Address City',
+                    type: 'string',
+                    required: false,
+                },
+                {
+                    id: 'relatedObject',
+                    name: 'Related Object',
+                    type: 'object',
+                    objectId: 'movies',
+                    required: false,
+                },
+                {
+                    id: 'collection',
+                    name: 'Collection',
+                    type: 'collection',
+                    objectId: 'customers',
+                    relatedPropertyId: 'genericEvokeForm',
+                    required: false,
+                },
+                {
+                    id: 'manyToMany',
+                    name: 'Generic Evoke Forms',
+                    type: 'collection',
+                    objectId: 'peopleGenericObject',
+                    relatedPropertyId: 'genericEvokeForm',
+                    manyToManyPropertyId: 'people',
+                },
+            ],
+            outputEvent: 'Update Generic Evoke Form 2',
+            preconditions: {},
+            defaultFormId: 'UpdateGenericEvokeForm',
+        },
+        {
+            id: '_delete',
+            name: 'Delete Generic Evoke Form',
+            type: 'delete',
+            inputProperties: [],
+            outputEvent: 'Generic Evoke Form Deleted',
+        },
+    ],
+};
+export const mockMovieObject = {
+    id: 'movies',
+    name: 'Movies',
+    properties: [
+        {
+            id: 'name',
+            name: 'Name',
+            type: 'string',
+            required: true,
+            searchable: true,
+        },
+        {
+            id: 'customers',
+            name: 'Customers',
+            type: 'collection',
+            objectId: 'costomerMovie',
+            relatedPropertyId: 'movie',
+            manyToManyPropertyId: 'customer',
+        },
+        {
+            id: 'price',
+            name: 'Price',
+            type: 'number',
+        },
+        {
+            id: 'runTime',
+            name: 'Run Time',
+            type: 'string',
+        },
+        {
+            id: 'soldSeats',
+            name: 'Sold Seats',
+            type: 'string',
+        },
+        {
+            id: 'theaterNumber',
+            name: 'Theater Number',
+            type: 'object',
+            objectId: 'theaters',
+        },
+        {
+            id: 'worker',
+            name: 'Worker',
+            type: 'object',
+            objectId: 'staff',
+        },
+        {
+            id: 'integer',
+            name: 'integer',
+            type: 'integer',
+        },
+        {
+            id: 'multiSelect',
+            name: 'Multi-Select',
+            type: 'array',
+            enum: ['option one', 'Option two', 'Option three', 'Option four'],
+        },
+        {
+            id: 'address',
+            name: 'Address',
+            type: 'address',
+        },
+        {
+            id: 'image',
+            name: 'Image',
+            type: 'image',
+        },
+    ],
+    actions: [
+        {
+            id: '_create',
+            name: 'Create movies',
+            type: 'create',
+            outputEvent: 'movies Created',
+            defaultFormId: 'movieCreateForm',
+        },
+        {
+            id: '_update',
+            name: 'Update movies',
+            type: 'update',
+            parameters: [],
+            outputEvent: 'movies Updated',
+        },
+        {
+            id: '_delete',
+            name: 'Delete movies',
+            type: 'delete',
+            inputProperties: [],
+            outputEvent: 'movies Deleted',
+        },
+    ],
+};
+export const mockCustomerObject = {
+    id: 'customers',
+    name: 'Customers',
+    properties: [
+        {
+            id: 'name',
+            name: 'Name',
+            type: 'string',
+            required: true,
+        },
+        {
+            id: 'livingPlace',
+            name: 'Living Place',
+            type: 'address',
+        },
+        {
+            id: 'genericEvokeForm',
+            name: 'Generic Evoke Form',
+            type: 'object',
+            objectId: 'genericEvokeForm',
+        },
+        {
+            id: 'document',
+            name: 'Document',
+            type: 'document',
+        },
+    ],
+    actions: [
+        {
+            id: '_create',
+            name: 'Create Customers',
+            type: 'create',
+            parameters: [
+                {
+                    id: 'name',
+                    type: 'string',
+                    name: 'Name',
+                    required: true,
+                },
+                {
+                    id: 'genericEvokeForm',
+                    type: 'object',
+                    name: 'Generic Evoke Form',
+                    objectId: 'genericEvokeForm',
+                    required: false,
+                },
+                {
+                    id: 'livingPlace.state',
+                    type: 'string',
+                    name: 'Living Place State',
+                    required: false,
+                },
+                {
+                    id: 'livingPlace.county',
+                    type: 'string',
+                    name: 'Living Place County',
+                    required: false,
+                },
+            ],
+            outputEvent: 'Customers Created',
+            defaultFormId: 'customerCreateForm',
+        },
+        {
+            id: '_update',
+            name: 'Update Customers',
+            type: 'update',
+            parameters: [
+                {
+                    id: 'name',
+                    type: 'string',
+                    name: 'Name',
+                    required: true,
+                },
+                {
+                    id: 'document',
+                    type: 'document',
+                    name: 'Document',
+                },
+                {
+                    id: 'genericEvokeForm',
+                    type: 'object',
+                    name: 'Generic Evoke Form',
+                    objectId: 'genericEvokeForm',
+                },
+                {
+                    id: 'livingPlace.city',
+                    type: 'string',
+                    name: 'Living Place City',
+                },
+                {
+                    id: 'livingPlace.county',
+                    type: 'string',
+                    name: 'Living Place County',
+                },
+                {
+                    id: 'livingPlace.line1',
+                    type: 'string',
+                    name: 'Living Place Line 1',
+                },
+                {
+                    id: 'livingPlace.line2',
+                    type: 'string',
+                    name: 'Living Place Line 2',
+                },
+                {
+                    id: 'livingPlace.state',
+                    type: 'string',
+                    name: 'Living Place State',
+                },
+                {
+                    id: 'livingPlace.zipCode',
+                    type: 'string',
+                    name: 'Living Place Zip Code',
+                },
+            ],
+            outputEvent: 'Customers Updated',
+            defaultFormId: 'customerUpdateForm',
+        },
+        {
+            id: '_delete',
+            name: 'Delete Customers',
+            type: 'delete',
+            inputProperties: [],
+            outputEvent: 'Customers Deleted',
+        },
+    ],
+};
+export const mockPeopleGenericObject = {
+    id: 'peopleGenericObject',
+    name: 'Person Generic Form',
+    properties: [
+        {
+            id: 'id',
+            name: 'ID',
+            type: 'string',
+            required: true,
+            searchable: true,
+        },
+        {
+            id: 'people',
+            name: 'People',
+            type: 'object',
+            objectId: 'people',
+        },
+        {
+            id: 'genericEvokeForm',
+            name: 'Generic Evoke Form',
+            type: 'object',
+            objectId: 'genericEvokeForm',
+        },
+    ],
+    actions: [
+        {
+            id: '_create',
+            name: 'Create Person Generic Form',
+            type: 'create',
+            outputEvent: 'Person Generic Form Created',
+        },
+        {
+            id: '_update',
+            name: 'Update Person Generic Form',
+            type: 'update',
+            parameters: [],
+            outputEvent: 'Person Generic Form Updated',
+        },
+        {
+            id: '_delete',
+            name: 'Delete Person Generic Form',
+            type: 'delete',
+            inputProperties: [],
+            outputEvent: 'Person Generic Form Deleted',
+        },
+    ],
+};
+export const mockPeopleObject = {
+    id: 'people',
+    name: 'People',
+    properties: [
+        {
+            id: 'name',
+            name: 'Name',
+            type: 'string',
+            required: true,
+        },
+        {
+            id: 'genericEvokeForm',
+            name: 'Generic Evoke Form',
+            type: 'object',
+            objectId: 'genericEvokeForm',
+        },
+    ],
+    actions: [
+        {
+            id: '_create',
+            name: 'Create Customers',
+            type: 'create',
+            parameters: [
+                {
+                    id: 'name',
+                    type: 'string',
+                    name: 'Name',
+                    required: true,
+                },
+                {
+                    id: 'genericEvokeForm',
+                    type: 'object',
+                    name: 'Generic Evoke Form',
+                    objectId: 'genericEvokeForm',
+                    required: false,
+                },
+            ],
+            outputEvent: 'Customers Created',
+            defaultFormId: 'customerCreateForm',
+        },
+        {
+            id: '_update',
+            name: 'Update Customers',
+            type: 'update',
+            parameters: [],
+            outputEvent: 'Customers Updated',
+            defaultFormId: 'customerUpdateForm',
+        },
+        {
+            id: '_delete',
+            name: 'Delete Customers',
+            type: 'delete',
+            inputProperties: [],
+            outputEvent: 'Customers Deleted',
+        },
+    ],
+};
+// Form definitions for FormRenderer and FormRendererContainer stories
+export const mockEvokeForm = {
+    id: 'UpdateGenericEvokeForm',
+    name: 'Update a Generic Evoke Form',
+    entries: [
+        {
+            type: 'input',
+            parameterId: 'name',
+            display: {
+                label: 'Name',
+                prefix: 'Dr',
+                suffix: 'Jr',
+                required: true,
+                charCount: true,
+            },
+        },
+        {
+            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',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'collection',
+            display: {
+                label: 'Collection',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'manyToMany',
+            display: {
+                label: 'Many to Many',
+            },
+        },
+    ],
+    objectId: 'genericEvokeForm',
+    actionId: '_update',
+};
+export const mockCustomerUpdateForm = {
+    id: 'customerUpdateForm',
+    name: 'Customer Update Form',
+    entries: [
+        {
+            type: 'input',
+            parameterId: 'name',
+            display: {
+                label: 'Name',
+                required: true,
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'document',
+            display: {
+                label: 'Document',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'genericEvokeForm',
+            display: {
+                label: 'Generic Evoke Form',
+                relatedObjectDisplay: 'dialogBox',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'livingPlace.city',
+            display: {
+                label: 'Living Place City',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'livingPlace.county',
+            display: {
+                label: 'Living Place County',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'livingPlace.line1',
+            display: {
+                label: 'Living Place Line 1',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'livingPlace.line2',
+            display: {
+                label: 'Living Place Line 2',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'livingPlace.state',
+            display: {
+                label: 'Living Place State',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'livingPlace.zipCode',
+            display: {
+                label: 'Living Place Zip Code',
+            },
+        },
+    ],
+    objectId: 'customers',
+    actionId: '_update',
+    display: {},
+};
+export const mockCustomerCreateForm = {
+    id: 'customerCreateForm',
+    name: 'Create Customers',
+    entries: [
+        {
+            type: 'input',
+            parameterId: 'name',
+            display: {
+                label: 'Name',
+                required: true,
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'genericEvokeForm',
+            display: {
+                label: 'Generic Evoke Form',
+                relatedObjectDisplay: 'dialogBox',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'livingPlace.state',
+            display: {
+                label: 'Living Place State',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'livingPlace.county',
+            display: {
+                label: 'Living Place County',
+            },
+        },
+    ],
+    objectId: 'customers',
+    actionId: '_create',
+    display: {},
+};
+export const mockMovieCreateForm = {
+    id: 'movieCreateForm',
+    name: 'Movie Create Form',
+    entries: [
+        {
+            type: 'input',
+            parameterId: 'name',
+            display: {
+                label: 'Name',
+                required: true,
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'image',
+            display: {
+                label: 'Image',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'address.line1',
+            display: {
+                label: 'Address Line 1',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'runTime',
+            display: {
+                label: 'Run Time',
+            },
+        },
+    ],
+    objectId: 'movies',
+    actionId: '_create',
+    display: {},
+};
+export const mockDocEvokeForm = {
+    id: 'documentForm',
+    name: 'Document Form',
+    entries: [
+        {
+            type: 'readonlyField',
+            propertyId: 'id',
+            display: {
+                label: 'Id',
+                readOnly: true,
+            },
+        },
+        {
+            type: 'readonlyField',
+            propertyId: 'name',
+            display: {
+                label: 'Name',
+                required: true,
+                readOnly: true,
+            },
+        },
+        {
+            type: 'readonlyField',
+            propertyId: 'contentType',
+            display: {
+                label: 'Content Type',
+                readOnly: true,
+            },
+        },
+        {
+            type: 'readonlyField',
+            propertyId: 'size',
+            display: {
+                label: 'Size',
+                readOnly: true,
+            },
+        },
+        {
+            type: 'readonlyField',
+            propertyId: 'uploadedDate',
+            display: {
+                label: 'Uploaded Date',
+                readOnly: true,
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'type',
+            display: {
+                label: 'Type',
+            },
+        },
+        {
+            type: 'input',
+            parameterId: 'view_permission',
+            display: {
+                label: 'View Permission',
+                choicesDisplay: {
+                    type: 'dropdown',
+                    sortBy: 'ASC',
+                },
+            },
+            enumWithLabels: [
+                {
+                    label: 'Public',
+                    value: 'Public',
+                },
+                {
+                    label: 'Private',
+                    value: 'Private',
+                },
+                {
+                    label: 'Portal',
+                    value: 'Portal',
+                },
+            ],
+        },
+        {
+            type: 'readonlyField',
+            propertyId: 'versionId',
+            display: {
+                label: 'Version Id',
+                readOnly: true,
+            },
+        },
+    ],
+    objectId: 'genericEvokeForm',
+};
+// Additional data for criteria field and instance fetches
+export const mockPropertiesForCriteria = [
+    {
+        id: 'name',
+        name: 'Name',
+        type: 'string',
+        required: true,
+        searchable: true,
+    },
+    {
+        id: 'multiSelect',
+        name: 'Multi-Select',
+        type: 'array',
+        enum: ['1', '2', '3'],
+    },
+    {
+        id: 'address',
+        name: 'Address',
+        type: 'address',
+    },
+    {
+        id: 'relatedObject',
+        name: 'Related Object',
+        type: 'object',
+        objectId: 'movies',
+    },
+    {
+        id: 'collection',
+        name: 'Collection',
+        type: 'collection',
+        objectId: 'customers',
+        relatedPropertyId: 'genericEvokeForm',
+    },
+];
+export const mockInstancesForRelatedObject = [
+    {
+        id: 'hkQWsQu5ap30k7SbAnc82',
+        objectId: 'movies',
+        name: 'A New Hope',
+        runTime: '2:01',
+        description: "A young farm boy joins forces with rebels to destroy the Empire's planet-destroying weapon.",
+    },
+    {
+        id: 'mbSzyE9gpmRx9uMBEmnbh',
+        objectId: 'movies',
+        name: 'A Phantom Menace',
+        runTime: '2:16',
+        description: 'Jedi discover a young slave with extraordinary potential while defending a peaceful planet.',
+    },
+    {
+        id: 'xM6hOYJklTcmCgJL9FlOj',
+        objectId: 'movies',
+        name: 'Attack of the Clones',
+        runTime: '2:22',
+        description: 'Jedi investigate assassination attempts and uncover a secret clone army.',
+    },
+    {
+        id: 'SjGtDq5raoZKcqWK7gDuW',
+        objectId: 'movies',
+        name: 'Revenge of the Sith',
+        runTime: '2:20',
+        description: 'Jedi fight to save the Republic.',
+    },
+];
+export const mockInstancesForCollection = [
+    {
+        version: 2,
+        id: 'collectionInstance',
+        objectId: 'customers',
+        genericEvokeForm: {
+            id: 'gEV7frl7i1aUEEfkp5dAT',
+            name: 'Ren Foreman',
+        },
+        name: 'Collection Instance 1',
+        decimal: 67,
+        livingPlace: {
+            city: 'Baltimore',
+            line1: '123 Main St',
+            line2: 'Apt 4B',
+            state: 'MD',
+            zipCode: '21201',
+            county: 'Baltimore',
+        },
+    },
+];
+export const mockPeopleGenericObjectInstances = [
+    {
+        id: 'cgf1',
+        name: 'John Doe',
+        people: { id: 'person3', name: 'John Doe' },
+        genericEvokeForm: {
+            id: 'gEV7frl7i1aUEEfkp5dAT',
+            name: 'Form Guy',
+        },
+        objectId: 'peopleGenericObject',
+    },
+    {
+        id: 'cgf2',
+        name: 'Jane Doe',
+        people: { id: 'person1', name: 'Jane Doe' },
+        genericEvokeForm: {
+            id: 'gEV7frl7i1aUEEfkp5dAT',
+            name: 'Form Guy',
+        },
+        objectId: 'peopleGenericObject',
+    },
+    {
+        id: 'cgf3',
+        name: 'Jane Smith',
+        people: { id: 'person2', name: 'Jane Smith' },
+        genericEvokeForm: {
+            id: 'gEV7frl7i1aUEEfkp5dAT',
+            name: 'Form Guy',
+        },
+        objectId: 'peopleGenericObject',
+    },
+];