@tsed/react-formio 1.13.2 → 1.13.5

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 (135) hide show
  1. package/.eslintignore +13 -0
  2. package/.eslintrc.js +7 -0
  3. package/coverage.json +6 -0
  4. package/dist/components/form/form.stories.d.ts +25 -0
  5. package/dist/components/form/useForm.hook.d.ts +7 -3
  6. package/dist/components/form-control/formControl.component.d.ts +2 -2
  7. package/dist/components/form-control/formControl.component.spec.d.ts +1 -0
  8. package/dist/components/form-control/formControl.stories.d.ts +57 -0
  9. package/dist/components/index.d.ts +4 -2
  10. package/dist/components/table/components/defaultCellHeader.component.d.ts +1 -1
  11. package/dist/components/table/index.d.ts +1 -1
  12. package/dist/index.d.ts +3 -3
  13. package/dist/index.js +7929 -7904
  14. package/dist/index.js.map +1 -1
  15. package/dist/index.modern.js +7366 -7339
  16. package/dist/index.modern.js.map +1 -1
  17. package/dist/stores/actions/index.d.ts +1 -1
  18. package/dist/stores/auth/index.d.ts +4 -4
  19. package/dist/stores/index.d.ts +2 -2
  20. package/jest.config.js +6 -1
  21. package/package.json +7 -4
  22. package/src/components/actions-table/actionsTable.component.spec.tsx +11 -11
  23. package/src/components/actions-table/actionsTable.component.tsx +8 -9
  24. package/src/components/actions-table/actionsTable.stories.tsx +1 -0
  25. package/src/components/alert/alert.component.spec.tsx +21 -19
  26. package/src/components/alert/alert.stories.tsx +1 -0
  27. package/src/components/card/card.component.spec.tsx +5 -4
  28. package/src/components/card/card.stories.tsx +1 -0
  29. package/src/components/form/form.component.spec.tsx +7 -6
  30. package/src/components/form/form.component.tsx +2 -1
  31. package/src/components/form/form.stories.tsx +118 -76
  32. package/src/components/form/useForm.hook.ts +47 -22
  33. package/src/components/form-access/formAccess.component.tsx +2 -1
  34. package/src/components/form-access/formAccess.schema.ts +1 -0
  35. package/src/components/form-access/formAccess.stories.tsx +1 -0
  36. package/src/components/form-access/formAccess.utils.ts +9 -8
  37. package/src/components/form-action/formAction.component.tsx +4 -3
  38. package/src/components/form-action/formAction.stories.tsx +225 -227
  39. package/src/components/form-builder/formBuilder.component.tsx +1 -0
  40. package/src/components/form-builder/formBuilder.stories.tsx +1 -0
  41. package/src/components/form-control/formControl.component.spec.tsx +76 -0
  42. package/src/components/form-control/formControl.component.tsx +15 -7
  43. package/src/components/form-control/formControl.stories.tsx +65 -0
  44. package/src/components/form-edit/formCtas.component.tsx +25 -26
  45. package/src/components/form-edit/formEdit.component.tsx +1 -0
  46. package/src/components/form-edit/formEdit.reducer.ts +1 -0
  47. package/src/components/form-edit/formEdit.stories.tsx +1 -0
  48. package/src/components/form-edit/formParameters.component.tsx +1 -0
  49. package/src/components/form-edit/useFormEdit.hook.ts +1 -0
  50. package/src/components/form-settings/formSettings.component.spec.tsx +7 -6
  51. package/src/components/form-settings/formSettings.component.tsx +12 -14
  52. package/src/components/form-settings/formSettings.stories.tsx +1 -0
  53. package/src/components/form-settings/formSettings.utils.ts +1 -0
  54. package/src/components/forms-table/components/formCell.component.tsx +1 -0
  55. package/src/components/forms-table/formsTable.component.tsx +23 -25
  56. package/src/components/forms-table/formsTable.stories.tsx +1 -0
  57. package/src/components/index.ts +4 -2
  58. package/src/components/input-tags/inputTags.component.tsx +5 -4
  59. package/src/components/input-tags/inputTags.stories.tsx +1 -0
  60. package/src/components/input-text/inputText.component.spec.tsx +12 -11
  61. package/src/components/input-text/inputText.component.tsx +1 -0
  62. package/src/components/input-text/inputText.stories.tsx +1 -0
  63. package/src/components/loader/loader.component.spec.tsx +6 -5
  64. package/src/components/loader/loader.component.tsx +1 -0
  65. package/src/components/loader/loader.stories.tsx +1 -0
  66. package/src/components/modal/modal.component.spec.tsx +36 -33
  67. package/src/components/modal/modal.component.tsx +1 -1
  68. package/src/components/modal/modal.stories.tsx +1 -0
  69. package/src/components/modal/removeModal.component.tsx +1 -0
  70. package/src/components/pagination/pagination.component.spec.tsx +24 -21
  71. package/src/components/pagination/pagination.component.tsx +1 -0
  72. package/src/components/pagination/pagination.stories.tsx +1 -0
  73. package/src/components/react-component/reactComponent.component.tsx +3 -2
  74. package/src/components/select/select.component.spec.tsx +17 -18
  75. package/src/components/select/select.component.tsx +1 -0
  76. package/src/components/select/select.stories.tsx +1 -0
  77. package/src/components/submissions-table/submissionsTable.component.tsx +6 -5
  78. package/src/components/submissions-table/submissionsTable.stories.tsx +1 -0
  79. package/src/components/table/components/defaultArrowSort.component.tsx +1 -0
  80. package/src/components/table/components/defaultCellHeader.component.tsx +1 -1
  81. package/src/components/table/components/defaultCellOperations.component.tsx +1 -0
  82. package/src/components/table/components/defaultOperationButton.component.tsx +1 -0
  83. package/src/components/table/filters/defaultColumnFilter.component.spec.tsx +5 -3
  84. package/src/components/table/filters/defaultColumnFilter.component.tsx +1 -0
  85. package/src/components/table/filters/selectColumnFilter.component.spec.tsx +9 -7
  86. package/src/components/table/filters/selectColumnFilter.component.tsx +1 -0
  87. package/src/components/table/index.ts +1 -1
  88. package/src/components/table/table.component.tsx +45 -58
  89. package/src/components/table/table.stories.tsx +2 -1
  90. package/src/components/table/utils/mapFormToColumns.tsx +2 -1
  91. package/src/components/table/utils/useOperations.hook.tsx +1 -0
  92. package/src/components/tabs/tabs.component.spec.tsx +6 -5
  93. package/src/components/tabs/tabs.component.stories.tsx +1 -0
  94. package/src/components/tabs/tabs.component.tsx +10 -4
  95. package/src/index.ts +3 -5
  96. package/src/interfaces/Operation.ts +1 -0
  97. package/src/stores/action/action.actions.spec.ts +1 -0
  98. package/src/stores/action/action.actions.ts +1 -0
  99. package/src/stores/action/action.reducers.ts +1 -1
  100. package/src/stores/action-info/action-info.actions.spec.ts +1 -0
  101. package/src/stores/action-info/action-info.actions.ts +2 -1
  102. package/src/stores/action-info/action-info.reducers.ts +2 -1
  103. package/src/stores/action-info/action-info.selectors.ts +2 -1
  104. package/src/stores/actions/actions.actions.spec.ts +1 -0
  105. package/src/stores/actions/actions.actions.ts +1 -0
  106. package/src/stores/actions/actions.reducers.ts +1 -0
  107. package/src/stores/actions/index.ts +1 -1
  108. package/src/stores/auth/auth.actions.ts +1 -0
  109. package/src/stores/auth/auth.reducers.ts +1 -0
  110. package/src/stores/auth/auth.selectors.ts +1 -0
  111. package/src/stores/auth/auth.utils.tsx +2 -1
  112. package/src/stores/auth/getAccess.action.spec.ts +1 -0
  113. package/src/stores/auth/getAccess.action.ts +1 -0
  114. package/src/stores/auth/getProjectAccess.action.ts +1 -0
  115. package/src/stores/auth/index.ts +4 -4
  116. package/src/stores/auth/initAuth.action.spec.ts +1 -0
  117. package/src/stores/auth/initAuth.action.ts +1 -0
  118. package/src/stores/auth/logout.action.spec.ts +2 -1
  119. package/src/stores/auth/logout.action.ts +1 -0
  120. package/src/stores/auth/setUser.action.spec.ts +1 -0
  121. package/src/stores/auth/setUser.action.ts +1 -0
  122. package/src/stores/form/form.actions.spec.ts +1 -0
  123. package/src/stores/form/form.actions.ts +1 -0
  124. package/src/stores/form/form.reducers.ts +1 -0
  125. package/src/stores/forms/forms.actions.spec.ts +1 -0
  126. package/src/stores/forms/forms.actions.ts +1 -0
  127. package/src/stores/forms/forms.reducers.ts +1 -0
  128. package/src/stores/index.ts +3 -2
  129. package/src/stores/root/root.selectors.ts +1 -1
  130. package/src/stores/submission/submission.actions.spec.ts +1 -0
  131. package/src/stores/submission/submission.actions.ts +1 -0
  132. package/src/stores/submission/submission.reducers.ts +1 -0
  133. package/src/stores/submissions/submissions.actions.spec.ts +1 -0
  134. package/src/stores/submissions/submissions.actions.ts +1 -0
  135. package/src/stores/submissions/submissions.reducers.ts +1 -0
