@tsed/react-formio 2.3.1 → 2.3.3

package/coverage.json

@@ -1,6 +1,6 @@
 {
-  "statements": 56.02,
-  "branches": 46.56,
-  "functions": 48.33,
-  "lines": 56.04
+  "statements": 0,
+  "branches": 0,
+  "functions": 0,
+  "lines": 0
 }

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

@@ -1,4 +1,4 @@
-import React from "react";
+import type { StoryObj } from "@storybook/react";
 import { ActionsTable } from "./actionsTable.component";
 declare const _default: {
     title: string;
@@ -6,37 +6,27 @@ declare const _default: {
     argTypes: {
         data: {
             control: {
-                type: string;
+                type: "object";
             };
         };
         operations: {
             control: {
-                type: string;
+                type: "object";
             };
         };
         isLoading: {
             control: {
-                type: string;
-            };
-        };
-        isEmpty: {
-            control: {
-                type: string;
+                type: "boolean";
             };
         };
         disableFilters: {
             control: {
-                type: string;
+                type: "boolean";
             };
         };
         disablePagination: {
             control: {
-                type: string;
-            };
-        };
-        tags: {
-            control: {
-                type: string;
+                type: "boolean";
             };
         };
         onAddAction: {
@@ -46,40 +36,5 @@ declare const _default: {
     parameters: {};
 };
 export default _default;
-export declare const Sandbox: {
-    (args: any): React.JSX.Element;
-    args: {
-        icon: string;
-        availableActions: {
-            label: string;
-            value: string;
-        }[];
-        data: {
-            _id: string;
-            handler: string[];
-            method: string[];
-            priority: number;
-            name: string;
-            title: string;
-            form: string;
-            machineName: string;
-        }[];
-        operations: ({
-            title: string;
-            action: string;
-            alias: string;
-            path: string;
-            icon: string;
-            permissionsResolver(): boolean;
-            buttonType?: undefined;
-        } | {
-            action: string;
-            path: string;
-            icon: string;
-            buttonType: string;
-            permissionsResolver(): boolean;
-            title?: undefined;
-            alias?: undefined;
-        })[];
-    };
-};
+type Story = StoryObj<typeof ActionsTable>;
+export declare const Sandbox: Story;

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

@@ -1,5 +1,4 @@
-import PropTypes from "prop-types";
-import { PropsWithChildren, ReactElement } from "react";
+import React, { PropsWithChildren } from "react";
 import type { FormOptions, FormSchema } from "../../interfaces";
 export interface FormAccessProps {
     form: Partial<FormSchema>;
@@ -7,14 +6,4 @@ export interface FormAccessProps {
     onSubmit?: Function;
     options?: FormOptions;
 }
-export declare function FormAccess(props: PropsWithChildren<FormAccessProps>): ReactElement;
-export declare namespace FormAccess {
-    var propTypes: {
-        type: PropTypes.Validator<string>;
-        form: PropTypes.Requireable<object>;
-        roles: PropTypes.Requireable<any>;
-        children: PropTypes.Requireable<any>;
-        options: PropTypes.Requireable<any>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
+export declare function FormAccess(props: PropsWithChildren<FormAccessProps>): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import type { StoryObj } from "@storybook/react";
 import { FormAccess } from "./formAccess.component";
 declare const _default: {
     title: string;
@@ -7,16 +7,6 @@ declare const _default: {
         onSubmit: {
             action: string;
         };
-        actionInfo: {
-            control: {
-                type: string;
-            };
-        };
-        options: {
-            control: {
-                type: string;
-            };
-        };
     };
     parameters: {
         docs: {
@@ -27,36 +17,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Sandbox: {
-    (args: any): React.JSX.Element;
-    args: {
-        form: {
-            _id: string;
-            type: string;
-            tags: never[];
-            owner: string;
-            access: {
-                roles: string[];
-                type: string;
-            }[];
-            submissionAccess: {
-                roles: string[];
-                type: string;
-            }[];
-            controller: string;
-            properties: {};
-            settings: {};
-            name: string;
-            path: string;
-            machineName: string;
-        };
-        roles: {
-            title: string;
-            _id: string;
-        }[];
-        options: {
-            template: string;
-            iconset: string;
-        };
-    };
-};
+type Story = StoryObj<typeof FormAccess>;
+export declare const Sandbox: Story;

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

@@ -1,22 +1,14 @@
-import PropTypes from "prop-types";
 import React from "react";
-export interface FormControlProps {
+export interface FormControlProps<Data = any> {
     name: string;
+    value?: Data;
     required?: boolean;
     label?: string;
     className?: string;
+    onChange?: (name: string, value: any) => void;
     description?: string | React.ComponentType | any;
     prefix?: JSX.Element | React.ComponentType | any;
     suffix?: JSX.Element | React.ComponentType | any;
     shadow?: boolean;
 }
 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>;
-        name: PropTypes.Validator<string>;
-        children: PropTypes.Requireable<any>;
-        required: PropTypes.Requireable<boolean>;
-        description: PropTypes.Requireable<any>;
-    };
-}

package/dist/components/react-component/reactComponent.component.d.ts

@@ -63,7 +63,7 @@ export declare class ReactComponent<Data = any> extends Components.components.fi
      * @param value
      * @param flags
      */
-    setValue(value: any, flags?: any): boolean;
+    setValue(value: any): boolean;
     /**
      * The user has changed the value in the component and the value needs to be updated on the main submission object and other components notified of a change event.
      *

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

@@ -1,27 +1,14 @@
-import PropTypes from "prop-types";
-import { ReactElement } from "react";
+import { HTMLAttributes, ReactElement } from "react";
 import { FormControlProps } from "../form-control/formControl.component";
-export interface SelectProps<T = any> extends FormControlProps {
-    value?: any;
+export interface SelectProps<Data = any> extends FormControlProps, Omit<HTMLAttributes<HTMLSelectElement>, "onChange" | "prefix"> {
     size?: string;
-    onChange?: (name: string, value: any) => void;
     placeholder?: string;
     choices: {
         label: string;
-        value: T;
+        value: Data;
     }[];
     layout?: "html5" | "choicesjs";
+    disabled?: boolean;
     multiple?: boolean;
-    [key: string]: any;
-}
-export declare function Select<T = any>({ name, label, size, onChange, required, value, choices, description, placeholder, prefix, suffix, multiple, layout, ...props }: SelectProps<T>): ReactElement;
-export declare namespace Select {
-    var propTypes: {
-        label: PropTypes.Requireable<string>;
-        name: PropTypes.Validator<string>;
-        value: PropTypes.Requireable<any>;
-        required: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        choices: PropTypes.Validator<any[]>;
-    };
 }
+export declare function Select<Data = any>({ name, label, size, onChange, required, value, choices, description, placeholder, prefix, suffix, multiple, layout, ...props }: SelectProps<Data>): ReactElement;

package/dist/components/table/components/defaultCellOperations.component.d.ts

@@ -1,2 +1,13 @@
 import React from "react";
-export declare function DefaultCellOperations({ operations, row, onClick, ctx, i18n }: any): React.JSX.Element;
+import { DefaultOperationButton, OperationButtonProps } from "./defaultOperationButton.component";
+export interface DefaultCellOperationsProps {
+    operations: (OperationButtonProps & {
+        OperationButton: typeof DefaultOperationButton;
+        permissionsResolver?(data: unknown, ctx: any): boolean;
+    })[];
+    row: any;
+    onClick: (data: any, action: string) => void;
+    ctx: any;
+    i18n: (i18n: string) => string;
+}
+export declare function DefaultCellOperations({ operations, row, onClick, ctx, i18n }: DefaultCellOperationsProps): React.JSX.Element;

package/dist/components/table/components/defaultOperationButton.component.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
-export interface OperationButtonProps {
-    className?: string;
+import { HTMLAttributes } from "react";
+export interface OperationButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
     buttonType?: string;
     buttonSize?: string;
     buttonOutline?: boolean;
@@ -10,5 +9,6 @@ export interface OperationButtonProps {
     icon?: string;
     title?: string;
     i18n?: (i18n: string) => string;
+    ctx?: any;
 }
-export declare function DefaultOperationButton(props: OperationButtonProps): React.JSX.Element;
+export declare function DefaultOperationButton(props: OperationButtonProps): import("react").JSX.Element;

package/dist/components/table/hooks/useOperations.hook.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import { type ComponentType, type FunctionComponent } from "react";
 import { Hooks } from "react-table";
 import { Operation } from "../../../interfaces";
 export type UseOperationsHookProps = {
-    CellOperations?: React.ComponentType;
+    CellOperations?: FunctionComponent | ComponentType<{}>;
     operations: Operation[];
     onClick?: (data: any, event: string) => void;
     i18n?: (f: string) => string;