@tsed/react-formio 2.1.2 → 2.1.4

package/coverage.json

@@ -1,6 +1,6 @@
 {
-  "statements": 56.11,
-  "branches": 46.65,
-  "functions": 51.31,
-  "lines": 56.1
+  "statements": 56.02,
+  "branches": 46.56,
+  "functions": 48.33,
+  "lines": 56.04
 }

package/dist/components/actions-table/actionsTable.component.d.ts

@@ -1,10 +1,11 @@
+import React from "react";
 import { ActionSchema } from "../../interfaces";
 import { TableProps } from "../table/hooks/useCustomTable.hook";
-export declare type ActionsTableProps = Omit<TableProps<ActionSchema>, "columns"> & {
+export type ActionsTableProps = Omit<TableProps<ActionSchema>, "columns"> & {
     onAddAction?: (actionName: string) => void;
     availableActions?: {
         label: string;
         value: string;
     }[];
 };
-export declare function ActionsTable({ disableFilters, disablePagination, availableActions, onAddAction, ...props }: ActionsTableProps): JSX.Element;
+export declare function ActionsTable({ disableFilters, disablePagination, availableActions, onAddAction, ...props }: ActionsTableProps): React.JSX.Element;

package/dist/components/actions-table/actionsTable.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ActionsTable } from "./actionsTable.component";
 declare const _default: {
     title: string;
@@ -46,7 +47,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         icon: string;
         availableActions: {

package/dist/components/alert/alert.component.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 export interface AlertProps {
     error?: any | any[];
     type?: string;
 }
-export declare function Alert({ error, type }: AlertProps): JSX.Element | null;
+export declare function Alert({ error, type }: AlertProps): React.JSX.Element | null;

package/dist/components/alert/alert.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Alert } from "./alert.component";
 declare const _default: {
     title: string;
@@ -7,7 +8,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         error: string;
     };

package/dist/components/card/card.component.d.ts

@@ -4,4 +4,4 @@ export interface CardProps {
     label: string;
     className?: string;
 }
-export declare function Card({ children, label, className }: PropsWithChildren<CardProps>): JSX.Element;
+export declare function Card({ children, label, className }: PropsWithChildren<CardProps>): React.JSX.Element;

package/dist/components/card/card.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Card } from "./card.component";
 declare const _default: {
     title: string;
@@ -7,7 +8,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         children: string;

package/dist/components/form/form.component.d.ts

@@ -1,4 +1,5 @@
 import PropTypes from "prop-types";
+import React from "react";
 import { UseFormHookProps } from "./useForm.hook";
 export interface FormProps<Data = any> extends UseFormHookProps<Data> {
     name?: string;
@@ -7,7 +8,7 @@ export interface FormProps<Data = any> extends UseFormHookProps<Data> {
      */
     className?: string;
 }
-export declare function Form<Data = any>(props: Partial<FormProps<Data>>): JSX.Element;
+export declare function Form<Data = any>(props: Partial<FormProps<Data>>): React.JSX.Element;
 export declare namespace Form {
     var propTypes: {
         name: PropTypes.Requireable<string>;

package/dist/components/form/form.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Form } from "./form.component";
 declare const _default: {
     title: string;
@@ -66,7 +67,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
     args: {
         form: {
             type: string;
@@ -3221,9 +3221,10 @@ export declare const Sandbox: {
             display: string;
         };
     };
+    render: (args: any) => React.JSX.Element;
 };
 export declare const TriggerError: {
-    (args: any): JSX.Element;
+    render: (args: any) => React.JSX.Element;
     args: {
         form: {
             type: string;
@@ -3260,7 +3261,7 @@ export declare const TriggerError: {
     };
 };
 export declare const ReadOnly: {
-    (args: any): JSX.Element;
+    render: (args: any) => React.JSX.Element;
     args: {
         readonly: boolean;
         form: {
@@ -6418,7 +6419,7 @@ export declare const ReadOnly: {
     };
 };
 export declare const OnChange: {
-    (args: any): JSX.Element;
+    render: (args: any) => React.JSX.Element;
     args: {
         form: {
             type: string;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormAccess } from "./formAccess.component";
 declare const _default: {
     title: string;
@@ -27,7 +28,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         form: {
             _id: string;

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

@@ -8,12 +8,12 @@ export interface Access {
     roles: string[];
     type: string;
 }
-export declare type AccessRoles = Record<string, string[]>;
-export declare type FormAccessSchema = {
+export type AccessRoles = Record<string, string[]>;
+export type FormAccessSchema = {
     access: FormSchema;
     submissionAccess: FormSchema;
 };
-export declare type SubmissionAccess = {
+export type SubmissionAccess = {
     access: Submission<AccessRoles>;
     submissionAccess: Submission<AccessRoles>;
 };

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormAction } from "./formAction.component";
 declare const _default: {
     title: string;
@@ -32,7 +33,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         actionInfo: {
             name: string;

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

@@ -49,5 +49,5 @@ export declare class FormBuilder extends React.Component<FormBuilderProps, any>
     componentWillUnmount(): void;
     componentWillReceiveProps(nextProps: FormBuilderProps): Promise<void>;
     whenComponentsChange(components: ComponentSchema[]): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormBuilder } from "../../index";
 declare const _default: {
     title: string;
@@ -33,9 +34,13 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    render: ({ display, options, components }: any) => React.JSX.Element;
     args: {
         display: string;
+        options: {
+            template: string;
+            iconset: string;
+        };
         components: ({
             label: string;
             labelPosition: string;
@@ -3003,14 +3008,10 @@ export declare const Sandbox: {
             minDate?: undefined;
             currency?: undefined;
         })[];
-        options: {
-            template: string;
-            iconset: string;
-        };
     };
 };
 export declare const Wizard: {
-    (args: any): JSX.Element;
+    render: (args: any) => React.JSX.Element;
     args: {
         display: string;
         components: ({

package/dist/components/form-control/formControl.component.d.ts

@@ -10,7 +10,7 @@ export interface FormControlProps {
     suffix?: JSX.Element | React.ComponentType | any;
     shadow?: boolean;
 }
-export declare function FormControl({ children, name, required, prefix, suffix, description, label, className }: React.PropsWithChildren<FormControlProps>): JSX.Element;
+export declare function FormControl({ children, name, required, prefix, suffix, description, label, className }: React.PropsWithChildren<FormControlProps>): React.JSX.Element;
 export declare namespace FormControl {
     var propTypes: {
         label: PropTypes.Requireable<string>;

package/dist/components/form-control/formControl.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormControl } from "./formControl.component";
 declare const _default: {
     title: string;
@@ -26,32 +27,32 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
-        children: JSX.Element;
+        children: React.JSX.Element;
     };
 };
 export declare const WithPrefix: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
-        children: JSX.Element;
-        prefix: JSX.Element;
+        children: React.JSX.Element;
+        prefix: React.JSX.Element;
     };
 };
 export declare const WithSuffix: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
-        children: JSX.Element;
-        suffix: JSX.Element;
+        children: React.JSX.Element;
+        suffix: React.JSX.Element;
     };
 };
 export declare const WithDescription: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
-        children: JSX.Element;
+        children: React.JSX.Element;
     };
 };

package/dist/components/form-edit/formEdit.component.d.ts

@@ -1,11 +1,12 @@
 import PropTypes from "prop-types";
+import React from "react";
 import { FormOptions } from "../../interfaces/FormOptions";
 import { UseFormEditHookProps } from "./useFormEdit.hook";
 export interface FormEditProps extends UseFormEditHookProps {
     builder?: any;
     options?: FormOptions;
 }
-export declare function FormEdit(props: FormEditProps): JSX.Element;
+export declare function FormEdit(props: FormEditProps): React.JSX.Element;
 export declare namespace FormEdit {
     var propTypes: {
         form: PropTypes.Validator<object>;

package/dist/components/form-edit/formEdit.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormEdit } from "./formEdit.component";
 declare const _default: {
     title: string;
@@ -48,8 +49,21 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    render: ({ form, typeChoices, displayChoices, enableTags, options }: any) => React.JSX.Element;
     args: {
+        typeChoices: {
+            label: string;
+            value: string;
+        }[];
+        displayChoices: {
+            label: string;
+            value: string;
+        }[];
+        enableTags: boolean;
+        options: {
+            template: string;
+            iconset: string;
+        };
         form: {
             type: string;
             tags: never[];
@@ -150,23 +164,10 @@ export declare const Sandbox: {
             path: string;
             machineName: string;
         };
-        typeChoices: {
-            label: string;
-            value: string;
-        }[];
-        displayChoices: {
-            label: string;
-            value: string;
-        }[];
-        enableTags: boolean;
-        options: {
-            template: string;
-            iconset: string;
-        };
     };
 };
 export declare const WithoutTypeChoices: {
-    (args: any): JSX.Element;
+    render: (args: any) => React.JSX.Element;
     args: {
         form: {
             type: string;
@@ -280,7 +281,7 @@ export declare const WithoutTypeChoices: {
     };
 };
 export declare const WithoutTags: {
-    (args: any): JSX.Element;
+    render: (args: any) => React.JSX.Element;
     args: {
         form: {
             type: string;

package/dist/components/form-settings/formSettings.component.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import { FormOptions, FormSchema } from "../../interfaces";
 export interface FormSettingsProps {
     form: Partial<FormSchema>;
     onSubmit?: Function;
     options?: FormOptions;
 }
-export declare function FormSettings(props: FormSettingsProps): JSX.Element;
+export declare function FormSettings(props: FormSettingsProps): React.JSX.Element;

package/dist/components/form-settings/formSettings.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormSettings } from "./formSettings.component";
 declare const _default: {
     title: string;
@@ -27,7 +28,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         form: {
             _id: string;

package/dist/components/form-settings/formSettings.utils.d.ts

@@ -1,5 +1,5 @@
 import { FormSchema, Submission } from "../../interfaces";
-export declare type FormSettingsSchema = {
+export type FormSettingsSchema = {
     action: string;
     tags: string[];
     properties: Record<string, any>;

package/dist/components/forms-table/components/formCell.component.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import { CellProps } from "react-table";
 import { FormSchema } from "../../../interfaces";
 export declare function FormsCell(props: CellProps<FormSchema> & {
     icon: string;
     i18n: (f: string) => string;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/components/forms-table/formsTable.component.d.ts

@@ -1,10 +1,11 @@
+import React from "react";
 import { FormSchema } from "../../interfaces";
 import { TableProps } from "../table/hooks/useCustomTable.hook";
-export declare type FormsTableProps = Omit<TableProps<FormSchema>, "columns"> & {
+export type FormsTableProps = Omit<TableProps<FormSchema>, "columns"> & {
     icon?: string;
     tags?: {
         label: string;
         value: string;
     }[];
 };
-export declare function FormsTable({ Cell, ...props }: FormsTableProps): JSX.Element;
+export declare function FormsTable({ Cell, ...props }: FormsTableProps): React.JSX.Element;

package/dist/components/forms-table/formsTable.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormsTable } from "./formsTable.component";
 declare const _default: {
     title: string;
@@ -49,7 +50,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         icon: string;
         data: {
@@ -81,7 +82,7 @@ export declare const Sandbox: {
     };
 };
 export declare const ButtonsOutlined: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         icon: string;
         data: {

package/dist/components/input-tags/inputTags.component.d.ts

@@ -1,4 +1,5 @@
 import PropTypes from "prop-types";
+import React from "react";
 import { FormControlProps } from "../form-control/formControl.component";
 export interface InputTagsProps<T = any> extends Omit<FormControlProps, "description" | "prefix" | "suffix"> {
     value?: T;
@@ -6,7 +7,7 @@ export interface InputTagsProps<T = any> extends Omit<FormControlProps, "descrip
     placeholder?: string;
     [key: string]: any;
 }
-export declare function InputTags({ name, value, label, onChange, required, description, prefix, suffix, ...props }: InputTagsProps): JSX.Element;
+export declare function InputTags({ name, value, label, onChange, required, description, prefix, suffix, ...props }: InputTagsProps): React.JSX.Element;
 export declare namespace InputTags {
     var propTypes: {
         label: PropTypes.Requireable<string>;

package/dist/components/input-tags/inputTags.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { InputTags } from "./inputTags.component";
 declare const _default: {
     title: string;
@@ -44,7 +45,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         name: string;
         label: string;
@@ -54,7 +55,7 @@ export declare const Sandbox: {
     };
 };
 export declare const WithPrefix: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         value: never[];
@@ -64,7 +65,7 @@ export declare const WithPrefix: {
     };
 };
 export declare const WithSuffix: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         value: never[];

package/dist/components/input-text/inputText.component.d.ts

@@ -1,4 +1,5 @@
 import PropTypes from "prop-types";
+import React from "react";
 import { FormControlProps } from "../form-control/formControl.component";
 export interface InputTextProps<T = any> extends FormControlProps {
     type?: string;
@@ -11,7 +12,7 @@ export interface InputTextProps<T = any> extends FormControlProps {
     placeholder?: string;
     [key: string]: any;
 }
-export declare function InputText<T = any>({ name, value, label, onChange, required, size, type, prefix, suffix, description, className, placeholder, ...props }: InputTextProps<T>): JSX.Element;
+export declare function InputText<T = any>({ name, value, label, onChange, required, size, type, prefix, suffix, description, className, placeholder, ...props }: InputTextProps<T>): React.JSX.Element;
 export declare namespace InputText {
     var propTypes: {
         label: PropTypes.Requireable<string>;

package/dist/components/input-text/inputText.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { InputText } from "./inputText.component";
 declare const _default: {
     title: string;
@@ -49,7 +50,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         name: string;
         label: string;
@@ -59,7 +60,7 @@ export declare const Sandbox: {
     };
 };
 export declare const WithPrefix: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         value: string;
@@ -68,7 +69,7 @@ export declare const WithPrefix: {
     };
 };
 export declare const WithSuffix: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         value: string;
@@ -77,7 +78,7 @@ export declare const WithSuffix: {
     };
 };
 export declare const TypeNumber: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         type: string;
@@ -88,7 +89,7 @@ export declare const TypeNumber: {
     };
 };
 export declare const Sizing: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         type: string;

package/dist/components/loader/loader.component.d.ts

@@ -1,12 +1,12 @@
 import PropTypes from "prop-types";
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 export interface LoaderProps {
     isActive?: boolean;
     color?: string;
     icon?: string;
     className?: string;
 }
-export declare function Loader({ isActive, color, icon, className }: PropsWithChildren<LoaderProps>): JSX.Element | null;
+export declare function Loader({ isActive, color, icon, className }: PropsWithChildren<LoaderProps>): React.JSX.Element | null;
 export declare namespace Loader {
     var propTypes: {
         isActive: PropTypes.Requireable<boolean>;

package/dist/components/loader/loader.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Loader } from "./loader.component";
 declare const _default: {
     title: string;
@@ -7,7 +8,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         isActive: boolean;
     };

package/dist/components/modal/modal.component.d.ts

@@ -12,4 +12,4 @@ export interface ModalProps extends Record<string, any> {
     footer?: any;
     title?: string;
 }
-export declare function Modal({ show, children, closeModal, onClose, title, footer: ModalFooter, style, className, ...props }: PropsWithChildren<ModalProps>): JSX.Element | null;
+export declare function Modal({ show, children, closeModal, onClose, title, footer: ModalFooter, style, className, ...props }: PropsWithChildren<ModalProps>): React.JSX.Element | null;

package/dist/components/modal/modal.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Modal, ModalProps } from "./modal.component";
 import { RemoveModalProps } from "./removeModal.component";
 declare const _default: {
@@ -19,23 +20,23 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: ModalProps): JSX.Element;
+    (args: ModalProps): React.JSX.Element;
     args: {};
 };
 export declare const WithTitle: {
-    (args: ModalProps): JSX.Element;
+    (args: ModalProps): React.JSX.Element;
     args: {
         title: string;
     };
 };
 export declare const WithFooter: {
-    (args: ModalProps): JSX.Element;
+    (args: ModalProps): React.JSX.Element;
     args: {
         title: string;
     };
 };
 export declare const WithRemoveModal: {
-    (args: RemoveModalProps): JSX.Element;
+    (args: RemoveModalProps): React.JSX.Element;
     args: {
         valueToCompare: string;
         itemType: string;

package/dist/components/modal/removeModal.component.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 import { ModalProps } from "./modal.component";
 export interface RemoveModalProps extends ModalProps {
     valueToCompare: string;
@@ -6,4 +6,4 @@ export interface RemoveModalProps extends ModalProps {
     i18n?: (f: string) => string;
     maxWidth?: string;
 }
-export declare function RemoveModal({ maxWidth, children, ...props }: PropsWithChildren<RemoveModalProps>): JSX.Element;
+export declare function RemoveModal({ maxWidth, children, ...props }: PropsWithChildren<RemoveModalProps>): React.JSX.Element;

package/dist/components/pagination/pagination.component.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export interface PaginationProps {
     className?: string;
     pageSizes?: number[];
@@ -13,4 +14,4 @@ export interface PaginationProps {
     setPageSize: any;
     i18n?: (f: string) => string;
 }
-export declare function Pagination(props: PaginationProps): JSX.Element;
+export declare function Pagination(props: PaginationProps): React.JSX.Element;