@tsed/react-formio 2.3.2 → 2.3.4

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "@tsed/react-formio",
-  "version": "2.3.2",
+  "version": "2.3.4",
   "description": "Provide a react formio wrapper. Written in TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.modern.js",
   "exports": {
     ".": {
+      "tsed-source": "./src/index.ts",
       "import": "./dist/index.modern.js",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "default": "./dist/index.modern.js"
     }
   },
   "source": "src/index.ts",
   "scripts": {
-    "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
     "lint:fix": "yarn lint --fix",
     "test": "cross-env NODE_ENV=test jest --coverage",
     "test:coverage:update": "write-coverage",
@@ -37,8 +38,8 @@
     "tooltip.js": ">=1.3.3"
   },
   "devDependencies": {
-    "@tsed/tailwind": "2.3.2",
-    "@tsed/tailwind-formio": "2.3.2",
+    "@tsed/tailwind": "2.3.4",
+    "@tsed/tailwind-formio": "2.3.4",
     "microbundle": "0.13.0"
   },
   "repository": "https://github.com/TypedProject/tsed-formio",

package/src/components/actions-table/actionsTable.component.spec.tsx

@@ -60,7 +60,7 @@ describe("ActionsTable", () => {
 
     const btn = screen.getByTestId("action-table-add");
 
-    await fireEvent.click(btn);
+    fireEvent.click(btn);
     expect(onAddAction).not.toHaveBeenCalled();
   });
   it("should call addAction with the selected action", async () => {
@@ -73,7 +73,7 @@ describe("ActionsTable", () => {
 
     await userEvent.selectOptions(select, String(args.availableActions[1].value));
 
-    await fireEvent.click(btn);
+    fireEvent.click(btn);
 
     expect(btn).not.toHaveProperty("disabled", true);
     expect(onAddAction).toHaveBeenCalledWith("sql");

package/src/components/form/form.stories.tsx

@@ -1,6 +1,5 @@
 import React, { useState } from "react";
 
-import { Submission } from "../../interfaces";
 import form from "../__fixtures__/form.fixture.json";
 import { Form } from "./form.component";
 
@@ -123,7 +122,7 @@ export const Sandbox = {
 
 export const TriggerError = {
   render: (args: any) => {
-    const onAsyncSubmit = (submission: Submission) => {
+    const onAsyncSubmit = () => {
       return new Promise((resolve, reject) => {
         setTimeout(() => {
           reject(new Error("server error"));

package/src/components/form-access/formAccess.component.tsx

@@ -23,7 +23,6 @@ export interface FormAccessProps {
 }
 
 function useFormAccess({ form: formDefinition, roles, onSubmit, options }: FormAccessProps) {
-  // eslint-disable-next-line no-undef
   const form = useMemo(() => getFormAccess(roles), [roles]);
 
   const [submissions, setSubmissions] = useState(() => dataAccessToSubmissions(formDefinition, form));

package/src/components/form-action/formAction.component.tsx

@@ -11,6 +11,7 @@ function mapData(options: any, defaults: ActionDefaultsSchema): any {
   };
 }
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 function mapSettingsForm({ action, ...settingsForm }: any): any {
   FormioUtils.eachComponent(settingsForm.components, (component: any) => {
     const resourceExclude = "";

package/src/components/form-control/formControl.component.tsx

@@ -1,5 +1,5 @@
 import classnames from "classnames";
-import React, { HTMLAttributes } from "react";
+import React from "react";
 
 export interface FormControlProps<Data = any> {
   name: string;

package/src/components/form-edit/formEdit.reducer.ts

@@ -71,7 +71,6 @@ export const reducer = (state: FormEditState, { type, value }: any): FormEditSta
       return update(cloneDeep(state.original));
 
     case "formChange":
-      // eslint-disable-next-line no-case-declarations
       const newValue = { ...state.current, ...value };
 
       if (hasChanged(state.current, newValue)) {

package/src/components/form-settings/formSettings.component.spec.tsx

@@ -5,7 +5,7 @@ import { FormSettings } from "./formSettings.component";
 import { Sandbox } from "./formSettings.stories";
 
 describe("FormSettings", () => {
-  it("should render form settings", async () => {
+  it("should render form settings", () => {
     const onSubmit = jest.fn();
 
     // @ts-ignore
@@ -23,7 +23,7 @@ describe("FormSettings", () => {
 
     const btn = screen.getByTestId("submit");
 
-    await fireEvent.click(btn);
+    fireEvent.click(btn);
 
     expect(btn).toHaveTextContent("Save settings");
     expect(onSubmit).toHaveBeenCalledWith({
@@ -47,7 +47,7 @@ describe("FormSettings", () => {
       type: "form"
     });
   });
-  it("should render form settings with i18n options", async () => {
+  it("should render form settings with i18n options", () => {
     render(
       <FormSettings
         {...Sandbox.args}
@@ -59,7 +59,7 @@ describe("FormSettings", () => {
 
     const btn = screen.getByTestId("submit");
 
-    await fireEvent.click(btn);
+    fireEvent.click(btn);
 
     expect(btn).toHaveTextContent("Save settings i18N");
   });

package/src/components/pagination/pagination.component.spec.tsx

@@ -50,9 +50,7 @@ describe("Pagination", () => {
       if (btn.textContent !== "...") {
         page = +btn.textContent!;
         fireEvent.click(btn);
-        // eslint-disable-next-line jest/no-conditional-expect
         expect(gotoPageSpy).toHaveBeenCalled();
-        // eslint-disable-next-line jest/no-conditional-expect
         expect(gotoPageSpy).toHaveBeenCalledWith(page - 1);
       }
     });

package/src/components/react-component/reactComponent.component.tsx

@@ -15,7 +15,6 @@ export class ReactComponent<Data = any> extends Components.components.field {
    * @param options - Any options passed into the renderer.
    * @param data - The submission data where this component's data exists.
    */
-  // eslint-disable-next-line no-useless-constructor,import/no-anonymous-default-export
   constructor(component: ComponentSchema, options: any, data: Submission<Data>) {
     super(component, options, data);
   }
@@ -105,18 +104,19 @@ export class ReactComponent<Data = any> extends Components.components.field {
    *
    * @param element
    */
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
+
   attachReact(element?: any) {
-    // eslint-disable-next-line react/no-render-return-value
+    // eslint-disable-next-line react/no-render-return-value,react/no-deprecated
     return ReactDOM.render(this.renderReact(), element);
   }
 
   /**
    * Override this function.
    */
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
+
   detachReact(element?: any) {
     if (element) {
+      // eslint-disable-next-line react/no-deprecated
       ReactDOM.unmountComponentAtNode(element);
     }
   }
@@ -127,7 +127,7 @@ export class ReactComponent<Data = any> extends Components.components.field {
    * @param value
    * @param flags
    */
-  setValue(value: any, flags?: any) {
+  setValue(value: any) {
     if (this.reactInstance) {
       this.reactInstance.setState({
         value: value

package/src/components/select/select.component.tsx

@@ -60,7 +60,7 @@ export function Select<Data = any>({
 
   return (
     <FormControl name={name} label={label} required={required} description={description} prefix={prefix} suffix={suffix} shadow={false}>
-      {/* eslint-disable-next-line jsx-a11y/no-onchange */}
+      {}
       <select
         ref={ref}
         data-testid={`select_${name}`}

package/src/components/table/components/defaultOperationButton.component.tsx

@@ -28,7 +28,9 @@ export function DefaultOperationButton(props: OperationButtonProps) {
     icon = "",
     title = "",
     i18n = (f: string) => f,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     data,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ctx,
     ...otherProps
   } = props;

package/src/components/table/components/defaultRow.component.tsx

@@ -21,6 +21,7 @@ export function DefaultDndRow<Data extends object = {}>(props: DefaultRowProps<D
 
   return (
     <tr ref={dropRef} style={{ opacity }}>
+      {/* eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role */}
       <td ref={dragRef} role='cell' style={{ cursor: isDragging ? "grabbing" : "grab" }} className='align-middle'>
         <div className='flex items-center justify-center'>
           <i className={classnames(iconClass(undefined, "dots-vertical-rounded"))} />

package/src/components/table/filters/defaultColumnFilter.component.tsx

@@ -23,6 +23,7 @@ export function DefaultColumnFilter<D extends Record<string, unknown> = {}>(
     [id, setValue, setFilterId, setFilter]
   );
 
+  /* eslint-disable jsx-a11y/no-autofocus */
   return (
     <InputText
       size={"sm"}

package/src/react-table.d.ts

@@ -45,10 +45,12 @@ import {
 } from "react-table";
 
 declare module "react-table" {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   export interface UseFlexLayoutInstanceProps<D extends Record<string, unknown>> {
     totalColumnsMinWidth: number;
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   export interface UseFlexLayoutColumnProps<D extends Record<string, unknown>> {
     totalMinWidth: number;
   }