@tsed/react-formio 2.1.2 → 2.1.4

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 (76) hide show
  1. package/coverage.json +4 -4
  2. package/dist/components/actions-table/actionsTable.component.d.ts +3 -2
  3. package/dist/components/actions-table/actionsTable.stories.d.ts +2 -1
  4. package/dist/components/alert/alert.component.d.ts +2 -1
  5. package/dist/components/alert/alert.stories.d.ts +2 -1
  6. package/dist/components/card/card.component.d.ts +1 -1
  7. package/dist/components/card/card.stories.d.ts +2 -1
  8. package/dist/components/form/form.component.d.ts +2 -1
  9. package/dist/components/form/form.stories.d.ts +5 -4
  10. package/dist/components/form-access/formAccess.stories.d.ts +2 -1
  11. package/dist/components/form-access/formAccess.utils.d.ts +3 -3
  12. package/dist/components/form-action/formAction.stories.d.ts +2 -1
  13. package/dist/components/form-builder/formBuilder.component.d.ts +1 -1
  14. package/dist/components/form-builder/formBuilder.stories.d.ts +7 -6
  15. package/dist/components/form-control/formControl.component.d.ts +1 -1
  16. package/dist/components/form-control/formControl.stories.d.ts +11 -10
  17. package/dist/components/form-edit/formEdit.component.d.ts +2 -1
  18. package/dist/components/form-edit/formEdit.stories.d.ts +17 -16
  19. package/dist/components/form-settings/formSettings.component.d.ts +2 -1
  20. package/dist/components/form-settings/formSettings.stories.d.ts +2 -1
  21. package/dist/components/form-settings/formSettings.utils.d.ts +1 -1
  22. package/dist/components/forms-table/components/formCell.component.d.ts +2 -1
  23. package/dist/components/forms-table/formsTable.component.d.ts +3 -2
  24. package/dist/components/forms-table/formsTable.stories.d.ts +3 -2
  25. package/dist/components/input-tags/inputTags.component.d.ts +2 -1
  26. package/dist/components/input-tags/inputTags.stories.d.ts +4 -3
  27. package/dist/components/input-text/inputText.component.d.ts +2 -1
  28. package/dist/components/input-text/inputText.stories.d.ts +6 -5
  29. package/dist/components/loader/loader.component.d.ts +2 -2
  30. package/dist/components/loader/loader.stories.d.ts +2 -1
  31. package/dist/components/modal/modal.component.d.ts +1 -1
  32. package/dist/components/modal/modal.stories.d.ts +5 -4
  33. package/dist/components/modal/removeModal.component.d.ts +2 -2
  34. package/dist/components/pagination/pagination.component.d.ts +2 -1
  35. package/dist/components/pagination/pagination.stories.d.ts +2 -1
  36. package/dist/components/react-component/reactComponent.component.d.ts +1 -1
  37. package/dist/components/select/select.stories.d.ts +9 -8
  38. package/dist/components/submissions-table/submissionsTable.component.d.ts +3 -2
  39. package/dist/components/submissions-table/submissionsTable.stories.d.ts +2 -1
  40. package/dist/components/table/components/defaultArrowSort.component.d.ts +2 -1
  41. package/dist/components/table/components/defaultCellHeader.component.d.ts +2 -1
  42. package/dist/components/table/components/defaultCellOperations.component.d.ts +2 -1
  43. package/dist/components/table/components/defaultCells.component.d.ts +2 -1
  44. package/dist/components/table/components/defaultOperationButton.component.d.ts +2 -1
  45. package/dist/components/table/components/defaultRow.component.d.ts +3 -3
  46. package/dist/components/table/components/dragNDropContainer.d.ts +2 -2
  47. package/dist/components/table/filters/defaultColumnFilter.component.d.ts +2 -1
  48. package/dist/components/table/filters/selectColumnFilter.component.d.ts +2 -1
  49. package/dist/components/table/filters/sliderColumnFilter.component.d.ts +2 -1
  50. package/dist/components/table/hooks/useCustomTable.hook.d.ts +7 -85
  51. package/dist/components/table/hooks/useDragnDropRow.hook.d.ts +25 -18
  52. package/dist/components/table/hooks/useOperations.hook.d.ts +1 -1
  53. package/dist/components/table/table.component.d.ts +2 -2
  54. package/dist/components/table/table.stories.d.ts +3 -2
  55. package/dist/components/tabs/tabs.component.d.ts +3 -3
  56. package/dist/components/tabs/tabs.component.stories.d.ts +3 -2
  57. package/dist/index.js +439 -493
  58. package/dist/index.js.map +1 -1
  59. package/dist/index.modern.js +57 -100
  60. package/dist/index.modern.js.map +1 -1
  61. package/dist/interfaces/FormSchema.d.ts +1 -1
  62. package/dist/interfaces/Operation.d.ts +2 -2
  63. package/dist/interfaces/QueryOptions.d.ts +1 -1
  64. package/package.json +4 -3
  65. package/readme.md +17 -195
  66. package/src/components/form/form.stories.tsx +128 -122
  67. package/src/components/form/useForm.hook.ts +1 -1
  68. package/src/components/form-builder/formBuilder.stories.tsx +3540 -3537
  69. package/src/components/form-edit/formEdit.stories.tsx +320 -317
  70. package/src/components/forms-table/formsTable.component.tsx +1 -1
  71. package/src/components/modal/removeModal.component.tsx +3 -4
  72. package/src/components/table/components/defaultCellHeader.component.tsx +3 -3
  73. package/src/components/table/components/defaultCells.component.tsx +1 -1
  74. package/src/components/table/filters/defaultColumnFilter.component.tsx +1 -1
  75. package/src/components/table/hooks/useCustomTable.hook.tsx +16 -5
  76. package/tsconfig.json +2 -1
