@evoke-platform/ui-components 1.1.0-testing.10 → 1.1.0-testing.11

package/dist/published/components/custom/Form/Common/Form.js

@@ -445,7 +445,7 @@ export function Form(props) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         , { 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            onChange: (e) => setFormData(e.data), key: closeModal ? undefined : formKey, form: {
+            onChange: (e) => !isEqual(e.data, formData) && setFormData(e.data), key: closeModal ? undefined : formKey, form: {
                 display: 'form',
                 components: componentProps,
             }, formReady: handleFormReady })) : (React.createElement(Box, null,

package/dist/published/components/custom/Form/FormComponents/ButtonComponent.d.ts

@@ -21,11 +21,10 @@ type ButtonProps = {
 };
 export declare class ButtonComponent extends ReactComponent {
     [x: string]: any;
-    component: ButtonComponentProps;
     componentRoot?: Root;
     constructor(component: ButtonComponentProps, options: any, data: any);
     setError(error?: Record<string, unknown>): void;
-    getButton: (buttonAction: 'cancel' | 'submit' | 'save-draft') => Button | undefined;
+    getButton: (buttonAction: 'cancel' | 'submit' | 'save-draft') => any;
     handleCancel: (event: any) => void;
     handleSaveDraft: (setSubmitting: (value: boolean) => void) => void;
     handleSubmit: (setSubmitting: (value: boolean) => void) => void;

package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentComponent.d.ts

@@ -1,10 +1,9 @@
 import { ReactComponent } from '@formio/react';
 import { Root } from 'react-dom/client';
-import { BaseFormComponentProps, SavedDocumentReference } from '../../types';
+import { SavedDocumentReference } from '../../types';
 export declare class DocumentComponent extends ReactComponent {
     [x: string]: any;
     static schema: any;
-    component: BaseFormComponentProps;
     errorDetails: any;
     componentRoot?: Root;
     constructor(component: any, options: any, data: any);

package/dist/published/components/custom/Form/FormComponents/FormFieldComponent.d.ts

@@ -15,7 +15,6 @@ type FormFieldComponentProps = Omit<BaseFormComponentProps, 'property'> & {
 export declare class FormFieldComponent extends ReactComponent {
     [x: string]: any;
     static schema: any;
-    component: FormFieldComponentProps;
     errorDetails: any;
     /**
      * Called when the component has been instantiated. This is useful to define

package/dist/published/components/custom/Form/FormComponents/ImageComponent/ImageComponent.d.ts

@@ -4,9 +4,6 @@ import { BaseFormComponentProps } from '../../types';
 export declare class ImageComponent extends ReactComponent {
     [x: string]: any;
     static schema: any;
-    component: BaseFormComponentProps & {
-        initialValue?: string;
-    };
     errorDetails: any;
     componentRoot?: Root;
     constructor(component: BaseFormComponentProps, options: any, data: any);

package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.d.ts

@@ -12,7 +12,6 @@ export declare class ObjectComponent extends ReactComponent {
     relatedObject?: Obj;
     [x: string]: any;
     static schema: any;
-    component: ObjectComponentProps;
     errorDetails: any;
     componentRoot?: Root;
     criteria?: Record<string, unknown>;

package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.d.ts

@@ -10,7 +10,6 @@ type RepeatableFieldComponentProps = BaseFormComponentProps & {
 export declare class RepeatableFieldComponent extends ReactComponent {
     [x: string]: any;
     static schema: any;
-    component: RepeatableFieldComponentProps;
     criteria: Record<string, any> | undefined;
     updatedCriteria: Record<string, any>;
     constructor(component: RepeatableFieldComponentProps, options: any, data: any);

package/dist/published/components/custom/Form/FormComponents/UserComponent/UserComponent.d.ts

@@ -6,9 +6,6 @@ export declare class UserComponent extends ReactComponent {
     [x: string]: any;
     static schema: any;
     errorDetails: any;
-    component: BaseFormComponentProps & {
-        initialValue?: string;
-    };
     componentRoot?: Root;
     criteria: Record<string, unknown> | undefined;
     updatedCriteria: Record<string, unknown>;

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

@@ -0,0 +1,6 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { Form } from '../index';
+declare const _default: ComponentMeta<typeof Form>;
+export default _default;
+export declare const FormWithButtons: ComponentStory<typeof Form>;
+export declare const FormWithNoButtons: ComponentStory<typeof Form>;

package/dist/published/stories/Form.stories.js

@@ -0,0 +1,82 @@
+import React from 'react';
+import { Button, Form } from '../index';
+export default {
+    title: 'Input/Form',
+    component: Form,
+};
+const object = {
+    id: 'test',
+    name: 'Test',
+    properties: [
+        {
+            id: 'name',
+            name: 'Name',
+            type: 'string',
+            required: true,
+        },
+        {
+            id: 'decimal',
+            name: 'Decimal',
+            type: 'number',
+        },
+        {
+            id: 'integer',
+            name: 'Integer',
+            type: 'integer',
+        },
+    ],
+    actions: [
+        {
+            id: '_create',
+            name: 'Create Test',
+            type: 'create',
+            outputEvent: 'Test Created',
+        },
+        {
+            id: '_update',
+            name: 'Update Test',
+            type: 'update',
+            outputEvent: 'Test Updated',
+        },
+        {
+            id: '_delete',
+            name: 'Delete Test',
+            type: 'delete',
+            inputProperties: [],
+            outputEvent: 'Test Deleted',
+        },
+    ],
+};
+const FormWithButtonsTemplate = (args) => {
+    return React.createElement(Form, { ...args });
+};
+export const FormWithButtons = FormWithButtonsTemplate.bind({});
+FormWithButtons.args = {
+    actionId: '_update',
+    actionType: 'update',
+    object: object,
+    instance: { id: 'id', objectId: 'test', name: 'test', integer: 12, decimal: 12.5 },
+};
+const FormWithNoButtonsTemplate = (args) => {
+    return (React.createElement("div", null,
+        React.createElement(Form, { ...args }),
+        React.createElement(Button, { onClick: () => {
+                console.log(args.formRef?.current?.data);
+                args.formRef?.current?.data &&
+                    args.formRef.current.submit({ data: args.formRef.current.data }, 'submit', (error) => {
+                        console.log(error);
+                    });
+            } },
+            ' ',
+            "Submit",
+            ' ')));
+};
+export const FormWithNoButtons = FormWithNoButtonsTemplate.bind({});
+FormWithNoButtons.args = {
+    actionId: '_update',
+    actionType: 'update',
+    object: object,
+    instance: { id: 'id', objectId: 'test', name: 'test', integer: 12, decimal: 12.5 },
+    hideButtons: true,
+    formRef: { current: {} },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.1.0-testing.10",
+    "version": "1.1.0-testing.11",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",