package/.eslintignore ADDED
@@ -0,0 +1,13 @@
1
+ **/node_modules
2
+ docs
3
+ docs-references
4
+ **/lib
5
+ **/build
6
+ **/dist
7
+ **/coverage
8
+ **/.nyc_output
9
+ **/node_modules
10
+ *-lock.json
11
+ *.lock
12
+ benchmarks.*
13
+ **/generated
package/.eslintrc.js ADDED
@@ -0,0 +1,7 @@
1
+ module.exports = {
2
+ extends: [require.resolve("@tsed/config/eslint/web")],
3
+ rules: {
4
+ "import/no-anonymous-default-export": 0,
5
+ "jsx-a11y/no-autofocus": 1
6
+ }
7
+ };
package/coverage.json ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "statements": 69.09,
3
+ "branches": 49.84,
4
+ "functions": 62.46,
5
+ "lines": 67.89
6
+ }
@@ -6417,3 +6417,28 @@ export declare const ReadOnly: {
6417
6417
  };
6418
6418
  };
6419
6419
  };
6420
+ export declare const OnChange: {
6421
+ (args: any): JSX.Element;
6422
+ args: {
6423
+ form: {
6424
+ type: string;
6425
+ display: string;
6426
+ tags: never[];
6427
+ components: {
6428
+ label: string;
6429
+ widget: {
6430
+ type: string;
6431
+ };
6432
+ errorLabel: string;
6433
+ key: string;
6434
+ inputType: string;
6435
+ type: string;
6436
+ id: string;
6437
+ defaultValue: string;
6438
+ validate: {
6439
+ required: boolean;
6440
+ };
6441
+ }[];
6442
+ };
6443
+ };
6444
+ };
@@ -1,8 +1,12 @@
1
1
  /// <reference types="react" />
