@tsed/react-formio 2.3.6 → 3.0.0-alpha.10

package/dist/components/form/useForm.hook.d.ts

@@ -1,60 +0,0 @@
-/// <reference types="react" />
-import { ExtendedComponentSchema } from "formiojs";
-import { FormOptions, FormSchema, Submission } from "../../interfaces";
-export interface ChangedSubmission<T = any> extends Submission<T> {
-    changed: {
-        component: ExtendedComponentSchema;
-        instance: any;
-        value: any;
-    } & Record<string, any>;
-    isValid: boolean;
-}
-export interface FormPageChangeProps<Data = any> {
-    page: number;
-    submission: Submission<Data>;
-}
-export interface UseFormHookProps<Data = any> extends Record<string, any> {
-    src?: string;
-    /**
-     * url to fetch form
-     */
-    url?: string;
-    /**
-     * Raw form object
-     */
-    form?: Partial<FormSchema>;
-    /**
-     * Configuration option
-     */
-    options?: FormOptions;
-    /**
-     * Data submission
-     */
-    submission?: Submission<Data>;
-    onPrevPage?: (obj: FormPageChangeProps<Data>) => void;
-    onNextPage?: (obj: FormPageChangeProps<Data>) => void;
-    onCancel?: Function;
-    onChange?: (submission: ChangedSubmission) => void;
-    onCustomEvent?: (obj: {
-        type: string;
-        event: string;
-        component: ExtendedComponentSchema;
-        data: any;
-    }) => void;
-    onComponentChange?: (component: ExtendedComponentSchema) => void;
-    onSubmit?: (submission: Submission<Data>) => void;
-    onAsyncSubmit?: (submission: Submission<Data>) => Promise<any>;
-    onSubmitDone?: (submission: Submission<Data>) => void;
-    onFormLoad?: Function;
-    onError?: (errors: any) => void;
-    onRender?: () => void;
-    onAttach?: Function;
-    onBuild?: Function;
-    onFocus?: Function;
-    onBlur?: Function;
-    onInitialized?: Function;
-    onFormReady?: (formio: any) => void;
-}
-export declare function useForm<Data = any>(props: UseFormHookProps<Data>): {
-    element: import("react").MutableRefObject<any>;
-};

package/dist/components/form-access/formAccess.component.d.ts

@@ -1,9 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import type { FormOptions, FormSchema } from "../../interfaces";
-export interface FormAccessProps {
-    form: Partial<FormSchema>;
-    roles: any;
-    onSubmit?: Function;
-    options?: FormOptions;
-}
-export declare function FormAccess(props: PropsWithChildren<FormAccessProps>): React.JSX.Element;

package/dist/components/form-access/formAccess.schema.d.ts

@@ -1,5 +0,0 @@
-import { ExtendedComponentSchema } from "formiojs";
-import { FormSchema } from "../../interfaces/FormSchema";
-export declare function getRoleComponent({ label, key, description, choices, data }: any): ExtendedComponentSchema;
-export declare function getSubmissionPermissionForm({ choices }: any): FormSchema;
-export declare function getAccessPermissionForm({ choices }: any): FormSchema;

package/dist/components/form-access/formAccess.stories.d.ts

