@wavemaker-ai/react-runtime 1.0.0-rc.647502 → 1.0.0-rc.647565

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

@@ -1,190 +1,181 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFormWidget = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../utils");
-var _text = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/text"));
-var _textarea = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/textarea"));
-var _number = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/number"));
-var _currency = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/currency"));
-var _datetime = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/epoch/datetime"));
-var _time = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/epoch/time"));
-var _date = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/epoch/date"));
-var _select = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/select"));
-var _slider = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/slider"));
-var _rating = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/rating"));
-var _colorPicker = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/color-picker"));
-var _fileupload = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/fileupload"));
-var _chips = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/chips"));
-var _richtexteditor = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/richtexteditor"));
-var _search = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/search"));
-var _checkbox = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/default/checkbox"));
-var _switch = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/default/switch"));
-var _checkboxset = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/default/checkboxset"));
-var _radioset = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/default/radioset"));
-var _get = _interopRequireDefault(require("lodash-es/get"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // Import form widgets
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { getWidgetMappingForType } from "../utils/widgetMapping";
+import WmText from "../../../input/text";
+import WmTextarea from "../../../input/textarea";
+import WmNumber from "../../../input/number";
+import WmCurrency from "../../../input/currency";
+import WmDateTime from "../../../input/epoch/datetime";
+import WmTime from "../../../input/epoch/time";
+import WmDate from "../../../input/epoch/date";
+import WmSelect from "../../../input/select";
+import WmSlider from "../../../input/slider";
+import WmRating from "../../../input/rating";
+import WmColorPicker from "../../../input/color-picker";
+import WmFileUpload from "../../../input/fileupload";
+import WmChips from "../../../input/chips";
+import WmRichTextEditor from "../../../basic/richtexteditor";
+import WmSearch from "../../../basic/search";
+import WmCheckbox from "../../../input/default/checkbox";
+import WmSwitch from "../../../input/default/switch";
+import WmCheckboxset from "../../../input/default/checkboxset";
+import WmRadioset from "../../../input/default/radioset";
+import get from "lodash-es/get";
 function getDisabledValue(disabled, rowData) {
   if (typeof disabled === "string") {
     if (disabled.includes("rowData")) {
       try {
-        return new Function("rowData", "return ".concat(disabled))(rowData);
+        return new Function("rowData", `return ${disabled}`)(rowData);
       } catch (error) {
         console.warn("Failed to evaluate disabled expression:", disabled, error);
         return false;
       }
     }
-    return (0, _get["default"])(rowData, disabled);
+    return get(rowData, disabled);
   }
   return disabled;
 }
-var useFormWidget = exports.useFormWidget = function useFormWidget(_ref) {
-  var listener = _ref.listener;
-  // Function to render the appropriate form widget based on editWidgetType
-  var renderFormWidget = (0, _react.useCallback)(function (fieldName, widgetType, value, fieldChangeCallback, widgetProps) {
-    var _widgetProps$column2;
-    // Use defaultvalue if value is null/undefined and defaultvalue is provided
-    var effectiveValue = value !== undefined && value !== null ? value : (widgetProps === null || widgetProps === void 0 ? void 0 : widgetProps.defaultvalue) || "";
-    var sessionSuffix = widgetProps !== null && widgetProps !== void 0 && widgetProps.sessionKey ? "_".concat(widgetProps.sessionKey) : "";
-    var uniqueName = "edit_".concat(fieldName).concat(sessionSuffix);
-    var disabled = getDisabledValue(widgetProps === null || widgetProps === void 0 ? void 0 : widgetProps.disabled, widgetProps === null || widgetProps === void 0 ? void 0 : widgetProps.rowData);
-    var commonProps = _objectSpread({
-      key: uniqueName,
-      // Add key to force component recreation
-      name: uniqueName,
-      datavalue: effectiveValue,
-      required: (widgetProps === null || widgetProps === void 0 ? void 0 : widgetProps.required) || false,
-      disabled: disabled,
-      placeholder: (widgetProps === null || widgetProps === void 0 ? void 0 : widgetProps.placeholder) || "Enter ".concat(fieldName),
-      onChange: function onChange(event, widget, newVal) {
-        var _widgetProps$column;
-        if (fieldChangeCallback) {
-          fieldChangeCallback(newVal);
+const useFormWidget = ({ listener }) => {
+  const renderFormWidget = useCallback(
+    (fieldName, widgetType, value, fieldChangeCallback, widgetProps) => {
+      var _a;
+      const effectiveValue = value !== void 0 && value !== null ? value : (widgetProps == null ? void 0 : widgetProps.defaultvalue) || "";
+      const sessionSuffix = (widgetProps == null ? void 0 : widgetProps.sessionKey) ? `_${widgetProps.sessionKey}` : "";
+      const uniqueName = `edit_${fieldName}${sessionSuffix}`;
+      const disabled = getDisabledValue(widgetProps == null ? void 0 : widgetProps.disabled, widgetProps == null ? void 0 : widgetProps.rowData);
+      const commonProps = __spreadValues({
+        key: uniqueName,
+        // Add key to force component recreation
+        name: uniqueName,
+        datavalue: effectiveValue,
+        required: (widgetProps == null ? void 0 : widgetProps.required) || false,
+        disabled,
+        placeholder: (widgetProps == null ? void 0 : widgetProps.placeholder) || `Enter ${fieldName}`,
+        onChange: (event, widget, newVal) => {
+          var _a2;
+          if (fieldChangeCallback) {
+            fieldChangeCallback(newVal);
+          }
+          if ((_a2 = widgetProps == null ? void 0 : widgetProps.column) == null ? void 0 : _a2.onChange) {
+            widgetProps.column.onChange(event, {}, widgetProps == null ? void 0 : widgetProps.rowData);
+          }
+        },
+        listener,
+        rowData: widgetProps == null ? void 0 : widgetProps.rowData,
+        column: widgetProps == null ? void 0 : widgetProps.column,
+        updateon: "blur",
+        regexp: ((_a = widgetProps == null ? void 0 : widgetProps.column) == null ? void 0 : _a.regexp) || ".*"
+      }, widgetProps == null ? void 0 : widgetProps.column);
+      const wrapEventHandler = (handler) => {
+        return (event) => {
+          handler(event, {}, widgetProps == null ? void 0 : widgetProps.rowData);
+        };
+      };
+      const column = widgetProps == null ? void 0 : widgetProps.column;
+      if (column) {
+        if (column.onClick) {
+          commonProps.onClick = wrapEventHandler(column.onClick);
         }
-        // Call the custom onChange handler from column if provided
-        if (widgetProps !== null && widgetProps !== void 0 && (_widgetProps$column = widgetProps.column) !== null && _widgetProps$column !== void 0 && _widgetProps$column.onChange) {
-          widgetProps.column.onChange(event, {}, widgetProps === null || widgetProps === void 0 ? void 0 : widgetProps.rowData);
+        if (column.onFocus) {
+          commonProps.onFocus = wrapEventHandler(column.onFocus);
+        }
+        if (column.onBlur) {
+          commonProps.onBlur = wrapEventHandler(column.onBlur);
+        }
+        if (column.onKeypress) {
+          commonProps.onKeypress = wrapEventHandler(column.onKeypress);
+        }
+        if (column.onKeydown) {
+          commonProps.onKeydown = wrapEventHandler(column.onKeydown);
+        }
+        if (column.onKeyup) {
+          commonProps.onKeyup = wrapEventHandler(column.onKeyup);
+        }
+        if (column.onMouseEnter) {
+          commonProps.onMouseEnter = wrapEventHandler(column.onMouseEnter);
+        }
+        if (column.onMouseLeave) {
+          commonProps.onMouseLeave = wrapEventHandler(column.onMouseLeave);
         }
-      },
-      listener: listener,
-      rowData: widgetProps === null || widgetProps === void 0 ? void 0 : widgetProps.rowData,
-      column: widgetProps === null || widgetProps === void 0 ? void 0 : widgetProps.column,
-      updateon: "blur",
-      regexp: (widgetProps === null || widgetProps === void 0 || (_widgetProps$column2 = widgetProps.column) === null || _widgetProps$column2 === void 0 ? void 0 : _widgetProps$column2.regexp) || ".*"
-    }, widgetProps === null || widgetProps === void 0 ? void 0 : widgetProps.column);
-
-    // Helper function to wrap event handlers with the correct parameters
-    var wrapEventHandler = function wrapEventHandler(handler) {
-      return function (event) {
-        // Pass event, widget (empty for now), and rowData
-        handler(event, {}, widgetProps === null || widgetProps === void 0 ? void 0 : widgetProps.rowData);
-      };
-    };
-
-    // Extract event handlers from column if they exist and wrap them
-    var column = widgetProps === null || widgetProps === void 0 ? void 0 : widgetProps.column;
-    if (column) {
-      if (column.onClick) {
-        commonProps.onClick = wrapEventHandler(column.onClick);
-      }
-      if (column.onFocus) {
-        commonProps.onFocus = wrapEventHandler(column.onFocus);
-      }
-      if (column.onBlur) {
-        commonProps.onBlur = wrapEventHandler(column.onBlur);
-      }
-      if (column.onKeypress) {
-        commonProps.onKeypress = wrapEventHandler(column.onKeypress);
-      }
-      if (column.onKeydown) {
-        commonProps.onKeydown = wrapEventHandler(column.onKeydown);
-      }
-      if (column.onKeyup) {
-        commonProps.onKeyup = wrapEventHandler(column.onKeyup);
-      }
-      if (column.onMouseEnter) {
-        commonProps.onMouseEnter = wrapEventHandler(column.onMouseEnter);
       }
-      if (column.onMouseLeave) {
-        commonProps.onMouseLeave = wrapEventHandler(column.onMouseLeave);
+      const mappedWidgetType = getWidgetMappingForType(widgetType);
+      switch (mappedWidgetType) {
+        case "WmText":
+          const editInputType = (column == null ? void 0 : column.editinputtype) || "text";
+          return /* @__PURE__ */ jsx(WmText, __spreadProps(__spreadValues({}, commonProps), { type: editInputType }));
+        case "WmPassword":
+          return /* @__PURE__ */ jsx(WmText, __spreadProps(__spreadValues({}, commonProps), { type: "password" }));
+        case "WmTextarea":
+          return /* @__PURE__ */ jsx(WmTextarea, __spreadValues({}, commonProps));
+        case "WmCheckbox":
+          return /* @__PURE__ */ jsx(WmCheckbox, __spreadValues({}, commonProps));
+        case "WmToggle":
+          return /* @__PURE__ */ jsx(WmCheckbox, __spreadProps(__spreadValues({}, commonProps), { type: "toggle" }));
+        case "WmSwitch":
+          return /* @__PURE__ */ jsx(WmSwitch, __spreadValues({}, commonProps));
+        case "WmNumber":
+          return /* @__PURE__ */ jsx(WmNumber, __spreadValues({}, commonProps));
+        case "WmCurrency":
+          return /* @__PURE__ */ jsx(WmCurrency, __spreadValues({}, commonProps));
+        case "WmSlider":
+          return /* @__PURE__ */ jsx(WmSlider, __spreadValues({}, commonProps));
+        case "WmRichtext":
+        case "WmRichtexteditor":
+          return /* @__PURE__ */ jsx(WmRichTextEditor, __spreadValues({}, commonProps));
+        case "WmSelect":
+          return /* @__PURE__ */ jsx(WmSelect, __spreadValues({}, commonProps));
+        case "WmCheckboxset":
+          return /* @__PURE__ */ jsx(WmCheckboxset, __spreadValues({}, commonProps));
+        case "WmRadioset":
+          return /* @__PURE__ */ jsx(WmRadioset, __spreadValues({}, commonProps));
+        case "WmDate":
+          return /* @__PURE__ */ jsx(WmDate, __spreadValues({}, commonProps));
+        case "WmTime":
+          return /* @__PURE__ */ jsx(WmTime, __spreadValues({}, commonProps));
+        case "WmTimestamp":
+        case "WmDatetime":
+        case "WmDateTime":
+          return /* @__PURE__ */ jsx(WmDateTime, __spreadValues({}, commonProps));
+        case "WmRating":
+          return /* @__PURE__ */ jsx(WmRating, __spreadValues({}, commonProps));
+        case "WmAutocomplete":
+          return /* @__PURE__ */ jsx(WmSearch, __spreadProps(__spreadValues({}, commonProps), { type: "autocomplete" }));
+        case "WmChips":
+          return /* @__PURE__ */ jsx(WmChips, __spreadValues({}, commonProps));
+        case "WmColorpicker":
+        case "WmColorPicker":
+          return /* @__PURE__ */ jsx(WmColorPicker, __spreadValues({}, commonProps));
+        case "WmFileupload":
+          return /* @__PURE__ */ jsx(WmFileUpload, __spreadValues({}, commonProps));
+        default:
+          return /* @__PURE__ */ jsx(WmText, __spreadValues({}, commonProps));
       }
-    }
-    var mappedWidgetType = (0, _utils.getWidgetMappingForType)(widgetType);
-
-    // Widget mapping with proper components
-    switch (mappedWidgetType) {
-      case "WmText":
-        // Check if column has editinputtype property
-        var editInputType = (column === null || column === void 0 ? void 0 : column.editinputtype) || "text";
-        return __jsx(_text["default"], (0, _extends2["default"])({}, commonProps, {
-          type: editInputType
-        }));
-      case "WmPassword":
-        return __jsx(_text["default"], (0, _extends2["default"])({}, commonProps, {
-          type: "password"
-        }));
-      case "WmTextarea":
-        return __jsx(_textarea["default"], commonProps);
-      case "WmCheckbox":
-        return __jsx(_checkbox["default"], commonProps);
-      case "WmToggle":
-        return __jsx(_checkbox["default"], (0, _extends2["default"])({}, commonProps, {
-          type: "toggle"
-        }));
-      case "WmSwitch":
-        return __jsx(_switch["default"], commonProps);
-      case "WmNumber":
-        return __jsx(_number["default"], commonProps);
-      case "WmCurrency":
-        return __jsx(_currency["default"], commonProps);
-      case "WmSlider":
-        return __jsx(_slider["default"], commonProps);
-      case "WmRichtext":
-      case "WmRichtexteditor":
-        return __jsx(_richtexteditor["default"], commonProps);
-      case "WmSelect":
-        return __jsx(_select["default"], commonProps);
-      case "WmCheckboxset":
-        return __jsx(_checkboxset["default"], commonProps);
-      case "WmRadioset":
-        return __jsx(_radioset["default"], commonProps);
-      case "WmDate":
-        return __jsx(_date["default"], commonProps);
-      case "WmTime":
-        return __jsx(_time["default"], commonProps);
-      case "WmTimestamp":
-      case "WmDatetime":
-      case "WmDateTime":
-        return __jsx(_datetime["default"], commonProps);
-      case "WmRating":
-        return __jsx(_rating["default"], commonProps);
-      case "WmAutocomplete":
-        return __jsx(_search["default"], (0, _extends2["default"])({}, commonProps, {
-          type: "autocomplete"
-        }));
-      case "WmChips":
-        return __jsx(_chips["default"], commonProps);
-      case "WmColorpicker":
-      case "WmColorPicker":
-        return __jsx(_colorPicker["default"], commonProps);
-      case "WmFileupload":
-        return __jsx(_fileupload["default"], commonProps);
-      default:
-        // Unknown widget types fallback to text input
-        return __jsx(_text["default"], commonProps);
-    }
-  }, []);
+    },
+    []
+  );
   return {
-    renderFormWidget: renderFormWidget
+    renderFormWidget
   };
-};
+};
+export {
+  useFormWidget
+};

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

@@ -1,81 +1,71 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePaginationState = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * Hook to manage pagination state and behavior for TanStack Table
- * Provides controlled pagination state management
- */
-var usePaginationState = exports.usePaginationState = function usePaginationState(_ref) {
-  var initialPage = _ref.initialPage,
-    initialPageSize = _ref.initialPageSize,
-    editmode = _ref.editmode,
-    internalDataset = _ref.internalDataset,
-    datasource = _ref.datasource,
-    isServerSidePagination = _ref.isServerSidePagination;
-  // Local state for pagination - needed for controlled TanStack Table pagination
-  var _useState = (0, _react.useState)({
-      pageIndex: initialPage - 1,
-      // Convert to 0-based index
-      pageSize: initialPageSize
-    }),
-    paginationState = _useState[0],
-    setPaginationState = _useState[1];
-
-  // Direct pagination handler - avoids redundant table.setPageIndex() call
-  var handlePaginationChange = (0, _react.useCallback)(function (event, widget, index) {
-    var newPageIndex = index - 1; // Convert to 0-based index
-
-    // Handle quickedit edge case - prevent navigation to empty pages
-    if (editmode === "quickedit" && !isServerSidePagination) {
-      var pageSize = paginationState.pageSize;
-      var dataLength = internalDataset.length;
-      var startIdx = newPageIndex * pageSize;
-      if (startIdx >= dataLength && dataLength > 0) {
-        var correctPage = Math.ceil(dataLength / pageSize);
-        if (correctPage > 0) {
-          setPaginationState(function (prev) {
-            return _objectSpread(_objectSpread({}, prev), {}, {
-              pageIndex: correctPage - 1
-            });
-          });
-          return;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { useCallback, useState } from "react";
+const usePaginationState = ({
+  initialPage,
+  initialPageSize,
+  editmode,
+  internalDataset,
+  datasource,
+  isServerSidePagination
+}) => {
+  const [paginationState, setPaginationState] = useState({
+    pageIndex: initialPage - 1,
+    // Convert to 0-based index
+    pageSize: initialPageSize
+  });
+  const handlePaginationChange = useCallback(
+    (event, widget, index) => {
+      const newPageIndex = index - 1;
+      if (editmode === "quickedit" && !isServerSidePagination) {
+        const pageSize = paginationState.pageSize;
+        const dataLength = internalDataset.length;
+        const startIdx = newPageIndex * pageSize;
+        if (startIdx >= dataLength && dataLength > 0) {
+          const correctPage = Math.ceil(dataLength / pageSize);
+          if (correctPage > 0) {
+            setPaginationState((prev) => __spreadProps(__spreadValues({}, prev), { pageIndex: correctPage - 1 }));
+            return;
+          }
         }
       }
-    }
-
-    // Directly update pagination state - no need for table.setPageIndex() roundtrip
-    setPaginationState(function (prev) {
-      return _objectSpread(_objectSpread({}, prev), {}, {
-        pageIndex: newPageIndex
-      });
-    });
-  }, [editmode, isServerSidePagination, internalDataset.length, paginationState.pageSize]);
-
-  // Page size change handler
-  var handlePageSizeChange = (0, _react.useCallback)(function (newPageSize) {
-    // Update datasource maxResults if datasource has paging capability
-    if (isServerSidePagination && datasource && datasource.maxResults !== undefined) {
-      datasource.maxResults = newPageSize;
-    }
-
-    // Directly update pagination state - pageSize and reset to first page
-    setPaginationState({
-      pageIndex: 0,
-      pageSize: newPageSize
-    });
-  }, [isServerSidePagination, datasource]);
+      setPaginationState((prev) => __spreadProps(__spreadValues({}, prev), { pageIndex: newPageIndex }));
+    },
+    [editmode, isServerSidePagination, internalDataset.length, paginationState.pageSize]
+  );
+  const handlePageSizeChange = useCallback(
+    (newPageSize) => {
+      if (isServerSidePagination && datasource && datasource.maxResults !== void 0) {
+        datasource.maxResults = newPageSize;
+      }
+      setPaginationState({ pageIndex: 0, pageSize: newPageSize });
+    },
+    [isServerSidePagination, datasource]
+  );
   return {
-    paginationState: paginationState,
-    setPaginationState: setPaginationState,
-    handlePaginationChange: handlePaginationChange,
-    handlePageSizeChange: handlePageSizeChange
+    paginationState,
+    setPaginationState,
+    handlePaginationChange,
+    handlePageSizeChange
   };
-};
+};
+export {
+  usePaginationState
+};

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

@@ -1,43 +1,49 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePanelStructure = void 0;
-var _react = require("react");
-var _utils = require("../utils");
-var usePanelStructure = exports.usePanelStructure = function usePanelStructure(_ref) {
-  var title = _ref.title,
-    subheading = _ref.subheading,
-    iconclass = _ref.iconclass,
-    _ref$exportformat = _ref.exportformat,
-    exportformat = _ref$exportformat === void 0 ? [] : _ref$exportformat,
-    headerActions = _ref.headerActions,
-    footerActions = _ref.footerActions,
-    shownavigation = _ref.shownavigation,
-    onDemandLoad = _ref.onDemandLoad,
-    internalDataset = _ref.internalDataset,
-    pagesize = _ref.pagesize,
-    allowpagesizechange = _ref.allowpagesizechange,
-    datasource = _ref.datasource,
-    _ref$showrecordcount = _ref.showrecordcount,
-    showrecordcount = _ref$showrecordcount === void 0 ? false : _ref$showrecordcount;
-  var showPanelHeading = (0, _react.useMemo)(function () {
-    return (0, _utils.shouldShowPanelHeading)(title, subheading, iconclass, exportformat, headerActions);
-  }, [title, subheading, iconclass, exportformat, headerActions]);
-  var showPagination = (0, _react.useMemo)(function () {
-    return (0, _utils.shouldShowPagination)({
-      shownavigation: shownavigation,
-      onDemandLoad: onDemandLoad,
-      internalDataset: internalDataset,
-      pagesize: pagesize,
-      allowpagesizechange: allowpagesizechange,
-      datasource: datasource,
-      showrecordcount: showrecordcount
-    });
-  }, [shownavigation, onDemandLoad, internalDataset, pagesize, allowpagesizechange, datasource, showrecordcount]);
+import { useMemo } from "react";
+import { shouldShowPanelHeading, shouldShowPagination } from "../utils";
+const usePanelStructure = ({
+  title,
+  subheading,
+  iconclass,
+  exportformat = [],
+  headerActions,
+  footerActions,
+  shownavigation,
+  onDemandLoad,
+  internalDataset,
+  pagesize,
+  allowpagesizechange,
+  datasource,
+  showrecordcount = false
+}) => {
+  const showPanelHeading = useMemo(
+    () => shouldShowPanelHeading(title, subheading, iconclass, exportformat, headerActions),
+    [title, subheading, iconclass, exportformat, headerActions]
+  );
+  const showPagination = useMemo(
+    () => shouldShowPagination({
+      shownavigation,
+      onDemandLoad,
+      internalDataset,
+      pagesize,
+      allowpagesizechange,
+      datasource,
+      showrecordcount
+    }),
+    [
+      shownavigation,
+      onDemandLoad,
+      internalDataset,
+      pagesize,
+      allowpagesizechange,
+      datasource,
+      showrecordcount
+    ]
+  );
   return {
-    showPanelHeading: showPanelHeading,
-    showPagination: showPagination
+    showPanelHeading,
+    showPagination
   };
-};
+};
+export {
+  usePanelStructure
+};