@gisce/react-ooui 2.0.0-alpha.55 → 2.0.0-alpha.57

package/dist/widgets/base/one2many/One2manyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"One2manyInput.d.ts","sourceRoot":"","sources":["../../../../src/widgets/base/one2many/One2manyInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EACL,QAAQ,IAAI,YAAY,EAKzB,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAE,KAAK,EAAY,MAAM,SAAS,CAAC;AAkB1C,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC;AAQF,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EACN,UAAU,GACV,eAAe,GACf,eAAe,GACf,eAAe,GACf,aAAa,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,UAAU,kBAAkB;IAC1B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,KAAK,CAAC;CACd;AAWD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqoB/C,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"One2manyInput.d.ts","sourceRoot":"","sources":["../../../../src/widgets/base/one2many/One2manyInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EACL,QAAQ,IAAI,YAAY,EAKzB,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAE,KAAK,EAAY,MAAM,SAAS,CAAC;AAkB1C,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC;AAQF,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EACN,UAAU,GACV,eAAe,GACf,eAAe,GACf,eAAe,GACf,aAAa,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,UAAU,kBAAkB;IAC1B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,KAAK,CAAC;CACd;AAWD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsoB/C,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/widgets/modals/SearchModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchModal.d.ts","sourceRoot":"","sources":["../../../src/widgets/modals/SearchModal.tsx"],"names":[],"mappings":"AAYA,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,oBAAoB,4CA6GtD,CAAC"}
+{"version":3,"file":"SearchModal.d.ts","sourceRoot":"","sources":["../../../src/widgets/modals/SearchModal.tsx"],"names":[],"mappings":"AAYA,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,oBAAoB,4CA2GtD,CAAC"}

package/dist/widgets/views/Dashboard/DashboardTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardTree.d.ts","sourceRoot":"","sources":["../../../../src/widgets/views/Dashboard/DashboardTree.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQnD,KAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,kDA6MlC;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DashboardTree.d.ts","sourceRoot":"","sources":["../../../../src/widgets/views/Dashboard/DashboardTree.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQnD,KAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,kDA+MlC;AAED,eAAe,aAAa,CAAC"}

package/dist/widgets/views/SearchTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTree.d.ts","sourceRoot":"","sources":["../../../src/widgets/views/SearchTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBnD,KAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,KAAK,IAAI,CAAC;CAC1D,CAAC;;AAqTF,wBAAsC"}
+{"version":3,"file":"SearchTree.d.ts","sourceRoot":"","sources":["../../../src/widgets/views/SearchTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBnD,KAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,KAAK,IAAI,CAAC;CAC1D,CAAC;;AA6TF,wBAAsC"}

package/dist/widgets/views/Tree/Tree.d.ts

@@ -10,7 +10,8 @@ type Props = {
     showPagination?: boolean;
     onRequestPageChange?: (page: number, pageSize?: number) => void;
     onRowClicked?: (record: any) => void;
-    rowSelection?: any;
+    onRowSelectionChange?: (selectedRowKeys: any[]) => void;
+    selectedRowKeys?: number[];
     scrollY?: number;
     colorsForResults?: {
         [key: number]: string;

package/dist/widgets/views/Tree/Tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../src/widgets/views/Tree/Tree.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBnC,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1C,CAAC;AACF,eAAO,MAAM,IAAI,8CAAgB,KAAK,6CAsPpC,CAAC"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../src/widgets/views/Tree/Tree.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBnC,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,oBAAoB,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1C,CAAC;AACF,eAAO,MAAM,IAAI,8CAAgB,KAAK,6CAkPpC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "2.0.0-alpha.55",
+  "version": "2.0.0-alpha.57",
   "engines": {
     "node": "20.5.0"
   },
@@ -36,7 +36,7 @@
     "@gisce/fiber-diagram": "^1.1.0-rc.3",
     "@gisce/ooui": "1.0.0-alpha.21",
     "@gisce/react-formiga-components": "^1.0.9-rc.21",
-    "@gisce/react-formiga-table": "1.0.0-alpha.11",
+    "@gisce/react-formiga-table": "1.0.0-alpha.12",
     "@monaco-editor/react": "^4.4.5",
     "@tabler/icons-react": "^2.11.0",
     "antd": "^5.5.2",

package/src/widgets/base/one2many/One2manyInput.tsx

@@ -124,6 +124,7 @@ const One2manyInput: React.FC<One2manyInputProps> = (
     }
 
     fetchDataIfNeeded();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [items, currentView]);
 
   const fetchDataIfNeeded = useCallback(() => {
@@ -135,10 +136,12 @@ const One2manyInput: React.FC<One2manyInputProps> = (
     ) {
       fetchData();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [items, currentView]);
 
   useEffect(() => {
     parseDomain();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [domain]);
 
   const triggerChange = (changedValue: One2manyItem[]) => {
@@ -626,10 +629,8 @@ const One2manyInput: React.FC<One2manyInputProps> = (
               : undefined
           }
           showPagination={false}
-          rowSelection={{
-            selectedRowKeys,
-            onChange: setSelectedRowKeys,
-          }}
+          selectedRowKeys={selectedRowKeys}
+          onRowSelectionChange={setSelectedRowKeys}
           sorter={sorter}
           onChangeSort={setSorter}
           context={{ ...getContext?.(), ...context }}

package/src/widgets/modals/SearchModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useContext, useRef, useEffect } from "react";
+import { useState, useContext } from "react";
 import { Modal, Button, Divider, Row, Space } from "antd";
 import { FormModal } from "./FormModal";
 import SearchTree from "@/widgets/views/SearchTree";
@@ -65,9 +65,7 @@ export const SearchModal = (props: SearchSelectionProps) => {
           treeScrollY={modalHeight * 0.3}
           domain={domain}
           parentContext={context}
-          onChangeSelectedRowKeys={(selectedRowKeys: any) => {
-            setSelectedRowKeys(selectedRowKeys);
-          }}
+          onChangeSelectedRowKeys={setSelectedRowKeys}
         />
         <Divider />
         <Row justify="end">

package/src/widgets/views/Dashboard/DashboardTree.tsx

@@ -116,6 +116,7 @@ function DashboardTree(props: Props) {
     if (visible) {
       fetchResults();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [page, offset, initialFetchDone, visible]);
 
   const fetchData = async (type: "action" | "model") => {
@@ -176,6 +177,7 @@ function DashboardTree(props: Props) {
     } else if (model) {
       fetchData("model");
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [action, model]);
 
   const onRowClickedHandler = (record: any) => {

package/src/widgets/views/SearchTree.tsx

@@ -5,6 +5,8 @@ import React, {
   useContext,
   forwardRef,
   useImperativeHandle,
+  useMemo,
+  useCallback,
 } from "react";
 import { Alert, Spin } from "antd";
 
@@ -109,6 +111,14 @@ function SearchTree(props: Props, ref: any) {
     setLimit = undefined,
   } = (rootTree ? actionViewContext : {}) || {};
 
+  const changeSelectedRowKeys = useCallback(
+    (newSelectedRowKeys: any[]) => {
+      setSelectedRowItems?.(newSelectedRowKeys.map((id: number) => ({ id })));
+      onChangeSelectedRowKeys?.(newSelectedRowKeys);
+    },
+    [onChangeSelectedRowKeys, setSelectedRowItems],
+  );
+
   const {
     submit,
     clear,
@@ -170,6 +180,7 @@ function SearchTree(props: Props, ref: any) {
       searchNameGetDoneRef.current = false;
       fetchResults();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [page, offset, initialFetchDone, visible, nameSearch, treeView]);
 
   const fetchData = async () => {
@@ -218,6 +229,7 @@ function SearchTree(props: Props, ref: any) {
 
   useEffect(() => {
     fetchData();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [model]);
 
   const onSearchTreeLimitChange = (newLimit: number) => {
@@ -269,11 +281,6 @@ function SearchTree(props: Props, ref: any) {
     });
   };
 
-  function changeSelectedRowKeys(selectedRowKeys: any[]) {
-    setSelectedRowItems?.(selectedRowKeys.map((id: number) => ({ id })));
-    onChangeSelectedRowKeys?.(selectedRowKeys);
-  }
-
   async function selectAllRecords() {
     const allIds = await getAllIds();
     setSelectedRowItems?.(allIds.map((id: number) => ({ id })));
@@ -287,6 +294,11 @@ function SearchTree(props: Props, ref: any) {
     return height - (searchFilterHeight + 240);
   }
 
+  const selectedRowKeys = useMemo(
+    () => selectedRowItems?.map((item) => item.id),
+    [selectedRowItems],
+  );
+
   const content = () => {
     if (!treeView || !formView) {
       return null;
@@ -324,10 +336,8 @@ function SearchTree(props: Props, ref: any) {
           scrollY={treeScrollY || calculateTableHeight()}
           colorsForResults={colorsForResults}
           statusForResults={statusForResults}
-          rowSelection={{
-            selectedRowKeys: selectedRowItems?.map((item) => item.id),
-            onChange: changeSelectedRowKeys,
-          }}
+          selectedRowKeys={selectedRowKeys}
+          onRowSelectionChange={changeSelectedRowKeys}
           sorter={sorter}
           onChangeSort={changeSort}
           onFetchChildrenForRecord={

package/src/widgets/views/Tree/Tree.tsx

@@ -34,7 +34,8 @@ type Props = {
   showPagination?: boolean;
   onRequestPageChange?: (page: number, pageSize?: number) => void;
   onRowClicked?: (record: any) => void;
-  rowSelection?: any;
+  onRowSelectionChange?: (selectedRowKeys: any[]) => void;
+  selectedRowKeys?: number[];
   scrollY?: number;
   colorsForResults?: { [key: number]: string };
   statusForResults?: { [key: number]: string };
@@ -58,7 +59,8 @@ export const Tree = memo((props: Props) => {
     loading,
     onRowClicked,
     showPagination = true,
-    rowSelection,
+    selectedRowKeys = [],
+    onRowSelectionChange,
     scrollY,
     colorsForResults = {},
     statusForResults = {},
@@ -142,9 +144,7 @@ export const Tree = memo((props: Props) => {
     }
 
     const numberOfVisibleSelectedRows = items?.filter(
-      (entry) =>
-        rowSelection?.selectedRowKeys &&
-        rowSelection?.selectedRowKeys.includes(entry.id),
+      (entry) => selectedRowKeys && selectedRowKeys.includes(entry.id),
     ).length;
 
     return loading ? null : total === undefined ? (
@@ -166,9 +166,7 @@ export const Tree = memo((props: Props) => {
           <Col span={8} className="text-center">
             <SelectAllRecordsRow
               numberOfVisibleSelectedRows={numberOfVisibleSelectedRows}
-              numberOfRealSelectedRows={
-                rowSelection?.selectedRowKeys?.length || 0
-              }
+              numberOfRealSelectedRows={selectedRowKeys?.length || 0}
               numberOfTotalRows={items.length}
               totalRecords={total || 0}
               onSelectAllRecords={onSelectAllRecords}
@@ -186,7 +184,7 @@ export const Tree = memo((props: Props) => {
     onRequestPageChange,
     onSelectAllRecords,
     page,
-    rowSelection?.selectedRowKeys,
+    selectedRowKeys,
     showPagination,
     summary,
     total,
@@ -209,9 +207,9 @@ export const Tree = memo((props: Props) => {
 
     const summary: string[] = [];
     const sumItems =
-      rowSelection?.selectedRowKeys?.length > 0
+      selectedRowKeys?.length > 0
         ? items.filter((result: any) => {
-            return rowSelection?.selectedRowKeys.includes(result.id);
+            return selectedRowKeys.includes(result.id);
           })
         : items;
 
@@ -226,7 +224,7 @@ export const Tree = memo((props: Props) => {
     });
 
     return <div className="p-1 pb-0 pl-2 mt-2 ">{summary.join(", ")}</div>;
-  }, [items, rowSelection?.selectedRowKeys, treeOoui]);
+  }, [items, selectedRowKeys, treeOoui]);
 
   const dataTable = useMemo(() => {
     if (treeOoui !== null && columns && columns.length > 0) {
@@ -273,8 +271,7 @@ export const Tree = memo((props: Props) => {
             : undefined
         }
         onRowDoubleClick={onRowClicked}
-        selectionRowKeys={rowSelection?.selectedRowKeys}
-        onRowSelectionChange={rowSelection?.onChange}
+        onRowSelectionChange={onRowSelectionChange}
         onChangeSort={onChangeSort}
         sorter={sorter}
         readonly={readonly}