@tsed/react-formio 2.1.1 → 2.1.4

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

@@ -13,7 +13,7 @@ export function DefaultCells<Data extends object = {}>({ row }: { row: Row<Data>
 
         return (
           <td colSpan={colspan} {...cell.getCellProps()} key={`tableInstance.page.cells.${cell.value || "value"}.${i}`}>
-            {cell.render("Cell")}
+            {cell.render("Cell") as any}
           </td>
         );
       })}

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

@@ -15,7 +15,7 @@ export function DefaultColumnFilter<D extends Record<string, unknown> = {}>(
   const [value, setValue] = useState(filterValue || "");
 
   const onChange = useCallback(
-    (name, value) => {
+    (name: string, value: any) => {
       setValue(value);
       setFilterId(id);
       setFilter(value || undefined);

package/src/components/table/hooks/useCustomTable.hook.tsx

@@ -1,6 +1,17 @@
 import noop from "lodash/noop";
-import React, { PropsWithChildren, useState } from "react";
-import { CellProps, FilterProps, Renderer, TableOptions, useFilters, useGroupBy, usePagination, useSortBy, useTable } from "react-table";
+import React, { PropsWithChildren, useEffect, useState } from "react";
+import {
+  CellProps,
+  FilterProps,
+  Renderer,
+  TableInstance,
+  TableOptions,
+  useFilters,
+  useGroupBy,
+  usePagination,
+  useSortBy,
+  useTable
+} from "react-table";
 
 import { OnClickOperation, Operation, QueryOptions } from "../../../interfaces";
 import { Pagination as DefaultPagination } from "../../pagination/pagination.component";
@@ -156,7 +167,12 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
   const [filterId, setFilterId] = React.useState(controlledFilterId);
 
   // DND
-  const [records, setRecords] = useState<Data[]>(data);
+  const [records, setRecords] = useState<readonly Data[]>(data);
+
+  useEffect(() => {
+    setRecords(data);
+  }, [data]);
+
   const _onDrag = (dragIndex: number, hoverIndex: number) => {
     const newRecords = swapElements([...records], dragIndex, hoverIndex);
 
@@ -207,12 +223,10 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
   }, [onChange, pageIndex, pageSize, sortBy, filters, filterId]);
 
   return {
-    ...props,
     className,
     tableInstance,
     CellHeader,
     isLoading,
-    onClick: _onClick,
     Loader,
     EmptyData,
     Row,
@@ -225,7 +239,9 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
     setPageSize,
     i18n,
     children,
+    onClick: _onClick as any,
     onDrag: _onDrag,
-    onDrop: onDrop
+    onDrop: onDrop,
+    enableDragNDrop: props.enableDragNDrop
   };
 }

package/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "@tsed/config/tsconfig.web.json",
   "compilerOptions": {
-    "rootDir": "src"
+    "rootDir": "src",
+    "moduleResolution": "node"
   },
   "include": ["src"],
   "references": [