@@ -13,7 +13,7 @@ export function DefaultCells<Data extends object = {}>({ row }: { row: Row<Data>
13
13
 
14
14
  return (
15
15
  <td colSpan={colspan} {...cell.getCellProps()} key={`tableInstance.page.cells.${cell.value || "value"}.${i}`}>
16
- {cell.render("Cell")}
16
+ {cell.render("Cell") as any}
17
17
  </td>
18
18
  );
19
19
  })}
@@ -15,7 +15,7 @@ export function DefaultColumnFilter<D extends Record<string, unknown> = {}>(
15
15
  const [value, setValue] = useState(filterValue || "");
16
16
 
17
17
  const onChange = useCallback(
18
- (name, value) => {
18
+ (name: string, value: any) => {
19
19
  setValue(value);
20
20
  setFilterId(id);
21
21
  setFilter(value || undefined);
@@ -1,6 +1,17 @@
1
1
  import noop from "lodash/noop";
2
2
  import React, { PropsWithChildren, useEffect, useState } from "react";
3
- import { CellProps, FilterProps, Renderer, TableOptions, useFilters, useGroupBy, usePagination, useSortBy, useTable } from "react-table";
3
+ import {
4
+ CellProps,
5
+ FilterProps,
6
+ Renderer,
7
+ TableInstance,
8
+ TableOptions,
9
+ useFilters,
10
+ useGroupBy,
11
+ usePagination,
12
+ useSortBy,
13
+ useTable
14
+ } from "react-table";
4
15
 
5
16
  import { OnClickOperation, Operation, QueryOptions } from "../../../interfaces";
6
17
  import { Pagination as DefaultPagination } from "../../pagination/pagination.component";
@@ -156,7 +167,7 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
156
167
  const [filterId, setFilterId] = React.useState(controlledFilterId);
157
168
 
158
169
  // DND
159
- const [records, setRecords] = useState<Data[]>(data);
170
+ const [records, setRecords] = useState<readonly Data[]>(data);
160
171
 
161
172
  useEffect(() => {
162
173
  setRecords(data);
@@ -212,12 +223,10 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
212
223
  }, [onChange, pageIndex, pageSize, sortBy, filters, filterId]);
213
224
 
214
225
  return {
215
- ...props,
216
226
  className,
217
227
  tableInstance,
218
228
  CellHeader,
219
229
  isLoading,
220
- onClick: _onClick,
221
230
  Loader,
222
231
  EmptyData,
223
232
  Row,
@@ -230,7 +239,9 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
230
239
  setPageSize,
231
240
  i18n,
232
241
  children,
242
+ onClick: _onClick as any,
233
243
  onDrag: _onDrag,
234
- onDrop: onDrop
244
+ onDrop: onDrop,
245
+ enableDragNDrop: props.enableDragNDrop
235
246
  };
236
247
  }
package/tsconfig.json CHANGED
@@ -1,7 +1,8 @@
1
1
  {
2
2
  "extends": "@tsed/config/tsconfig.web.json",
3
3
  "compilerOptions": {
4
- "rootDir": "src"
4
+ "rootDir": "src",
5
+ "moduleResolution": "node"
5
6
  },
6
7
  "include": ["src"],
7
8
  "references": [