@tsed/react-formio 1.11.2 → 1.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/.env +2 -1
  2. package/craco.config.js +11 -1
  3. package/dist/components/alert/alert.component.spec.d.ts +1 -0
  4. package/dist/components/alert/alert.stories.d.ts +15 -0
  5. package/dist/components/form-action/formAction.stories.d.ts +90 -414
  6. package/dist/components/input-text/inputText.component.d.ts +1 -1
  7. package/dist/components/input-text/inputText.component.spec.d.ts +1 -0
  8. package/dist/components/select/select.component.spec.d.ts +1 -0
  9. package/dist/components/tabs/tabs.component.spec.d.ts +1 -0
  10. package/dist/index.js +60 -30
  11. package/dist/index.js.map +1 -1
  12. package/dist/index.modern.js +59 -31
  13. package/dist/index.modern.js.map +1 -1
  14. package/jest.config.js +1 -1
  15. package/package.json +5 -9
  16. package/readme.md +74 -79
  17. package/src/components/__fixtures__/form-schema.json +10 -42
  18. package/src/components/__fixtures__/form.fixture.json +1 -1
  19. package/src/components/actions-table/actionsTable.component.spec.tsx +4 -13
  20. package/src/components/actions-table/actionsTable.component.tsx +3 -11
  21. package/src/components/alert/alert.component.spec.tsx +97 -0
  22. package/src/components/alert/alert.component.tsx +2 -8
  23. package/src/components/alert/alert.stories.tsx +17 -0
  24. package/src/components/card/card.component.tsx +1 -5
  25. package/src/components/form/form.component.tsx +1 -7
  26. package/src/components/form/useForm.hook.ts +4 -13
  27. package/src/components/form-access/formAccess.component.tsx +19 -82
  28. package/src/components/form-access/formAccess.schema.ts +7 -23
  29. package/src/components/form-access/formAccess.stories.tsx +2 -9
  30. package/src/components/form-access/formAccess.utils.spec.ts +4 -22
  31. package/src/components/form-access/formAccess.utils.ts +7 -29
  32. package/src/components/form-action/formAction.component.tsx +3 -19
  33. package/src/components/form-action/formAction.stories.tsx +251 -672
  34. package/src/components/form-builder/formBuilder.component.tsx +4 -13
  35. package/src/components/form-builder/formBuilder.stories.tsx +12 -24
  36. package/src/components/form-control/formControl.component.tsx +2 -8
  37. package/src/components/form-edit/formCtas.component.tsx +5 -23
  38. package/src/components/form-edit/formEdit.component.tsx +2 -20
  39. package/src/components/form-edit/formEdit.reducer.ts +2 -8
  40. package/src/components/form-edit/formEdit.stories.tsx +3 -15
  41. package/src/components/form-edit/formParameters.component.tsx +3 -20
  42. package/src/components/form-edit/useFormEdit.hook.ts +2 -9
  43. package/src/components/form-settings/formSettings.component.spec.tsx +2 -9
  44. package/src/components/form-settings/formSettings.component.tsx +6 -34
  45. package/src/components/form-settings/formSettings.stories.tsx +1 -6
  46. package/src/components/form-settings/formSettings.utils.spec.ts +1 -4
  47. package/src/components/form-settings/formSettings.utils.ts +2 -7
  48. package/src/components/forms-table/components/formCell.component.tsx +2 -6
  49. package/src/components/forms-table/formsTable.component.tsx +2 -7
  50. package/src/components/input-tags/inputTags.component.tsx +10 -34
  51. package/src/components/input-tags/inputTags.stories.tsx +4 -14
  52. package/src/components/input-text/inputText.component.spec.tsx +56 -0
  53. package/src/components/input-text/inputText.component.tsx +4 -5
  54. package/src/components/input-text/inputText.stories.tsx +6 -26
  55. package/src/components/loader/loader.component.tsx +2 -11
  56. package/src/components/modal/modal.component.spec.tsx +8 -14
  57. package/src/components/modal/modal.component.tsx +6 -27
  58. package/src/components/modal/modal.stories.tsx +1 -5
  59. package/src/components/modal/removeModal.component.tsx +4 -22
  60. package/src/components/pagination/pagination.component.spec.tsx +12 -38
  61. package/src/components/pagination/pagination.component.tsx +8 -41
  62. package/src/components/pagination/pagination.stories.tsx +1 -5
  63. package/src/components/react-component/reactComponent.component.tsx +3 -11
  64. package/src/components/select/select.component.spec.tsx +86 -0
  65. package/src/components/select/select.component.tsx +11 -15
  66. package/src/components/select/select.stories.tsx +6 -26
  67. package/src/components/submissions-table/submissionsTable.component.tsx +1 -3
  68. package/src/components/submissions-table/submissionsTable.stories.tsx +1 -1
  69. package/src/components/table/components/defaultArrowSort.component.tsx +1 -10
  70. package/src/components/table/components/defaultCell.component.tsx +1 -4
  71. package/src/components/table/components/defaultCellHeader.component.tsx +4 -14
  72. package/src/components/table/components/defaultCellOperations.component.tsx +14 -25
  73. package/src/components/table/components/defaultOperationButton.component.tsx +2 -10
  74. package/src/components/table/filters/defaultColumnFilter.component.spec.tsx +1 -1
  75. package/src/components/table/filters/selectColumnFilter.component.spec.tsx +2 -10
  76. package/src/components/table/filters/selectColumnFilter.component.tsx +2 -6
  77. package/src/components/table/table.component.tsx +13 -53
  78. package/src/components/table/table.stories.tsx +1 -1
  79. package/src/components/table/utils/getPageNumbers.ts +3 -11
  80. package/src/components/table/utils/mapFormToColumns.tsx +14 -22
  81. package/src/components/table/utils/useOperations.hook.tsx +2 -12
  82. package/src/components/tabs/tabs.component.spec.tsx +86 -0
  83. package/src/components/tabs/tabs.component.stories.tsx +2 -9
  84. package/src/components/tabs/tabs.component.tsx +9 -43
  85. package/src/interfaces/Operation.ts +1 -4
  86. package/src/react-table.d.ts +9 -28
  87. package/src/stores/action/action.actions.ts +31 -33
  88. package/src/stores/action/action.reducers.spec.ts +1 -8
  89. package/src/stores/action/action.reducers.ts +1 -8
  90. package/src/stores/action/action.selectors.ts +1 -2
  91. package/src/stores/action-info/action-info.actions.spec.ts +1 -5
  92. package/src/stores/action-info/action-info.actions.ts +16 -19
  93. package/src/stores/action-info/action-info.reducers.spec.ts +1 -6
  94. package/src/stores/action-info/action-info.reducers.ts +1 -6
  95. package/src/stores/action-info/action-info.selectors.ts +1 -4
  96. package/src/stores/actions/actions.actions.spec.ts +1 -6
  97. package/src/stores/actions/actions.actions.ts +16 -19
  98. package/src/stores/actions/actions.reducers.spec.ts +1 -6
  99. package/src/stores/actions/actions.reducers.ts +1 -6
  100. package/src/stores/actions/actions.selectors.ts +2 -4
  101. package/src/stores/auth/auth.reducers.ts +1 -4
  102. package/src/stores/auth/auth.selectors.spec.ts +1 -5
  103. package/src/stores/auth/auth.selectors.ts +3 -6
  104. package/src/stores/auth/auth.utils.tsx +2 -8
  105. package/src/stores/auth/getAccess.action.spec.ts +11 -54
  106. package/src/stores/auth/getAccess.action.ts +1 -6
  107. package/src/stores/auth/initAuth.action.ts +15 -17
  108. package/src/stores/form/form.actions.spec.ts +8 -39
  109. package/src/stores/form/form.actions.ts +55 -64
  110. package/src/stores/form/form.reducers.spec.ts +1 -7
  111. package/src/stores/form/form.reducers.ts +1 -8
  112. package/src/stores/form/form.selectors.ts +1 -2
  113. package/src/stores/forms/forms.actions.spec.ts +5 -18
  114. package/src/stores/forms/forms.actions.ts +17 -21
  115. package/src/stores/forms/forms.reducers.spec.ts +1 -6
  116. package/src/stores/forms/forms.reducers.ts +2 -13
  117. package/src/stores/forms/forms.selectors.ts +2 -4
  118. package/src/stores/index.spec.ts +6 -9
  119. package/src/stores/root/root.selectors.spec.ts +1 -6
  120. package/src/stores/root/root.selectors.ts +6 -24
  121. package/src/stores/submission/submission.actions.spec.ts +11 -33
  122. package/src/stores/submission/submission.actions.ts +57 -66
  123. package/src/stores/submission/submission.reducers.spec.ts +17 -27
  124. package/src/stores/submission/submission.reducers.ts +1 -4
  125. package/src/stores/submission/submission.selectors.ts +1 -4
  126. package/src/stores/submissions/submissions.actions.spec.ts +5 -18
  127. package/src/stores/submissions/submissions.actions.ts +17 -26
  128. package/src/stores/submissions/submissions.reducers.spec.ts +3 -12
  129. package/src/stores/submissions/submissions.reducers.ts +3 -17
  130. package/src/stores/submissions/submissions.selectors.spec.ts +1 -4
  131. package/src/stores/submissions/submissions.selectors.ts +2 -4
  132. package/src/utils/getEventValue.ts +1 -4
  133. package/src/utils/iconClass.ts +2 -10
  134. package/src/utils/mapPagination.ts +1 -6
  135. package/src/utils/mapRequestParams.ts +2 -12
  136. package/src/utils/url.test.ts +4 -12
  137. package/src/utils/url.ts +2 -7
  138. package/tsconfig.json +4 -12
  139. package/tsconfig.test.json +1 -1
  140. package/.eslintrc +0 -47
  141. package/.prettierrc +0 -10
