@tsed/react-formio 1.11.1 → 1.13.0

package/src/stores/submission/submission.reducers.spec.ts

@@ -1,10 +1,4 @@
-import {
-  failSubmission,
-  receiveSubmission,
-  requestSubmission,
-  resetSubmission,
-  sendSubmission
-} from "./submission.actions";
+import { failSubmission, receiveSubmission, requestSubmission, resetSubmission, sendSubmission } from "./submission.actions";
 import { submissionReducer } from "./submission.reducers";
 
 describe("Submission reducers", () => {
@@ -33,16 +27,14 @@ describe("Submission reducers", () => {
       url: "url"
     };
 
-    expect(reducer.$emit(requestSubmission.toString(), state, payload)).toEqual(
-      {
-        name: "name",
-        formId: "formId",
-        id: "id",
-        isActive: true,
-        data: {},
-        url: "url"
-      }
-    );
+    expect(reducer.$emit(requestSubmission.toString(), state, payload)).toEqual({
+      name: "name",
+      formId: "formId",
+      id: "id",
+      isActive: true,
+      data: {},
+      url: "url"
+    });
   });
 
   it("should return state (sendSubmission)", () => {
@@ -77,17 +69,15 @@ describe("Submission reducers", () => {
       }
     };
 
-    expect(reducer.$emit(receiveSubmission.toString(), state, payload)).toEqual(
-      {
-        name: "name",
-        url: "url",
-        error: null,
-        isActive: false,
-        data: {
-          _id: "id"
-        }
+    expect(reducer.$emit(receiveSubmission.toString(), state, payload)).toEqual({
+      name: "name",
+      url: "url",
+      error: null,
+      isActive: false,
+      data: {
+        _id: "id"
       }
-    );
+    });
   });
 
   it("should return state (failSubmission)", () => {

package/src/stores/submission/submission.reducers.ts

@@ -44,10 +44,7 @@ export const submissionReducer = createReducer<SubmissionState>(
       data: {},
       isActive: true
     }),
-    [sendSubmission.toString()]: (
-      state: any,
-      { formId, submission, id, url }: any
-    ) => ({
+    [sendSubmission.toString()]: (state: any, { formId, submission, id, url }: any) => ({
       ...state,
       formId,
       id,

package/src/stores/submission/submission.selectors.ts

@@ -2,7 +2,4 @@ import { Submission } from "../../interfaces";
 import { selectRoot } from "../root";
 import { SubmissionState } from "./submission.reducers";
 
-export const selectSubmission = (
-  name: string,
-  state: any
-): Partial<Submission> => selectRoot<SubmissionState>(name, state).data;
+export const selectSubmission = (name: string, state: any): Partial<Submission> => selectRoot<SubmissionState>(name, state).data;

package/src/stores/submissions/submissions.actions.spec.ts

@@ -1,11 +1,6 @@
 import { Formio } from "formiojs";
 import { mapRequestParams } from "../../utils/mapRequestParams";
-import {
-  failSubmissions,
-  getSubmissions,
-  receiveSubmissions,
-  requestSubmissions
-} from "./submissions.actions";
+import { failSubmissions, getSubmissions, receiveSubmissions, requestSubmissions } from "./submissions.actions";
 
 jest.mock("formiojs");
 jest.mock("../../utils/mapRequestParams");
@@ -17,9 +12,7 @@ describe("Submissions actions", () => {
   describe("getSubmissions", () => {
     it("should return a result", async () => {
       // GIVEN
-      (Formio.prototype.loadSubmissions as any).mockReturnValue(
-        Promise.resolve([{}])
-      );
+      (Formio.prototype.loadSubmissions as any).mockReturnValue(Promise.resolve([{}]));
       (Formio.getProjectUrl as any).mockReturnValue("https://formio");
 
       const dispatch = jest.fn();
@@ -37,9 +30,7 @@ describe("Submissions actions", () => {
       });
 
       // WHEN
-      await new Promise((resolve) =>
-        getSubmissions(name, formId, parameters, resolve)(dispatch, getState)
-      );
+      await new Promise((resolve) => getSubmissions(name, formId, parameters, resolve)(dispatch, getState));
 
       // THEN
       expect(Formio).toHaveBeenCalledWith("https://formio/formId/submission");
@@ -64,9 +55,7 @@ describe("Submissions actions", () => {
     });
     it("should return a error", async () => {
       // GIVEN
-      (Formio.prototype.loadSubmissions as any).mockReturnValue(
-        Promise.reject(new Error("message"))
-      );
+      (Formio.prototype.loadSubmissions as any).mockReturnValue(Promise.reject(new Error("message")));
       (Formio.getProjectUrl as any).mockReturnValue("https://formio");
 
       const dispatch = jest.fn();
@@ -84,9 +73,7 @@ describe("Submissions actions", () => {
       });
 
       // WHEN
-      await new Promise((resolve) =>
-        getSubmissions(name, formId, parameters, resolve)(dispatch, getState)
-      );
+      await new Promise((resolve) => getSubmissions(name, formId, parameters, resolve)(dispatch, getState));
 
       // THEN
       expect(Formio).toHaveBeenCalledWith("https://formio/formId/submission");

package/src/stores/submissions/submissions.actions.ts

@@ -10,35 +10,26 @@ export const requestSubmissions = createAction();
 export const receiveSubmissions = createAction();
 export const failSubmissions = createAction();
 
-export const getSubmissions = (
-  name: string,
-  formId: string,
-  parameters: any = {},
-  done = noop
-) => async (dispatch: any, getState: any) => {
-  dispatch(requestSubmissions(name, { formId, parameters }));
+export const getSubmissions =
+  (name: string, formId: string, parameters: any = {}, done = noop) =>
+  async (dispatch: any, getState: any) => {
+    dispatch(requestSubmissions(name, { formId, parameters }));
 
-  const url = getSubmissionUrl(formId);
-  const formio = new Formio(url);
-  const requestParams = mapRequestParams(
-    selectSubmissionsParameters(name, getState())
-  );
+    const url = getSubmissionUrl(formId);
+    const formio = new Formio(url);
+    const requestParams = mapRequestParams(selectSubmissionsParameters(name, getState()));
 
-  try {
-    const submissions = await formio.loadSubmissions({ params: requestParams });
-    dispatch(receiveSubmissions(name, { submissions }));
-    done(null, submissions);
-  } catch (error) {
-    dispatch(failSubmissions(name, { error }));
-    done(error);
-  }
-};
+    try {
+      const submissions = await formio.loadSubmissions({ params: requestParams });
+      dispatch(receiveSubmissions(name, { submissions }));
+      done(null, submissions);
+    } catch (error) {
+      dispatch(failSubmissions(name, { error }));
+      done(error);
+    }
+  };
 
-export const refreshSubmissions = (
-  name: string,
-  formId: string,
-  done = noop
-) => {
+export const refreshSubmissions = (name: string, formId: string, done = noop) => {
   return async (dispatch: any, getState: any) => {
     const parameters = selectSubmissionsParameters(name, getState());
     return getSubmissions(name, formId, parameters, done)(dispatch, getState);

package/src/stores/submissions/submissions.reducers.spec.ts

@@ -1,9 +1,4 @@
-import {
-  failSubmissions,
-  receiveSubmissions,
-  requestSubmissions,
-  resetSubmissions
-} from "./submissions.actions";
+import { failSubmissions, receiveSubmissions, requestSubmissions, resetSubmissions } from "./submissions.actions";
 import { submissionsReducer } from "./submissions.reducers";
 
 describe("Submissions reducers", () => {
@@ -42,9 +37,7 @@ describe("Submissions reducers", () => {
       }
     };
 
-    expect(
-      reducer.$emit(requestSubmissions.toString(), state, payload)
-    ).toEqual({
+    expect(reducer.$emit(requestSubmissions.toString(), state, payload)).toEqual({
       error: null,
       formId: undefined,
       name: "name",
@@ -74,9 +67,7 @@ describe("Submissions reducers", () => {
     };
     payload.submissions.serverCount = 100;
 
-    expect(
-      reducer.$emit(receiveSubmissions.toString(), state, payload)
-    ).toEqual({
+    expect(reducer.$emit(receiveSubmissions.toString(), state, payload)).toEqual({
       name: "name",
       data: [
         {

package/src/stores/submissions/submissions.reducers.ts

@@ -1,11 +1,6 @@
 import { createReducer } from "@tsed/redux-utils";
 import { Submission } from "../../interfaces/Submission";
-import {
-  failSubmissions,
-  receiveSubmissions,
-  requestSubmissions,
-  resetSubmissions
-} from "./submissions.actions";
+import { failSubmissions, receiveSubmissions, requestSubmissions, resetSubmissions } from "./submissions.actions";
 
 export interface SubmissionsState {
   error: null | Error;
@@ -22,13 +17,7 @@ export interface SubmissionsState {
   data: Submission[];
 }
 
-export function createInitialState({
-  pageIndex = 0,
-  pageSize = 10,
-  query = {},
-  select = "",
-  sortBy = []
-}: any = {}): SubmissionsState {
+export function createInitialState({ pageIndex = 0, pageSize = 10, query = {}, select = "", sortBy = [] }: any = {}): SubmissionsState {
   return {
     error: null,
     formId: "",
@@ -45,10 +34,7 @@ export function createInitialState({
   };
 }
 
-export const submissionsReducer = createReducer<SubmissionsState>(
-  {},
-  createInitialState
-)
+export const submissionsReducer = createReducer<SubmissionsState>({}, createInitialState)
   .on(resetSubmissions, (_: any, _2: any, reset: any) => {
     return reset();
   })

package/src/stores/submissions/submissions.selectors.spec.ts

@@ -1,7 +1,4 @@
-import {
-  selectSubmissions,
-  selectSubmissionsParameters
-} from "./submissions.selectors";
+import { selectSubmissions, selectSubmissionsParameters } from "./submissions.selectors";
 
 describe("Submissions Selectors", () => {
   describe("selectSubmissions()", () => {

package/src/stores/submissions/submissions.selectors.ts

@@ -1,8 +1,6 @@
 import { selectRoot } from "../root";
 import { SubmissionsState } from "./submissions.reducers";
 
-export const selectSubmissions = (name: string, state: any) =>
-  selectRoot<SubmissionsState>(name, state).data;
+export const selectSubmissions = (name: string, state: any) => selectRoot<SubmissionsState>(name, state).data;
 
-export const selectSubmissionsParameters = (name: string, state: any) =>
-  selectRoot<SubmissionsState>(name, state).parameters;
+export const selectSubmissionsParameters = (name: string, state: any) => selectRoot<SubmissionsState>(name, state).parameters;

package/src/utils/getEventValue.ts

@@ -2,10 +2,7 @@ export function getEventValue(event: any) {
   const { target } = event;
 
   if (event.target.multiple && event.target.selectedOptions) {
-    return Array.from(
-      event.target.selectedOptions,
-      (option: any) => option.value
-    );
+    return Array.from(event.target.selectedOptions, (option: any) => option.value);
   }
 
   return target.type === "checkbox" ? target.checked : target.value;

package/src/utils/iconClass.ts

@@ -1,13 +1,5 @@
 import { Templates } from "formiojs";
 
-export function iconClass(
-  iconset: string | undefined,
-  name: string,
-  spinning?: boolean
-): string {
-  return Templates.current.iconClass(
-    iconset || Templates.current.defaultIconset,
-    name,
-    spinning
-  );
+export function iconClass(iconset: string | undefined, name: string, spinning?: boolean): string {
+  return Templates.current.iconClass(iconset || Templates.current.defaultIconset, name, spinning);
 }

package/src/utils/mapPagination.ts

@@ -1,9 +1,4 @@
-export function mapPagination({
-  skip,
-  limit,
-  serverCount,
-  length
-}: any = {}): any {
+export function mapPagination({ skip, limit, serverCount, length }: any = {}): any {
   skip = skip || 0;
   limit = limit || 10;
   serverCount = serverCount || length;

package/src/utils/mapRequestParams.ts

@@ -9,14 +9,7 @@ export interface RequestParamsOptions extends QueryOptions {
   [key: string]: any;
 }
 
-export function mapRequestParams({
-  query,
-  pageSize = 10,
-  pageIndex = 0,
-  select,
-  filters,
-  sortBy
-}: Partial<RequestParamsOptions>) {
+export function mapRequestParams({ query, pageSize = 10, pageIndex = 0, select, filters, sortBy }: Partial<RequestParamsOptions>) {
   const requestParams: any = {
     ...clean(query),
     limit: pageSize,
@@ -30,10 +23,7 @@ export function mapRequestParams({
   if (filters && filters.length) {
     filters.forEach((filter) => {
       if (filter.value) {
-        requestParams[`${filter.id}__regex`] = new RegExp(
-          filter.value,
-          "gi"
-        ).toString();
+        requestParams[`${filter.id}__regex`] = new RegExp(filter.value, "gi").toString();
       }
     });
   }

package/src/utils/url.test.ts

@@ -3,24 +3,18 @@ import { getFormUrl, getSubmissionUrl } from "./url";
 describe("getUrl", () => {
   describe("getFormUrl()", () => {
     it("should return the url from mongo id", () => {
-      expect(getFormUrl("5e455268aed853649e834c4a")).toEqual(
-        "https://api.form.io/form/5e455268aed853649e834c4a"
-      );
+      expect(getFormUrl("5e455268aed853649e834c4a")).toEqual("https://api.form.io/form/5e455268aed853649e834c4a");
     });
     it("should return the url from alias", () => {
       expect(getFormUrl("admin")).toEqual("https://api.form.io/admin");
     });
     it("should return the url from alias (__)", () => {
-      expect(getFormUrl("admin__login")).toEqual(
-        "https://api.form.io/admin/login"
-      );
+      expect(getFormUrl("admin__login")).toEqual("https://api.form.io/admin/login");
     });
   });
   describe("getSubmissionUrl()", () => {
     it("should return the url from mongo id", () => {
-      expect(
-        getSubmissionUrl("5e455268aed853649e834c4a", "5e455268aed853649e834c42")
-      ).toEqual(
+      expect(getSubmissionUrl("5e455268aed853649e834c4a", "5e455268aed853649e834c42")).toEqual(
         "https://api.form.io/form/5e455268aed853649e834c4a/submission/5e455268aed853649e834c42"
       );
     });
@@ -31,9 +25,7 @@ describe("getUrl", () => {
     });
 
     it("should return the url without submissionId", () => {
-      expect(getSubmissionUrl("admin")).toEqual(
-        "https://api.form.io/admin/submission"
-      );
+      expect(getSubmissionUrl("admin")).toEqual("https://api.form.io/admin/submission");
     });
   });
 });

package/src/utils/url.ts

@@ -18,11 +18,6 @@ export function getActionUrl(formId: string, actionId?: string): string {
   return [getFormUrl(formId), "action", actionId].filter(Boolean).join("/");
 }
 
-export function getSubmissionUrl(
-  formId: string,
-  submissionId?: string
-): string {
-  return [getFormUrl(formId), "submission", submissionId]
-    .filter(Boolean)
-    .join("/");
+export function getSubmissionUrl(formId: string, submissionId?: string): string {
+  return [getFormUrl(formId), "submission", submissionId].filter(Boolean).join("/");
 }

package/tsconfig.json

@@ -2,10 +2,8 @@
   "compilerOptions": {
     "outDir": "dist",
     "module": "esnext",
-    "lib": [
-      "dom",
-      "esnext"
-    ],
+    "lib": ["dom", "esnext"],
+    "downlevelIteration": true,
     "moduleResolution": "node",
     "jsx": "react",
     "sourceMap": true,
@@ -29,12 +27,6 @@
     "isolatedModules": true,
     "noEmit": true
   },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist",
-    "example"
-  ]
+  "include": ["src"],
+  "exclude": ["node_modules", "dist", "example"]
 }

package/tsconfig.test.json

@@ -3,4 +3,4 @@
   "compilerOptions": {
     "module": "commonjs"
   }
-}
+}

package/.eslintrc

@@ -1,47 +0,0 @@
-{
-  "parser": "@typescript-eslint/parser",
-  "extends": [
-    "standard",
-    "standard-react",
-    "prettier/standard",
-    "prettier/react",
-    "plugin:@typescript-eslint/recommended",
-    "prettier/@typescript-eslint",
-    "plugin:prettier/recommended",
-    "plugin:react/recommended",
-    "plugin:jsx-a11y/recommended"
-  ],
-  "env": {
-    "node": true,
-    "jest": true
-  },
-  "parserOptions": {
-    "ecmaVersion": 2020,
-    "ecmaFeatures": {
-      "legacyDecorators": true,
-      "jsx": true
-    }
-  },
-  "settings": {
-    "react": {
-      "version": "16"
-    }
-  },
-  "rules": {
-    "semi": ["error", "always"],
-    "space-before-function-paren": 0,
-    "react/prop-types": 0,
-    "react/jsx-handler-names": 0,
-    "react/jsx-fragments": 0,
-    "react/no-unescaped-entities": 0,
-    "react/no-unused-prop-types": 0,
-    "react/display-name": 1,
-    "no-unused-vars": "off",
-    "@typescript-eslint/no-explicit-any": 0,
-    "@typescript-eslint/explicit-function-return-type": 0,
-    "@typescript-eslint/camelcase": 0,
-    "@typescript-eslint/no-empty-function": 0,
-    "import/export": 0,
-    "jsx-a11y/no-autofocus": 1
-  }
-}

package/.prettierrc

@@ -1,10 +0,0 @@
-{
-  "singleQuote": false,
-  "jsxSingleQuote": true,
-  "semi": true,
-  "tabWidth": 2,
-  "bracketSpacing": true,
-  "jsxBracketSameLine": false,
-  "arrowParens": "always",
-  "trailingComma": "none"
-}