@@ -1,21 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-import { FormAccess } from "./formAccess.component";
-declare const _default: {
-    title: string;
-    component: typeof FormAccess;
-    argTypes: {
-        onSubmit: {
-            action: string;
-        };
-    };
-    parameters: {
-        docs: {
-            source: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-type Story = StoryObj<typeof FormAccess>;
-export declare const Sandbox: Story;

package/dist/components/form-access/formAccess.utils.d.ts

@@ -1,24 +0,0 @@
-import { FormSchema, Submission } from "../../interfaces";
-import { RoleSchema } from "../../interfaces/RoleSchema";
-export interface Choice {
-    label: string;
-    value: string;
-}
-export interface Access {
-    roles: string[];
-    type: string;
-}
-export type AccessRoles = Record<string, string[]>;
-export type FormAccessSchema = {
-    access: FormSchema;
-    submissionAccess: FormSchema;
-};
-export type SubmissionAccess = {
-    access: Submission<AccessRoles>;
-    submissionAccess: Submission<AccessRoles>;
-};
-export declare function getFormAccess(roles: RoleSchema[]): FormAccessSchema;
-export declare function dataAccessToSubmissions(form: Partial<FormSchema>, formAccess: FormAccessSchema): SubmissionAccess;
-export declare function submissionsToDataAccess(form: Partial<FormSchema>, submissions: SubmissionAccess): Partial<FormSchema>;
-export declare function shouldUpdate(type: string, submission: Submission<AccessRoles>, submissions: SubmissionAccess): boolean;
-export declare function updateSubmissions(type: string, submission: Submission<AccessRoles>, submissions: SubmissionAccess, cb?: Function): SubmissionAccess;

package/dist/components/form-access/formAccess.utils.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/form-action/formAction.component.d.ts

@@ -1,9 +0,0 @@
-import { PropsWithChildren, ReactElement } from "react";
-import { ActionSchema, FormOptions, Submission } from "../../interfaces";
-export interface FormActionProps {
-    actionInfo: Partial<ActionSchema>;
-    submission?: Partial<Submission>;
-    onSubmit?: (submission: Submission<ActionSchema>) => void;
-    options: FormOptions;
-}
-export declare function FormAction({ actionInfo, children, onSubmit, options, ...props }: PropsWithChildren<FormActionProps>): ReactElement;

package/dist/components/form-action/formAction.stories.d.ts

@@ -1,409 +0,0 @@
-import React from "react";
-import { FormAction } from "./formAction.component";
-declare const _default: {
-    title: string;
-    component: typeof FormAction;
-    argTypes: {
-        onSubmit: {
-            action: string;
-        };
-        type: {
-            control: {
-                type: string;
-            };
-        };
-        form: {
-            control: {
-                type: string;
-            };
-        };
-        options: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        docs: {
-            source: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Sandbox: {
-    (args: any): React.JSX.Element;
-    args: {
-        actionInfo: {
-            name: string;
-            title: string;
-            description: string;
-            priority: number;
-            defaults: {
-                handler: string[];
-                method: string[];
-                priority: number;
-                name: string;
-                title: string;
-            };
-            access: {
-                handler: boolean;
-                method: boolean;
-            };
-            settingsForm: {
-                components: ({
-                    type: string;
-                    input: boolean;
-                    key: string;
-                    label?: undefined;
-                    tree?: undefined;
-                    legend?: undefined;
-                    components?: undefined;
-                    tag?: undefined;
-                    content?: undefined;
-                    className?: undefined;
-                    size?: undefined;
-                    leftIcon?: undefined;
-                    rightIcon?: undefined;
-                    block?: undefined;
-                    action?: undefined;
-                    disableOnInvalid?: undefined;
-                    theme?: undefined;
-                } | {
-                    type: string;
-                    input: boolean;
-                    label: string;
-                    key: string;
-                    tree?: undefined;
-                    legend?: undefined;
-                    components?: undefined;
-                    tag?: undefined;
-                    content?: undefined;
-                    className?: undefined;
-                    size?: undefined;
-                    leftIcon?: undefined;
-                    rightIcon?: undefined;
-                    block?: undefined;
-                    action?: undefined;
-                    disableOnInvalid?: undefined;
-                    theme?: undefined;
-                } | {
-                    type: string;
-                    input: boolean;
-                    tree: boolean;
-                    legend: string;
-                    components: {
-                        input: boolean;
-                        type: string;
-                        key: string;
-                        components: {
-                            type: string;
-                            key: string;
-                            title: string;
-                            placeholder: string;
-                            basePath: string;
-                            form: string;
-                            required: boolean;
-                        }[];
-                    }[];
-                    key?: undefined;
-                    label?: undefined;
-                    tag?: undefined;
-                    content?: undefined;
-                    className?: undefined;
-                    size?: undefined;
-                    leftIcon?: undefined;
-                    rightIcon?: undefined;
-                    block?: undefined;
-                    action?: undefined;
-                    disableOnInvalid?: undefined;
-                    theme?: undefined;
-                } | {
-                    type: string;
-                    input: boolean;
-                    tree: boolean;
-                    key: string;
-                    legend: string;
-                    components: {
-                        type: string;
-                        input: boolean;
-                        key: string;
-                        label: string;
-                        placeholder: string;
-                        dataSrc: string;
-                        data: {
-                            json: string;
-                        };
-                        template: string;
-                        valueProperty: string;
-                        multiple: boolean;
-                    }[];
-                    label?: undefined;
-                    tag?: undefined;
-                    content?: undefined;
-                    className?: undefined;
-                    size?: undefined;
-                    leftIcon?: undefined;
-                    rightIcon?: undefined;
-                    block?: undefined;
-                    action?: undefined;
-                    disableOnInvalid?: undefined;
-                    theme?: undefined;
-                } | {
-                    key: string;
-                    type: string;
-                    input: boolean;
-                    tree: boolean;
-                    legend: string;
-                    components: {
-                        type: string;
-                        key: string;
-                        input: boolean;
-                        tree: boolean;
-                        components: {
-                            key: string;
-                            type: string;
-                            input: boolean;
-                            columns: ({
-                                components: ({
-                                    type: string;
-                                    input: boolean;
-                                    label: string;
-                                    key: string;
-                                    placeholder: string;
-                                    template: string;
-                                    dataSrc: string;
-                                    data: {
-                                        json: string;
-                                        values?: undefined;
-                                        url?: undefined;
-                                        resource?: undefined;
-                                    };
-                                    valueProperty: string;
-                                    multiple: boolean;
-                                    inputType?: undefined;
-                                } | {
-                                    type: string;
-                                    input: boolean;
-                                    label: string;
-                                    key: string;
-                                    placeholder: string;
-                                    template: string;
-                                    dataSrc: string;
-                                    data: {
-                                        values: {
-                                            value: string;
-                                            label: string;
-                                        }[];
-                                        json: string;
-                                        url: string;
-                                        resource: string;
-                                    };
-                                    valueProperty: string;
-                                    multiple: boolean;
-                                    inputType?: undefined;
-                                } | {
-                                    input: boolean;
-                                    type: string;
-                                    inputType: string;
-                                    label: string;
-                                    key: string;
-                                    placeholder: string;
-                                    multiple: boolean;
-                                    template?: undefined;
-                                    dataSrc?: undefined;
-                                    data?: undefined;
-                                    valueProperty?: undefined;
-                                })[];
-                            } | {
-                                components: {
-                                    key: string;
-                                    type: string;
-                                    input: boolean;
-                                    components: ({
-                                        key: string;
-                                        type: string;
-                                        tag: string;
-                                        input: boolean;
-                                        content: string;
-                                        className: string;
-                                        label?: undefined;
-                                        editorComponents?: undefined;
-                                        placeholder?: undefined;
-                                    } | {
-                                        label: string;
-                                        type: string;
-                                        input: boolean;
-                                        key: string;
-                                        editorComponents: ({
-                                            label: string;
-                                            reorder: boolean;
-                                            addAnotherPosition: string;
-                                            layoutFixed: boolean;
-                                            enableRowGroups: boolean;
-                                            initEmpty: boolean;
-                                            tableView: boolean;
-                                            defaultValue: {
-                                                path: {};
-                                                operator: string;
-                                            }[];
-                                            key: string;
-                                            type: string;
-                                            input: boolean;
-                                            components: ({
-                                                label: string;
-                                                widget: string;
-                                                tableView: boolean;
-                                                dataSrc: string;
-                                                data: {
-                                                    url: string;
-                                                    headers: {
-                                                        key: string;
-                                                        value: string;
-                                                    }[];
-                                                    values?: undefined;
-                                                };
-                                                key: string;
-                                                type: string;
-                                                input: boolean;
-                                                disableLimit: boolean;
-                                                customClass?: undefined;
-                                                components?: undefined;
-                                                customConditional?: undefined;
-                                            } | {
-                                                label: string;
-                                                widget: string;
-                                                tableView: boolean;
-                                                data: {
-                                                    values: {
-                                                        label: string;
-                                                        value: string;
-                                                    }[];
-                                                    url?: undefined;
-                                                    headers?: undefined;
-                                                };
-                                                key: string;
-                                                type: string;
-                                                input: boolean;
-                                                dataSrc?: undefined;
-                                                disableLimit?: undefined;
-                                                customClass?: undefined;
-                                                components?: undefined;
-                                                customConditional?: undefined;
-                                            } | {
-                                                customClass: string;
-                                                key: string;
-                                                type: string;
-                                                label: string;
-                                                input: boolean;
-                                                tableView: boolean;
-                                                components: {
-                                                    label: string;
-                                                    tableView: boolean;
-                                                    key: string;
-                                                    customConditional: string;
-                                                    type: string;
-                                                    input: boolean;
-                                                }[];
-                                                widget?: undefined;
-                                                dataSrc?: undefined;
-                                                data?: undefined;
-                                                disableLimit?: undefined;
-                                                customConditional?: undefined;
-                                            } | {
-                                                label: string;
-                                                tableView: boolean;
-                                                key: string;
-                                                customConditional: string;
-                                                type: string;
-                                                input: boolean;
-                                                widget?: undefined;
-                                                dataSrc?: undefined;
-                                                data?: undefined;
-                                                disableLimit?: undefined;
-                                                customClass?: undefined;
-                                                components?: undefined;
-                                            })[];
-                                            disableOnInvalid?: undefined;
-                                        } | {
-                                            type: string;
-                                            label: string;
-                                            key: string;
-                                            disableOnInvalid: boolean;
-                                            input: boolean;
-                                            tableView: boolean;
-                                            reorder?: undefined;
-                                            addAnotherPosition?: undefined;
-                                            layoutFixed?: undefined;
-                                            enableRowGroups?: undefined;
-                                            initEmpty?: undefined;
-                                            defaultValue?: undefined;
-                                            components?: undefined;
-                                        })[];
-                                        placeholder: string;
-                                        tag?: undefined;
-                                        content?: undefined;
-                                        className?: undefined;
-                                    })[];
-                                }[];
-                            })[];
-                        }[];
-                    }[];
-                    label?: undefined;
-                    tag?: undefined;
-                    content?: undefined;
-                    className?: undefined;
-                    size?: undefined;
-                    leftIcon?: undefined;
-                    rightIcon?: undefined;
-                    block?: undefined;
-                    action?: undefined;
-                    disableOnInvalid?: undefined;
-                    theme?: undefined;
-                } | {
-                    key: string;
-                    type: string;
-                    tag: string;
-                    input: boolean;
-                    content: string;
-                    className: string;
-                    label?: undefined;
-                    tree?: undefined;
-                    legend?: undefined;
-                    components?: undefined;
-                    size?: undefined;
-                    leftIcon?: undefined;
-                    rightIcon?: undefined;
-                    block?: undefined;
-                    action?: undefined;
-                    disableOnInvalid?: undefined;
-                    theme?: undefined;
-                } | {
-                    type: string;
-                    input: boolean;
-                    label: string;
-                    key: string;
-                    size: string;
-                    leftIcon: string;
-                    rightIcon: string;
-                    block: boolean;
-                    action: string;
-                    disableOnInvalid: boolean;
-                    theme: string;
-                    tree?: undefined;
-                    legend?: undefined;
-                    components?: undefined;
-                    tag?: undefined;
-                    content?: undefined;
-                    className?: undefined;
-                })[];
-                action: string;
-            };
-        };
-        options: {
-            template: string;
-            iconset: string;
-        };
-    };
-};

package/dist/components/form-builder/formBuilder.component.d.ts

@@ -1,53 +0,0 @@
-import { ComponentSchema } from "formiojs";
-import PropTypes from "prop-types";
-import React from "react";
-export interface FormBuilderProps {
-    components: ComponentSchema[];
-    display?: string;
-    options?: any;
-    builder?: any;
-    onChange?: (components: ComponentSchema[]) => void;
-    onAddComponent?: Function;
-    onUpdateComponent?: Function;
-    onRemoveComponent?: Function;
-    onSaveComponent?: Function;
-    onCancelComponent?: Function;
-    onMoveComponent?: Function;
-    onEditComponent?: Function;
-    onEditJson?: Function;
-    onCopyComponent?: Function;
-    onPasteComponent?: Function;
-}
-export declare class FormBuilder extends React.Component<FormBuilderProps, any> {
-    static defaultProps: {
-        options: {};
-        onChange: (...args: any[]) => void;
-        onReady: (...args: any[]) => void;
-        onDestroy: (...args: any[]) => void;
-    };
-    static propTypes: {
-        components: PropTypes.Requireable<any[]>;
-        display: PropTypes.Requireable<string>;
-        options: PropTypes.Requireable<object>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onAddComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onUpdateComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onRemoveComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onSaveComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onCancelComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onMoveComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onEditComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onEditJson: PropTypes.Requireable<(...args: any[]) => any>;
-        onCopyComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onPasteComponent: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private elRef;
-    private builderRef;
-    constructor(props: FormBuilderProps);
-    componentDidMount(): Promise<void>;
-    create(props: FormBuilderProps): Promise<void>;
-    componentWillUnmount(): void;
-    componentWillReceiveProps(nextProps: FormBuilderProps): Promise<void>;
-    whenComponentsChange(components: ComponentSchema[]): void;
-    render(): React.JSX.Element;
-}