2
- import { ExtendedComponentSchema, Form } from "formiojs";
2
+ import { ExtendedComponentSchema } from "formiojs";
3
3
  import { FormOptions, FormSchema, Submission } from "../../interfaces";
4
4
  export interface ChangedSubmission<T = any> extends Submission<T> {
5
- changed: any;
5
+ changed: {
6
+ component: ExtendedComponentSchema;
7
+ instance: any;
8
+ value: any;
9
+ } & Record<string, any>;
6
10
  isValid: boolean;
7
11
  }
8
12
  export interface FormPageChangeProps<Data = any> {
@@ -49,7 +53,7 @@ export interface UseFormHookProps<Data = any> extends Record<string, any> {
49
53
  onFocus?: Function;
50
54
  onBlur?: Function;
51
55
  onInitialized?: Function;
52
- onFormReady?: (formio: Form) => void;
56
+ onFormReady?: (formio: any) => void;
53
57
  }
54
58
  export declare function useForm<Data = any>(props: UseFormHookProps<Data>): {
55
59
  element: import("react").MutableRefObject<any>;
@@ -6,8 +6,8 @@ export interface FormControlProps {
6
6
  label?: string;
7
7
  className?: string;
8
8
  description?: string | React.ComponentType | any;
9
- prefix?: React.ComponentType | any;
10
- suffix?: React.ComponentType | any;
9
+ prefix?: JSX.Element | React.ComponentType | any;
10
+ suffix?: JSX.Element | React.ComponentType | any;
11
11
  shadow?: boolean;
12
12
  }
13
13
  export declare function FormControl({ children, name, required, prefix, suffix, description, label, className }: React.PropsWithChildren<FormControlProps>): JSX.Element;
@@ -0,0 +1,57 @@
1
+ import { FormControl } from "./formControl.component";
2
+ declare const _default: {
3
+ title: string;
4
+ component: typeof FormControl;
5
+ argTypes: {
6
+ label: {
7
+ control: {
8
+ type: string;
9
+ };
10
+ };
11
+ name: {
12
+ control: {
13
+ type: string;
14
+ };
15
+ };
16
+ children: {
17
+ control: {
18
+ type: {
19
+ new (): HTMLElement;
20
+ prototype: HTMLElement;
21
+ };
22
+ };
23
+ };
24
+ };
25
+ parameters: {};
26
+ };
27
+ export default _default;
28
+ export declare const Sandbox: {
29
+ (args: any): JSX.Element;
30
+ args: {
31
+ label: string;
32
+ children: JSX.Element;
33
+ };
34
+ };
35
+ export declare const WithPrefix: {
36
+ (args: any): JSX.Element;
37
+ args: {
38
+ label: string;
39
+ children: JSX.Element;
40
+ prefix: JSX.Element;
41
+ };
42
+ };
43
+ export declare const WithSuffix: {
44
+ (args: any): JSX.Element;
45
+ args: {
46
+ label: string;
47
+ children: JSX.Element;
48
+ suffix: JSX.Element;
49
+ };
50
+ };
51
+ export declare const WithDescription: {
52
+ (args: any): JSX.Element;
53
+ args: {
54
+ label: string;
55
+ children: JSX.Element;
56
+ };
57
+ };
@@ -2,17 +2,20 @@ export * from "./actions-table/actionsTable.component";
2
2
  export * from "./alert/alert.component";
3
3
  export * from "./card/card.component";
4
4
  export * from "./form/form.component";
5
+ export * from "./form/useForm.hook";
5
6
  export * from "./form-access/formAccess.component";
6
7
  export * from "./form-action/formAction.component";
7
8
  export * from "./form-builder/formBuilder.component";
8
9
  export * from "./form-control/formControl.component";
9
- export * from "./form-edit/formEdit.component";
10
10
  export * from "./form-edit/formCtas.component";
11
+ export * from "./form-edit/formEdit.component";
11
12
  export * from "./form-edit/formParameters.component";
13
+ export * from "./form-edit/useFormEdit.hook";
12
14
  export * from "./form-settings/formSettings.component";
13
15
  export * from "./forms-table/formsTable.component";
14
16
  export * from "./input-tags/inputTags.component";
15
17
  export * from "./input-text/inputText.component";
18
+ export * from "./loader/loader.component";
16
19
  export * from "./modal/modal.component";
17
20
  export * from "./modal/removeModal.component";
18
21
  export * from "./pagination/pagination.component";
@@ -21,4 +24,3 @@ export * from "./select/select.component";
21
24
  export * from "./submissions-table/submissionsTable.component";
22
25
  export * from "./table";
23
26
  export * from "./tabs/tabs.component";
24
- export * from "./loader/loader.component";
@@ -2,4 +2,4 @@ import { HeaderGroup } from "react-table";
2
2
  export interface DefaultCellHeaderProps<Data extends object = any> extends Record<string, unknown> {
3
3
  column: HeaderGroup<Data>;
4
4
  }
5
- export declare function DefaultCellHeader<Data extends Record<string, unknown> = {}>({ column }: DefaultCellHeaderProps): JSX.Element;
5
+ export declare function DefaultCellHeader<Data extends Record<string, unknown> = {}>({ column }: DefaultCellHeaderProps<Data>): JSX.Element;
@@ -1,4 +1,3 @@
1
- export * from "./utils/useOperations.hook";
2
1
  export * from "./components/defaultArrowSort.component";
3
2
  export * from "./components/defaultCell.component";
4
3
  export * from "./components/defaultCellHeader.component";
@@ -9,3 +8,4 @@ export * from "./filters/defaultColumnFilter.component";
9
8
  export * from "./filters/selectColumnFilter.component";
10
9
  export * from "./filters/sliderColumnFilter.component";
11
10
  export * from "./table.component";
11
+ export * from "./utils/useOperations.hook";
package/dist/index.d.ts CHANGED
@@ -3,10 +3,10 @@ import WebformBuilder from "formiojs/WebformBuilder";
3
3
  import Wizard from "formiojs/Wizard";
4
4
  import WizardBuilder from "formiojs/WizardBuilder";
5
5
  export { Webform, WebformBuilder, Wizard, WizardBuilder };
6
- export * from "./stores";
7
- export * from "./interfaces";
8
6
  export * from "./components";
9
7
  export * from "./hooks/useTooltip";
8
+ export * from "./interfaces";
9
+ export * from "./stores";
10
10
  export * from "./utils/iconClass";
11
11
  export * from "./utils/url";
12
- export { Components, Formio, Utils, Templates } from "formiojs";
12
+ export { Components, Formio, Templates, Utils } from "formiojs";