@evoke-platform/ui-components 1.10.0-dev.1 → 1.10.0-dev.10

package/dist/published/components/custom/FormV2/tests/test-data.d.ts

@@ -23,3 +23,4 @@ export declare const users: {
     email: string;
     name: string;
 }[];
+export declare const licenseForm: EvokeForm;

package/dist/published/components/custom/FormV2/tests/test-data.js

@@ -116,6 +116,8 @@ export const UpdateAccessibilityFormOne = {
             display: {
                 label: 'License',
                 relatedObjectDisplay: 'dropdown',
+                createActionId: '_create',
+                createFormId: 'specialtyForm',
             },
         },
     ],
@@ -164,6 +166,11 @@ export const licenseObject = {
             type: 'object',
             objectId: 'licenseType',
         },
+        {
+            id: 'address',
+            name: 'Licensee Address',
+            type: 'address',
+        },
     ],
     actions: [
         {
@@ -171,6 +178,96 @@ export const licenseObject = {
             name: 'Update',
             type: 'update',
             outputEvent: 'License Updated',
+            parameters: [
+                {
+                    id: 'name',
+                    name: 'License Number',
+                    type: 'string',
+                },
+                {
+                    id: 'status',
+                    name: 'Status',
+                    type: 'string',
+                },
+                {
+                    id: 'address.line1',
+                    name: 'Address Line 1',
+                    type: 'string',
+                },
+                {
+                    id: 'address.line2',
+                    name: 'Address Line 2',
+                    type: 'string',
+                },
+                {
+                    id: 'address.city',
+                    name: 'City',
+                    type: 'string',
+                },
+                {
+                    id: 'address.county',
+                    name: 'County',
+                    type: 'string',
+                },
+                {
+                    id: 'address.state',
+                    name: 'State',
+                    type: 'string',
+                },
+                {
+                    id: 'address.zipCode',
+                    name: 'Zip Code',
+                    type: 'string',
+                },
+            ],
+        },
+        {
+            id: '_autosave',
+            name: 'Autosave',
+            type: 'update',
+            outputEvent: 'License Autosaved',
+            parameters: [
+                {
+                    id: 'name',
+                    name: 'License Number',
+                    type: 'string',
+                },
+                {
+                    id: 'status',
+                    name: 'Status',
+                    type: 'string',
+                },
+                {
+                    id: 'address.line1',
+                    name: 'Address Line 1',
+                    type: 'string',
+                },
+                {
+                    id: 'address.line2',
+                    name: 'Address Line 2',
+                    type: 'string',
+                },
+                {
+                    id: 'address.city',
+                    name: 'City',
+                    type: 'string',
+                },
+                {
+                    id: 'address.county',
+                    name: 'County',
+                    type: 'string',
+                },
+                {
+                    id: 'address.state',
+                    name: 'State',
+                    type: 'string',
+                },
+                {
+                    id: 'address.zipCode',
+                    name: 'Zip Code',
+                    type: 'string',
+                },
+            ],
         },
         {
             id: '_delete',
@@ -526,3 +623,46 @@ export const users = [
         name: 'User 2',
     },
 ];
+export const licenseForm = {
+    id: 'licenseForm',
+    name: 'License Form',
+    objectId: 'license',
+    actionId: '_update',
+    entries: [
+        {
+            parameterId: 'name',
+            type: 'input',
+            display: {
+                label: 'License Number',
+            },
+        },
+        {
+            parameterId: 'address.line1',
+            type: 'input',
+            display: {
+                label: 'Address Line 1',
+            },
+        },
+        {
+            parameterId: 'address.city',
+            type: 'input',
+            display: {
+                label: 'City',
+            },
+        },
+        {
+            parameterId: 'address.state',
+            type: 'input',
+            display: {
+                label: 'State',
+            },
+        },
+        {
+            parameterId: 'address.zipCode',
+            type: 'input',
+            display: {
+                label: 'Zip Code',
+            },
+        },
+    ],
+};

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

@@ -9,7 +9,8 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     form: import("@evoke-platform/context").EvokeForm;
     title?: React.ReactNode;
     instance?: import("../components/custom/FormV2/components/types").Document | import("@evoke-platform/context").ObjectInstance | undefined;
-    onChange: (id: string, value: unknown) => void;
+    onChange: (id: string, value: unknown) => void | Promise<void>;
+    onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
     associatedObject?: {
         instanceId?: string | undefined;
         propertyId?: string | undefined;
@@ -29,7 +30,8 @@ export declare const Editable: import("@storybook/types").AnnotatedStoryFn<impor
     form: import("@evoke-platform/context").EvokeForm;
     title?: React.ReactNode;
     instance?: import("../components/custom/FormV2/components/types").Document | import("@evoke-platform/context").ObjectInstance | undefined;
-    onChange: (id: string, value: unknown) => void;
+    onChange: (id: string, value: unknown) => void | Promise<void>;
+    onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
     associatedObject?: {
         instanceId?: string | undefined;
         propertyId?: string | undefined;
@@ -48,7 +50,8 @@ export declare const NoButtons: import("@storybook/types").AnnotatedStoryFn<impo
     form: import("@evoke-platform/context").EvokeForm;
     title?: React.ReactNode;
     instance?: import("../components/custom/FormV2/components/types").Document | import("@evoke-platform/context").ObjectInstance | undefined;
-    onChange: (id: string, value: unknown) => void;
+    onChange: (id: string, value: unknown) => void | Promise<void>;
+    onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
     associatedObject?: {
         instanceId?: string | undefined;
         propertyId?: string | undefined;
@@ -67,7 +70,8 @@ export declare const DocumentForm: import("@storybook/types").AnnotatedStoryFn<i
     form: import("@evoke-platform/context").EvokeForm;
     title?: React.ReactNode;
     instance?: import("../components/custom/FormV2/components/types").Document | import("@evoke-platform/context").ObjectInstance | undefined;
-    onChange: (id: string, value: unknown) => void;
+    onChange: (id: string, value: unknown) => void | Promise<void>;
+    onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
     associatedObject?: {
         instanceId?: string | undefined;
         propertyId?: string | undefined;

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

@@ -10,8 +10,6 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
         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;
     onSubmit?: ((submission: Record<string, unknown>, defaultSubmitHandler: (submission: Record<string, unknown>) => Promise<void>) => Promise<void>) | undefined;
@@ -39,8 +37,6 @@ export declare const Editable: import("@storybook/types").AnnotatedStoryFn<impor
         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;
     onSubmit?: ((submission: Record<string, unknown>, defaultSubmitHandler: (submission: Record<string, unknown>) => Promise<void>) => Promise<void>) | undefined;
@@ -67,8 +63,6 @@ export declare const NoButtons: import("@storybook/types").AnnotatedStoryFn<impo
         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;
     onSubmit?: ((submission: Record<string, unknown>, defaultSubmitHandler: (submission: Record<string, unknown>) => Promise<void>) => Promise<void>) | undefined;
@@ -95,8 +89,6 @@ export declare const DocumentForm: import("@storybook/types").AnnotatedStoryFn<i
         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;
     onSubmit?: ((submission: Record<string, unknown>, defaultSubmitHandler: (submission: Record<string, unknown>) => Promise<void>) => Promise<void>) | undefined;
@@ -123,8 +115,6 @@ export declare const FormWithSections: import("@storybook/types").AnnotatedStory
         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;
     onSubmit?: ((submission: Record<string, unknown>, defaultSubmitHandler: (submission: Record<string, unknown>) => Promise<void>) => Promise<void>) | undefined;

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

@@ -2,7 +2,7 @@ import { Box } from '@mui/material';
 import { http, HttpResponse } from 'msw';
 import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
-import { FormRendererContainer } from '../components/custom';
+import { FormRenderer, FormRendererContainer } from '../components/custom';
 import { documentInstance } from './FormRendererData';
 import { sharedObjectHandlers } from './sharedMswHandlers';
 export default {
@@ -31,8 +31,12 @@ const mockProps = {
         fieldHeight: 'medium',
     },
     actionId: '_update',
-    stickyFooter: true,
     objectId: 'genericEvokeForm',
+    renderFooter: (footerProps) => (React.createElement(FormRenderer.Footer, { ...footerProps, sx: {
+            background: 'white',
+            position: 'sticky',
+            bottom: 0,
+        } })),
 };
 const Template = (args) => {
     return (React.createElement(MemoryRouter, null,
@@ -45,7 +49,7 @@ Editable.args = {
 export const NoButtons = Template.bind({});
 NoButtons.args = {
     ...mockProps,
-    hideButtons: true,
+    renderFooter: () => null,
 };
 export const DocumentForm = Template.bind({});
 DocumentForm.args = {

package/dist/published/stories/FormRendererData.js

@@ -196,7 +196,7 @@ export const mockMovieObject = {
             id: 'customers',
             name: 'Customers',
             type: 'collection',
-            objectId: 'costomerMovie',
+            objectId: 'customerMovie',
             relatedPropertyId: 'movie',
             manyToManyPropertyId: 'customer',
         },
@@ -533,20 +533,6 @@ export const mockEvokeForm = {
             display: {
                 label: 'Multi-Select',
             },
-            enumWithLabels: [
-                {
-                    label: '1',
-                    value: '1',
-                },
-                {
-                    label: '2',
-                    value: '2',
-                },
-                {
-                    label: '3',
-                    value: '3',
-                },
-            ],
         },
         {
             type: 'input',
@@ -571,6 +557,8 @@ export const mockEvokeForm = {
             parameterId: 'collection',
             display: {
                 label: 'Collection',
+                createActionId: '_create',
+                createFormId: 'customerCreateForm',
             },
         },
         {
@@ -815,20 +803,6 @@ export const mockDocEvokeForm = {
                     sortBy: 'ASC',
                 },
             },
-            enumWithLabels: [
-                {
-                    label: 'Public',
-                    value: 'Public',
-                },
-                {
-                    label: 'Private',
-                    value: 'Private',
-                },
-                {
-                    label: 'Portal',
-                    value: 'Portal',
-                },
-            ],
         },
         {
             type: 'readonlyField',
@@ -887,20 +861,6 @@ export const mockEvokeFormWithSections = {
                             display: {
                                 label: 'Multi-Select',
                             },
-                            enumWithLabels: [
-                                {
-                                    label: '1',
-                                    value: '1',
-                                },
-                                {
-                                    label: '2',
-                                    value: '2',
-                                },
-                                {
-                                    label: '3',
-                                    value: '3',
-                                },
-                            ],
                         },
                         {
                             type: 'input',

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

@@ -147,14 +147,15 @@ export declare function useFormContext(): {
     setExpandedSections?: import("react").Dispatch<import("react").SetStateAction<import("../components/custom/FormV2/components/types").ExpandedSection[]>> | undefined;
     setExpandAll?: import("react").Dispatch<import("react").SetStateAction<boolean | null | undefined>> | undefined;
     parameters?: import("@evoke-platform/context").InputParameter[] | undefined;
-    handleChange: (name: string, value: unknown) => void;
+    handleChange: (name: string, value: unknown) => void | Promise<void>;
+    onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
     fieldHeight?: "medium" | "small" | undefined;
     triggerFieldReset?: boolean | undefined;
     showSubmitError?: boolean | undefined;
     associatedObject?: {
         instanceId?: string | undefined;
-        propertyId?: string | undefined;
-    } | undefined;
+        propertyId?: string | undefined; /** Extra large screens (1536px and up) */
+    } | undefined; /** Extra large screens (1536px and up) */
     form?: import("@evoke-platform/context").EvokeForm | undefined;
     width: number;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.10.0-dev.1",
+    "version": "1.10.0-dev.10",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",
@@ -20,6 +20,7 @@
     "scripts": {
         "test": "vitest",
         "test:ui": "vitest --ui",
+        "test:preview": "vitest-preview",
         "copy-styles": "copyfiles -u 1 src/styles/*.css dist/published/",
         "build": "rm -rf ./dist && tsc && npm run copy-styles",
         "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
@@ -88,6 +89,7 @@
         "storybook": "^7.6.20",
         "typescript": "^4.7.3",
         "vitest": "^1.6.0",
+        "vitest-preview": "^0.0.3",
         "webpack": "^5.74.0",
         "yalc": "^1.0.0-pre.53"
     },