@infinite-table/infinite-react 0.3.11 → 0.3.12

package/index.d.ts

@@ -1648,6 +1648,7 @@ declare type ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT
     }) => COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
     getReducerActions?: (dispatch: React$1.Dispatch<any>) => T_ACTIONS;
     getParentState?: () => T_PARENT_STATE;
+    cleanup?: (state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE) => void;
     onControlledPropertyChange?: (name: string, newValue: any, oldValue: any) => void | ((value: any, oldValue: any) => any);
 };
 declare function getComponentStateRoot<T_PROPS, COMPONENT_MAPPED_STATE extends object, COMPONENT_SETUP_STATE extends object = {}, COMPONENT_DERIVED_STATE extends object = {}, T_ACTIONS = {}, T_PARENT_STATE = {}>(config: ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE, COMPONENT_DERIVED_STATE, T_ACTIONS, T_PARENT_STATE>): React$1.NamedExoticComponent<T_PROPS & {

package/index.esm.js

@@ -3188,6 +3188,9 @@ var ReactHeadlessTableRenderer = class extends Logger {
       }
     };
     this.destroy = () => {
+      if (this.destroyed) {
+        return;
+      }
       this.destroyed = true;
       this.reset();
       this.onDestroy();
@@ -3887,6 +3890,12 @@ function getComponentStateRoot(config) {
         }
       }
     });
+    useEffect8(() => {
+      return () => {
+        var _a2;
+        (_a2 = config.cleanup) == null ? void 0 : _a2.call(config, getComponentState());
+      };
+    }, []);
     return /* @__PURE__ */ createElement9(Context.Provider, {
       value: contextValue
     }, props.children);
@@ -9468,7 +9477,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo12(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.3.11"
+      version: "0.3.12"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -9812,6 +9821,19 @@ function getGroupRenderStrategy(options) {
   }
   return "multi-column";
 }
+var cleanupState = (state) => {
+  state.brain.destroy();
+  state.headerBrain.destroy();
+  state.renderer.destroy();
+  state.onRenderUpdater.destroy();
+  state.domRef.current = null;
+  state.scrollerDOMRef.current = null;
+  state.portalDOMRef.current = null;
+  state.onRowHeightCSSVarChange.destroy();
+  state.onColumnHeaderHeightCSSVarChange.destroy();
+  state.pinnedEndScrollListener.destroy();
+  state.pinnedStartScrollListener.destroy();
+};
 var mapPropsToState2 = (params) => {
   var _a, _b;
   const { props, state, oldState, parentState } = params;
@@ -9848,6 +9870,7 @@ var InfiniteTableRoot = getComponentStateRoot({
   initSetupState: initSetupState2,
   forwardProps: forwardProps3,
   mapPropsToState: mapPropsToState2,
+  cleanup: cleanupState,
   allowedControlledPropOverrides: {
     rowHeight: true,
     columnHeaderHeight: true

package/index.js

@@ -3180,6 +3180,9 @@ var ReactHeadlessTableRenderer = class extends Logger {
       }
     };
     this.destroy = () => {
+      if (this.destroyed) {
+        return;
+      }
       this.destroyed = true;
       this.reset();
       this.onDestroy();
@@ -3862,6 +3865,12 @@ function getComponentStateRoot(config) {
         }
       }
     });
+    (0, import_react14.useEffect)(() => {
+      return () => {
+        var _a2;
+        (_a2 = config.cleanup) == null ? void 0 : _a2.call(config, getComponentState());
+      };
+    }, []);
     return /* @__PURE__ */ React13.createElement(Context.Provider, {
       value: contextValue
     }, props.children);
@@ -9384,7 +9393,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react43.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.3.11"
+      version: "0.3.12"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -9728,6 +9737,19 @@ function getGroupRenderStrategy(options) {
   }
   return "multi-column";
 }
+var cleanupState = (state) => {
+  state.brain.destroy();
+  state.headerBrain.destroy();
+  state.renderer.destroy();
+  state.onRenderUpdater.destroy();
+  state.domRef.current = null;
+  state.scrollerDOMRef.current = null;
+  state.portalDOMRef.current = null;
+  state.onRowHeightCSSVarChange.destroy();
+  state.onColumnHeaderHeightCSSVarChange.destroy();
+  state.pinnedEndScrollListener.destroy();
+  state.pinnedStartScrollListener.destroy();
+};
 var mapPropsToState2 = (params) => {
   var _a, _b;
   const { props, state, oldState, parentState } = params;
@@ -9764,6 +9786,7 @@ var InfiniteTableRoot = getComponentStateRoot({
   initSetupState: initSetupState2,
   forwardProps: forwardProps3,
   mapPropsToState: mapPropsToState2,
+  cleanup: cleanupState,
   allowedControlledPropOverrides: {
     rowHeight: true,
     columnHeaderHeight: true

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infinite-table/infinite-react",
   "description": "Infinite Table for React",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "main": "index.js",
   "module": "index.esm.js",
   "typings": "index.d.ts",
@@ -14,5 +14,5 @@
   },
   "license": "Commercial & Open Source",
   "//": "will be updated at build time",
-  "publishedAt": 1654702620822
+  "publishedAt": 1654765155370
 }