@wavemaker-ai/react-runtime 1.0.0-rc.309 → 1.0.0-rc.314

package/components/data/table/hooks/useTableEffects.js

@@ -1,112 +1,62 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTableEffects = void 0;
-var _react = require("react");
-var _tableHelpers = require("../utils/table-helpers");
-var _constants = require("../utils/constants");
-var useTableEffects = exports.useTableEffects = function useTableEffects(props) {
-  var name = props.name,
-    navigation = props.navigation,
-    datasource = props.datasource,
-    internalDataset = props.internalDataset,
-    statehandler = props.statehandler,
-    selectedRowIds = props.selectedRowIds,
-    currentPage = props.currentPage,
-    currentPageSize = props.currentPageSize,
-    isGridEditMode = props.isGridEditMode,
-    stateManager = props.stateManager;
-
-  // State to track if we've restored state
-  var _useState = (0, _react.useState)(false),
-    hasRestoredState = _useState[0],
-    setHasRestoredState = _useState[1];
-  var _useState2 = (0, _react.useState)(null),
-    restoredPageNumber = _useState2[0],
-    setRestoredPageNumber = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
-    restoredSelectedRowIds = _useState3[0],
-    setRestoredSelectedRowIds = _useState3[1];
-  var _useState4 = (0, _react.useState)([]),
-    restoredSelectedIndices = _useState4[0],
-    setRestoredSelectedIndices = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    isRestoringSelection = _useState5[0],
-    setIsRestoringSelection = _useState5[1];
-
-  // Effect 1: Load persisted state when component mounts
-  (0, _react.useEffect)(function () {
-    // Skip state restoration for navigation types that don't support it
-    if (_constants.UNSUPPORTED_STATE_PERSISTENCE_TYPES.includes(navigation)) {
+import { useEffect, useState } from "react";
+import { saveTableState, clearTableState, getTableState } from "../utils/table-helpers";
+import { UNSUPPORTED_STATE_PERSISTENCE_TYPES } from "../utils/constants";
+const useTableEffects = (props) => {
+  const {
+    name,
+    navigation,
+    datasource,
+    internalDataset,
+    statehandler,
+    selectedRowIds,
+    currentPage,
+    currentPageSize,
+    isGridEditMode,
+    stateManager
+  } = props;
+  const [hasRestoredState, setHasRestoredState] = useState(false);
+  const [restoredPageNumber, setRestoredPageNumber] = useState(null);
+  const [restoredSelectedRowIds, setRestoredSelectedRowIds] = useState([]);
+  const [restoredSelectedIndices, setRestoredSelectedIndices] = useState([]);
+  const [isRestoringSelection, setIsRestoringSelection] = useState(false);
+  useEffect(() => {
+    if (UNSUPPORTED_STATE_PERSISTENCE_TYPES.includes(navigation)) {
       setHasRestoredState(true);
       return;
     }
     if (!hasRestoredState && statehandler && internalDataset.length > 0) {
-      var savedState = (0, _tableHelpers.getTableState)(name, statehandler);
+      const savedState = getTableState(name, statehandler);
       if (savedState) {
-        // Check if there's an active filter
-        var hasActiveFilter = savedState.search && savedState.search.length > 0;
-
-        // Extract page number (only if no active filter)
+        const hasActiveFilter = savedState.search && savedState.search.length > 0;
         if (savedState.pagination && !hasActiveFilter) {
           setRestoredPageNumber(savedState.pagination);
         }
-
-        // Extract selected indices for the current page (only if no active filter)
         if (savedState.selectedItem && savedState.selectedItem.length > 0 && !hasActiveFilter) {
-          // Default to page 1 if pagination is not saved (page 1 is the default, so it's not persisted)
-          var restoredPage = savedState.pagination || 1;
-          // Only restore selections for the current page
-          var currentPageSelections = savedState.selectedItem.filter(function (item) {
-            return item.page === restoredPage;
-          }).map(function (item) {
-            return item.index;
-          });
+          const restoredPage = savedState.pagination || 1;
+          const currentPageSelections = savedState.selectedItem.filter((item) => item.page === restoredPage).map((item) => item.index);
           setRestoredSelectedIndices(currentPageSelections);
         }
-        // If there's an active filter, don't restore selections as the data is completely different
       }
       setHasRestoredState(true);
     }
   }, [name, statehandler, hasRestoredState, internalDataset.length, navigation]);
-
-  // Effect 2: Persist state on changes
-  (0, _react.useEffect)(function () {
-    // Skip persistence for navigation types that don't support it
-    if (_constants.UNSUPPORTED_STATE_PERSISTENCE_TYPES.includes(navigation)) {
+  useEffect(() => {
+    if (UNSUPPORTED_STATE_PERSISTENCE_TYPES.includes(navigation)) {
       return;
     }
-
-    // Skip persistence if we haven't loaded initial data yet
     if (internalDataset.length === 0 || !statehandler) {
       return;
     }
-
-    // Skip persistence during edit mode or when restoring selection
     if (isGridEditMode || isRestoringSelection) {
       return;
     }
-
-    // Skip persistence while datasource is loading
-    // This prevents saving stale state (e.g., old pagination value) during page transitions
-    if (datasource !== null && datasource !== void 0 && datasource.loading) {
+    if (datasource == null ? void 0 : datasource.loading) {
       return;
     }
-
-    // Check if we're in default state
     if (!stateManager.isDefaultState()) {
-      // Get existing persisted state
-      var existingState = (0, _tableHelpers.getTableState)(name, statehandler);
-
-      // Merge current state with existing state
-      var stateToSave = stateManager.mergeWithExisting(stateManager.currentState, existingState);
-
-      // Clean up the state to save - remove default values
-      var cleanedState = {};
-
-      // Only include non-default values
+      const existingState = getTableState(name, statehandler);
+      const stateToSave = stateManager.mergeWithExisting(stateManager.currentState, existingState);
+      const cleanedState = {};
       if (stateToSave.pagination && stateToSave.pagination !== 1) {
         cleanedState.pagination = stateToSave.pagination;
       }
@@ -122,36 +72,39 @@ var useTableEffects = exports.useTableEffects = function useTableEffects(props)
       if (stateToSave.sort) {
         cleanedState.sort = stateToSave.sort;
       }
-
-      // Include actualpagesize if present
-      if (stateToSave.actualpagesize !== undefined) {
+      if (stateToSave.actualpagesize !== void 0) {
         cleanedState.actualpagesize = stateToSave.actualpagesize;
       }
-
-      // Only save if there's something to save
       if (Object.keys(cleanedState).length > 0) {
-        // Always clear first to ensure clean replacement (not merge)
-        // This is required because setWidgetState uses lodash merge() which would
-        // preserve old properties like pagination even when they should be removed
-        (0, _tableHelpers.clearTableState)(name, statehandler);
-
-        // Save the cleaned state
-        (0, _tableHelpers.saveTableState)(name, statehandler, cleanedState);
+        clearTableState(name, statehandler);
+        saveTableState(name, statehandler, cleanedState);
       } else {
-        // If nothing to save, clear the state
-        (0, _tableHelpers.clearTableState)(name, statehandler);
+        clearTableState(name, statehandler);
       }
     } else {
-      // We're in default state - clear any existing persisted state
-      // This ensures old values (like pagination: 2) are removed when returning to defaults
-      (0, _tableHelpers.clearTableState)(name, statehandler);
+      clearTableState(name, statehandler);
     }
-  }, [selectedRowIds, currentPage, currentPageSize, internalDataset, name, statehandler, isGridEditMode, isRestoringSelection, stateManager, navigation, datasource === null || datasource === void 0 ? void 0 : datasource.loading]);
+  }, [
+    selectedRowIds,
+    currentPage,
+    currentPageSize,
+    internalDataset,
+    name,
+    statehandler,
+    isGridEditMode,
+    isRestoringSelection,
+    stateManager,
+    navigation,
+    datasource == null ? void 0 : datasource.loading
+  ]);
   return {
-    restoredPageNumber: restoredPageNumber,
-    restoredSelectedRowIds: restoredSelectedRowIds,
-    restoredSelectedIndices: restoredSelectedIndices,
-    hasRestoredState: hasRestoredState,
-    setIsRestoringSelection: setIsRestoringSelection
+    restoredPageNumber,
+    restoredSelectedRowIds,
+    restoredSelectedIndices,
+    hasRestoredState,
+    setIsRestoringSelection
   };
-};
+};
+export {
+  useTableEffects
+};