@@ -9,14 +9,7 @@ export interface RequestParamsOptions extends QueryOptions {
9
9
  [key: string]: any;
10
10
  }
11
11
 
12
- export function mapRequestParams({
13
- query,
14
- pageSize = 10,
15
- pageIndex = 0,
16
- select,
17
- filters,
18
- sortBy
19
- }: Partial<RequestParamsOptions>) {
12
+ export function mapRequestParams({ query, pageSize = 10, pageIndex = 0, select, filters, sortBy }: Partial<RequestParamsOptions>) {
20
13
  const requestParams: any = {
21
14
  ...clean(query),
22
15
  limit: pageSize,
@@ -30,10 +23,7 @@ export function mapRequestParams({
30
23
  if (filters && filters.length) {
31
24
  filters.forEach((filter) => {
32
25
  if (filter.value) {
33
- requestParams[`${filter.id}__regex`] = new RegExp(
34
- filter.value,
35
- "gi"
36
- ).toString();
26
+ requestParams[`${filter.id}__regex`] = new RegExp(filter.value, "gi").toString();
37
27
  }
38
28
  });
39
29
  }
@@ -3,24 +3,18 @@ import { getFormUrl, getSubmissionUrl } from "./url";
3
3
  describe("getUrl", () => {
4
4
  describe("getFormUrl()", () => {
5
5
  it("should return the url from mongo id", () => {
6
- expect(getFormUrl("5e455268aed853649e834c4a")).toEqual(
7
- "https://api.form.io/form/5e455268aed853649e834c4a"
8
- );
6
+ expect(getFormUrl("5e455268aed853649e834c4a")).toEqual("https://api.form.io/form/5e455268aed853649e834c4a");
9
7
  });
10
8
  it("should return the url from alias", () => {
11
9
  expect(getFormUrl("admin")).toEqual("https://api.form.io/admin");
12
10
  });
13
11
  it("should return the url from alias (__)", () => {
14
- expect(getFormUrl("admin__login")).toEqual(
15
- "https://api.form.io/admin/login"
16
- );
12
+ expect(getFormUrl("admin__login")).toEqual("https://api.form.io/admin/login");
17
13
  });
18
14
  });
19
15
  describe("getSubmissionUrl()", () => {
20
16
  it("should return the url from mongo id", () => {
21
- expect(
22
- getSubmissionUrl("5e455268aed853649e834c4a", "5e455268aed853649e834c42")
23
- ).toEqual(
17
+ expect(getSubmissionUrl("5e455268aed853649e834c4a", "5e455268aed853649e834c42")).toEqual(
24
18
  "https://api.form.io/form/5e455268aed853649e834c4a/submission/5e455268aed853649e834c42"
25
19
  );
26
20
  });
@@ -31,9 +25,7 @@ describe("getUrl", () => {
31
25
  });
32
26
 
33
27
  it("should return the url without submissionId", () => {
34
- expect(getSubmissionUrl("admin")).toEqual(
35
- "https://api.form.io/admin/submission"
36
- );
28
+ expect(getSubmissionUrl("admin")).toEqual("https://api.form.io/admin/submission");
37
29
  });
38
30
  });
39
31
  });
package/src/utils/url.ts CHANGED
@@ -18,11 +18,6 @@ export function getActionUrl(formId: string, actionId?: string): string {
18
18
  return [getFormUrl(formId), "action", actionId].filter(Boolean).join("/");
19
19
  }
20
20
 
21
- export function getSubmissionUrl(
22
- formId: string,
23
- submissionId?: string
24
- ): string {
25
- return [getFormUrl(formId), "submission", submissionId]
26
- .filter(Boolean)
27
- .join("/");
21
+ export function getSubmissionUrl(formId: string, submissionId?: string): string {
22
+ return [getFormUrl(formId), "submission", submissionId].filter(Boolean).join("/");
28
23
  }
package/tsconfig.json CHANGED
@@ -2,10 +2,8 @@
2
2
  "compilerOptions": {
3
3
  "outDir": "dist",
4
4
  "module": "esnext",
5
- "lib": [
6
- "dom",
7
- "esnext"
8
- ],
5
+ "lib": ["dom", "esnext"],
6
+ "downlevelIteration": true,
9
7
  "moduleResolution": "node",
10
8
  "jsx": "react",
11
9
  "sourceMap": true,
@@ -29,12 +27,6 @@
29
27
  "isolatedModules": true,
30
28
  "noEmit": true
31
29
  },
32
- "include": [
33
- "src"
34
- ],
35
- "exclude": [
36
- "node_modules",
37
- "dist",
38
- "example"
39
- ]
30
+ "include": ["src"],
31
+ "exclude": ["node_modules", "dist", "example"]
40
32
  }
@@ -3,4 +3,4 @@
3
3
  "compilerOptions": {
4
4
  "module": "commonjs"
5
5
  }
6
- }
6
+ }
package/.eslintrc DELETED
@@ -1,47 +0,0 @@
1
- {
2
- "parser": "@typescript-eslint/parser",
3
- "extends": [
4
- "standard",
5
- "standard-react",
6
- "prettier/standard",
7
- "prettier/react",
8
- "plugin:@typescript-eslint/recommended",
9
- "prettier/@typescript-eslint",
10
- "plugin:prettier/recommended",
11
- "plugin:react/recommended",
12
- "plugin:jsx-a11y/recommended"
13
- ],
14
- "env": {
15
- "node": true,
16
- "jest": true
17
- },
18
- "parserOptions": {
19
- "ecmaVersion": 2020,
20
- "ecmaFeatures": {
21
- "legacyDecorators": true,
22
- "jsx": true
23
- }
24
- },
25
- "settings": {
26
- "react": {
27
- "version": "16"
28
- }
29
- },
30
- "rules": {
31
- "semi": ["error", "always"],
32
- "space-before-function-paren": 0,
33
- "react/prop-types": 0,
34
- "react/jsx-handler-names": 0,
35
- "react/jsx-fragments": 0,
36
- "react/no-unescaped-entities": 0,
37
- "react/no-unused-prop-types": 0,
38
- "react/display-name": 1,
39
- "no-unused-vars": "off",
40
- "@typescript-eslint/no-explicit-any": 0,
41
- "@typescript-eslint/explicit-function-return-type": 0,
42
- "@typescript-eslint/camelcase": 0,
43
- "@typescript-eslint/no-empty-function": 0,
44
- "import/export": 0,
45
- "jsx-a11y/no-autofocus": 1
46
- }
47
- }
package/.prettierrc DELETED
@@ -1,10 +0,0 @@
1
- {
2
- "singleQuote": false,
3
- "jsxSingleQuote": true,
4
- "semi": true,
5
- "tabWidth": 2,
6
- "bracketSpacing": true,
7
- "jsxBracketSameLine": false,
8
- "arrowParens": "always",
9
- "trailingComma": "none"
10
- }