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

package/components/data/table/utils/constants.d.ts

@@ -0,0 +1,52 @@
+export declare const TABLE_CSS_CLASSES: {
+    readonly tableRow: "app-datagrid-row";
+    readonly headerCell: "app-datagrid-header-cell";
+    readonly groupHeaderCell: "app-datagrid-group-header-cell";
+    readonly tableCell: "app-datagrid-cell";
+    readonly grid: "";
+    readonly gridDefault: "table";
+    readonly gridBody: "app-datagrid-body";
+    readonly gridFooter: "app-datagrid-footer";
+    readonly deleteRow: "danger";
+    readonly ascIcon: "asc wi wi-long-arrow-up";
+    readonly descIcon: "desc wi wi-long-arrow-down";
+    readonly selectedColumn: "selected-column";
+    readonly rowExpandIcon: "wi wi-minus-square";
+    readonly rowCollapseIcon: "wi wi-plus-square";
+    readonly gridRowExpansionClass: "table-row-expansion";
+    readonly expandedRowClass: "expanded";
+};
+export declare const TABLE_DATA_STATES: {
+    readonly loading: "Loading...";
+    readonly ready: "";
+    readonly error: "An error occurred in loading the data.";
+    readonly nodata: "No data found.";
+};
+export declare const TABLE_MESSAGES: {
+    readonly deleteConfirmTitle: "Delete Record";
+    readonly deleteConfirmMessage: "Are you sure you want to delete this record?";
+    readonly deleteOkText: "Ok";
+    readonly deleteCancelText: "Cancel";
+    readonly deleteSuccess: "Record deleted successfully";
+    readonly deleteError: "Failed to delete record";
+    readonly insertSuccess: "Record added successfully";
+    readonly updateSuccess: "Record updated successfully";
+    readonly operationError: "An error occurred";
+    readonly noDataMessage: "No data found";
+    readonly loadingMessage: "Loading...";
+    readonly errorStateMessage: "An error occurred";
+    readonly radioSelectAriaLabel: "Select row";
+    readonly multiSelectAriaLabel: "Select all rows";
+};
+/**
+ * Interactive element classes and attributes that should prevent row selection
+ */
+export declare const INTERACTIVE_CLASSES: readonly ["MuiInputBase", "MuiSelect", "MuiButton", "MuiCheckbox", "MuiRadio", "MuiSlider", "MuiSwitch", "MuiTextField", "MuiAutocomplete", "MuiChip", "MuiRating", "MuiToggleButton", "MuiPickersDay", "MuiDatePicker", "MuiTimePicker", "MuiDateTimePicker", "MuiCalendarPicker", "MuiClockPicker", "MuiColorPicker", "MuiFormControl", "MuiFormGroup", "MuiFormControlLabel", "app-text", "app-textarea", "app-checkbox", "app-slider", "app-currency", "app-switch", "app-select", "app-checkboxset", "app-radioset", "app-date", "app-time", "app-timestamp", "app-rating", "app-datetime", "app-search", "app-chips", "app-colorpicker", "app-calendar", "app-editor"];
+export declare const INTERACTIVE_ROLES: readonly ["button", "textbox", "combobox", "listbox"];
+export declare const INTERACTIVE_DATA_ROLES: readonly ["input", "select", "date", "time", "color", "editor", "checkbox", "radio", "slider", "chips", "rating"];
+export declare const INTERACTIVE_TAG_NAMES: readonly ["INPUT", "BUTTON", "SELECT", "TEXTAREA", "A", "LABEL"];
+export declare const DYNAMIC_COLUMNS_CONFIG: {
+    readonly maxColumns: 10;
+    readonly sampleSize: 3;
+};
+export declare const UNSUPPORTED_STATE_PERSISTENCE_TYPES: readonly string[];

package/components/data/table/utils/constants.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNSUPPORTED_STATE_PERSISTENCE_TYPES = exports.TABLE_MESSAGES = exports.TABLE_DATA_STATES = exports.TABLE_CSS_CLASSES = exports.INTERACTIVE_TAG_NAMES = exports.INTERACTIVE_ROLES = exports.INTERACTIVE_DATA_ROLES = exports.INTERACTIVE_CLASSES = exports.DYNAMIC_COLUMNS_CONFIG = void 0;
+// CSS Class Names Constants
+var TABLE_CSS_CLASSES = exports.TABLE_CSS_CLASSES = {
+  tableRow: "app-datagrid-row",
+  headerCell: "app-datagrid-header-cell",
+  groupHeaderCell: "app-datagrid-group-header-cell",
+  tableCell: "app-datagrid-cell",
+  grid: "",
+  gridDefault: "table",
+  gridBody: "app-datagrid-body",
+  gridFooter: "app-datagrid-footer",
+  deleteRow: "danger",
+  ascIcon: "asc wi wi-long-arrow-up",
+  descIcon: "desc wi wi-long-arrow-down",
+  selectedColumn: "selected-column",
+  rowExpandIcon: "wi wi-minus-square",
+  rowCollapseIcon: "wi wi-plus-square",
+  gridRowExpansionClass: "table-row-expansion",
+  expandedRowClass: "expanded"
+};
+
+// Data States Constants
+var TABLE_DATA_STATES = exports.TABLE_DATA_STATES = {
+  loading: "Loading...",
+  ready: "",
+  error: "An error occurred in loading the data.",
+  nodata: "No data found."
+};
+
+// Table Messages Constants
+var TABLE_MESSAGES = exports.TABLE_MESSAGES = {
+  // Delete dialog messages
+  deleteConfirmTitle: "Delete Record",
+  deleteConfirmMessage: "Are you sure you want to delete this record?",
+  deleteOkText: "Ok",
+  deleteCancelText: "Cancel",
+  // Toast messages
+  deleteSuccess: "Record deleted successfully",
+  deleteError: "Failed to delete record",
+  insertSuccess: "Record added successfully",
+  updateSuccess: "Record updated successfully",
+  operationError: "An error occurred",
+  // Table states
+  noDataMessage: "No data found",
+  loadingMessage: "Loading...",
+  errorStateMessage: "An error occurred",
+  // Selection
+  radioSelectAriaLabel: "Select row",
+  multiSelectAriaLabel: "Select all rows"
+};
+
+/**
+ * Interactive element classes and attributes that should prevent row selection
+ */
+var INTERACTIVE_CLASSES = exports.INTERACTIVE_CLASSES = [
+// MUI base components
+"MuiInputBase", "MuiSelect", "MuiButton", "MuiCheckbox", "MuiRadio", "MuiSlider", "MuiSwitch", "MuiTextField", "MuiAutocomplete", "MuiChip", "MuiRating", "MuiToggleButton",
+// Date/time pickers
+"MuiPickersDay", "MuiDatePicker", "MuiTimePicker", "MuiDateTimePicker", "MuiCalendarPicker", "MuiClockPicker",
+// Color picker
+"MuiColorPicker",
+// Form controls
+"MuiFormControl", "MuiFormGroup", "MuiFormControlLabel",
+// WaveMaker specific widgets
+"app-text", "app-textarea", "app-checkbox", "app-slider", "app-currency", "app-switch", "app-select", "app-checkboxset", "app-radioset", "app-date", "app-time", "app-timestamp", "app-rating", "app-datetime", "app-search", "app-chips", "app-colorpicker", "app-calendar", "app-editor"];
+var INTERACTIVE_ROLES = exports.INTERACTIVE_ROLES = ["button", "textbox", "combobox", "listbox"];
+var INTERACTIVE_DATA_ROLES = exports.INTERACTIVE_DATA_ROLES = ["input", "select", "date", "time", "color", "editor", "checkbox", "radio", "slider", "chips", "rating"];
+var INTERACTIVE_TAG_NAMES = exports.INTERACTIVE_TAG_NAMES = ["INPUT", "BUTTON", "SELECT", "TEXTAREA", "A", "LABEL"];
+
+// Dynamic Columns Constants
+var DYNAMIC_COLUMNS_CONFIG = exports.DYNAMIC_COLUMNS_CONFIG = {
+  maxColumns: 10,
+  // Maximum number of columns to generate from data (matching Angular behavior)
+  sampleSize: 3 // Number of rows to sample for column detection
+};
+
+// Navigation types that don't support state persistence
+// These navigation types accumulate data and don't maintain traditional pagination state
+var UNSUPPORTED_STATE_PERSISTENCE_TYPES = exports.UNSUPPORTED_STATE_PERSISTENCE_TYPES = ["Scroll", "On-Demand", "Inline"];

package/components/data/table/utils/crud-handlers.d.ts

@@ -0,0 +1,11 @@
+import { ServerOperationOptions, DeleteOperationOptions } from "../props";
+import { LiveVariableConfig } from "@wavemaker-ai/react-runtime/variables/live-variable";
+export declare const refreshDataSource: (datasource: LiveVariableConfig, options: {
+    filterFields?: Record<string, any>;
+    orderBy?: string;
+    page?: number;
+    condition?: string;
+    pagesize?: number;
+}) => Promise<any>;
+export declare const handleServerOperation: (options: ServerOperationOptions) => Promise<boolean>;
+export declare const handleDeleteOperation: (options: DeleteOperationOptions) => Promise<boolean>;

package/components/data/table/utils/crud-handlers.js

@@ -0,0 +1,523 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.refreshDataSource = exports.handleServerOperation = exports.handleDeleteOperation = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _uniqueId = _interopRequireDefault(require("lodash-es/uniqueId"));
+var _filter = _interopRequireDefault(require("lodash-es/filter"));
+var _findIndex = _interopRequireDefault(require("lodash-es/findIndex"));
+var _slice = _interopRequireDefault(require("lodash-es/slice"));
+var _forEach = _interopRequireDefault(require("lodash-es/forEach"));
+var _some = _interopRequireDefault(require("lodash-es/some"));
+var _types = require("@wavemaker-ai/react-runtime/components/data/types");
+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; }
+// ==================== DATASOURCE UTILITIES ====================
+
+var getDatasourceInfo = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(datasource) {
+    var _datasource$paginatio, _datasource$paginatio2;
+    var _yield$Promise$all, _yield$Promise$all2, supportsCrud, isApiAware, currentPageNum, shouldUseServer;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return Promise.all([datasource.execute(_types.DataSource.Operation.SUPPORTS_CRUD), datasource.execute(_types.DataSource.Operation.IS_API_AWARE)]);
+        case 2:
+          _yield$Promise$all = _context.sent;
+          _yield$Promise$all2 = (0, _slicedToArray2["default"])(_yield$Promise$all, 2);
+          supportsCrud = _yield$Promise$all2[0];
+          isApiAware = _yield$Promise$all2[1];
+          currentPageNum = ((_datasource$paginatio = (_datasource$paginatio2 = datasource.pagination) === null || _datasource$paginatio2 === void 0 ? void 0 : _datasource$paginatio2.number) !== null && _datasource$paginatio !== void 0 ? _datasource$paginatio : 0) + 1;
+          shouldUseServer = supportsCrud || !isApiAware || datasource.category === "wm.CrudVariable";
+          return _context.abrupt("return", {
+            supportsCrud: supportsCrud,
+            isApiAware: isApiAware,
+            currentPageNum: currentPageNum,
+            shouldUseServer: shouldUseServer
+          });
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getDatasourceInfo(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+// ==================== OPERATION HANDLERS ====================
+
+var handleOperationResult = function handleOperationResult(operation, response, error, options) {
+  var showToast = options.showToast,
+    onSuccess = options.onSuccess,
+    onRowCallback = options.onRowCallback,
+    message = options.message,
+    onError = options.onError,
+    errormessage = options.errormessage,
+    widget = options.widget;
+  if (error) {
+    showToast === null || showToast === void 0 || showToast(error || errormessage, "Error");
+    onError === null || onError === void 0 || onError(null, widget, error, operation);
+    return false;
+  }
+  if (!onRowCallback && showToast && message) {
+    showToast(message, "Success");
+  }
+  onSuccess === null || onSuccess === void 0 || onSuccess(operation, response);
+  onRowCallback === null || onRowCallback === void 0 || onRowCallback(null, widget, response);
+  return true;
+};
+
+// ==================== DATA MANAGEMENT ====================
+
+var createCompleteRecord = function createCompleteRecord(editingData, wmTableColumns, serverResponse) {
+  var completeRecord = {};
+  (0, _forEach["default"])(wmTableColumns, function (column) {
+    if (column.field) {
+      var _ref2, _editingData$column$f;
+      completeRecord[column.field] = (_ref2 = (_editingData$column$f = editingData[column.field]) !== null && _editingData$column$f !== void 0 ? _editingData$column$f : column.defaultvalue) !== null && _ref2 !== void 0 ? _ref2 : "";
+    }
+  });
+  return _objectSpread(_objectSpread(_objectSpread({}, completeRecord), serverResponse), {}, {
+    _wmTableRowId: (0, _uniqueId["default"])("new_row_")
+  });
+};
+var hasValidData = function hasValidData(record) {
+  return (0, _some["default"])(record, function (value) {
+    return value !== undefined && value !== null && value !== "";
+  });
+};
+var updateDataset = function updateDataset(isNewRow, rowId, editingData, wmTableColumns, serverResponse, options) {
+  var setInternalDataset = options.setInternalDataset,
+    onNewRowAdded = options.onNewRowAdded,
+    onRowUpdate = options.onRowUpdate,
+    showToast = options.showToast,
+    insertmessage = options.insertmessage,
+    updatemessage = options.updatemessage;
+  if (isNewRow) {
+    var completeRecord = createCompleteRecord(editingData, wmTableColumns, serverResponse);
+    if (!hasValidData(completeRecord)) return false;
+    setInternalDataset(function (prevDataset) {
+      var updatedDataset = [].concat((0, _toConsumableArray2["default"])(prevDataset), [completeRecord]);
+      onNewRowAdded === null || onNewRowAdded === void 0 || onNewRowAdded(completeRecord);
+      if (showToast && insertmessage) showToast(insertmessage, "Success");
+      return updatedDataset;
+    });
+  } else {
+    setInternalDataset(function (prevDataset) {
+      var rowIndex = (0, _findIndex["default"])(prevDataset, function (row) {
+        return row._wmTableRowId === rowId;
+      });
+      var updatedDataset = prevDataset.map(function (row) {
+        return row._wmTableRowId === rowId ? _objectSpread(_objectSpread(_objectSpread({}, row), editingData), serverResponse) : row;
+      });
+      if (onRowUpdate && rowIndex !== -1) {
+        setTimeout(function () {
+          return onRowUpdate(editingData, rowIndex, updatedDataset);
+        }, 0);
+      }
+      if (showToast && updatemessage) showToast(updatemessage, "Success");
+      return updatedDataset;
+    });
+  }
+  return true;
+};
+
+// ==================== FORM DATA PROCESSING ====================
+
+var processFieldValue = function processFieldValue(value, column, isNewRow) {
+  var _column$editWidgetTyp, _column$defaultvalue;
+  var fields = column.field.split(".");
+  if (fields.length === 1 && ((_column$editWidgetTyp = column.editWidgetType) === null || _column$editWidgetTyp === void 0 ? void 0 : _column$editWidgetTyp.toLowerCase()) === "wmupload") return value;
+  if (value === "null") value = null;
+
+  // Validate and transform
+  if (value === null || value === undefined) value = (_column$defaultvalue = column.defaultvalue) !== null && _column$defaultvalue !== void 0 ? _column$defaultvalue : "";
+  if (column.editWidgetType === "WmCheckbox" || column.editWidgetType === "WmSwitch") return Boolean(value);
+  if (column.editWidgetType === "WmNumber" || column.editWidgetType === "WmCurrency") {
+    var numValue = Number(value);
+    return isNaN(numValue) ? 0 : numValue;
+  }
+  if (value === null) {
+    if (fields.length > 1) return null;
+    return isNewRow ? null : "";
+  }
+  return value;
+};
+var collectFormData = function collectFormData(currentEditingData, wmTableColumns, isNewRow) {
+  var formData = {};
+  (0, _forEach["default"])(wmTableColumns, function (column) {
+    if (!column.field) return;
+    var fields = column.field.split(".");
+    var processedValue = processFieldValue(currentEditingData[column.field], column, isNewRow);
+    if (processedValue === null && fields.length > 1) {
+      formData[fields[0]] = null;
+    } else if (processedValue !== undefined) {
+      formData[column.field] = processedValue;
+    }
+  });
+  return formData;
+};
+
+// ==================== PAGINATION UTILITIES ====================
+
+var adjustPaginationAfterDelete = /*#__PURE__*/function () {
+  var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(tableInstance, internalDataset, datasource, isServerSidePagination) {
+    var _tableInstance$getSta, _tableInstance$getSta2, currentPage, pageSize, _datasource$paginatio3, numberOfElements, totalElements, pageItems;
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (tableInstance) {
+            _context2.next = 2;
+            break;
+          }
+          return _context2.abrupt("return", {
+            shouldRefresh: false,
+            targetPage: 0
+          });
+        case 2:
+          _tableInstance$getSta = tableInstance.getState(), _tableInstance$getSta2 = _tableInstance$getSta.pagination, currentPage = _tableInstance$getSta2.pageIndex, pageSize = _tableInstance$getSta2.pageSize;
+          if (!(isServerSidePagination && datasource !== null && datasource !== void 0 && datasource.pagination)) {
+            _context2.next = 12;
+            break;
+          }
+          _datasource$paginatio3 = datasource.pagination, numberOfElements = _datasource$paginatio3.numberOfElements, totalElements = _datasource$paginatio3.totalElements;
+          if (!(numberOfElements === 1 && currentPage > 0)) {
+            _context2.next = 8;
+            break;
+          }
+          tableInstance.setPageIndex(currentPage - 1);
+          return _context2.abrupt("return", {
+            shouldRefresh: true,
+            targetPage: currentPage
+          });
+        case 8:
+          if (!(totalElements === 1)) {
+            _context2.next = 11;
+            break;
+          }
+          tableInstance.setPageIndex(0);
+          return _context2.abrupt("return", {
+            shouldRefresh: true,
+            targetPage: 1
+          });
+        case 11:
+          return _context2.abrupt("return", {
+            shouldRefresh: true,
+            targetPage: currentPage + 1
+          });
+        case 12:
+          // Client-side pagination
+          pageItems = (0, _slice["default"])(internalDataset, currentPage * pageSize, (currentPage + 1) * pageSize);
+          if (pageItems.length === 1 && currentPage > 0) {
+            tableInstance.setPageIndex(currentPage - 1);
+          }
+          return _context2.abrupt("return", {
+            shouldRefresh: false,
+            targetPage: currentPage
+          });
+        case 15:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function adjustPaginationAfterDelete(_x2, _x3, _x4, _x5) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
+// ==================== NON-API AWARE OPERATIONS ====================
+
+var handleNonApiAwareOperation = /*#__PURE__*/function () {
+  var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(datasource, binddataset, formData, operation) {
+    var path, parentIndex, parentPath;
+    return _regenerator["default"].wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          path = binddataset.split(".");
+          parentIndex = parseInt(path[path.length - 1]);
+          parentPath = path.slice(0, -1).join(".");
+          return _context3.abrupt("return", datasource.execute(_types.DataSource.Operation[operation], {
+            item: formData,
+            path: parentPath,
+            parentIndex: parentIndex
+          }));
+        case 4:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function handleNonApiAwareOperation(_x6, _x7, _x8, _x9) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+
+// ==================== EXPORTED FUNCTIONS ====================
+
+var refreshDataSource = exports.refreshDataSource = /*#__PURE__*/function () {
+  var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(datasource, options) {
+    return _regenerator["default"].wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          if (datasource) {
+            _context4.next = 2;
+            break;
+          }
+          throw new Error("Datasource is required");
+        case 2:
+          return _context4.abrupt("return", datasource.execute(_types.DataSource.Operation.LIST_RECORDS, {
+            filterFields: options.filterFields || {},
+            orderBy: options.orderBy,
+            page: options.page || 1,
+            logicalOp: options.condition || ""
+          }));
+        case 3:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function refreshDataSource(_x0, _x1) {
+    return _ref5.apply(this, arguments);
+  };
+}();
+var handleServerOperation = exports.handleServerOperation = /*#__PURE__*/function () {
+  var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(options) {
+    var _listener$Widgets;
+    var datasource, binddataset, isNewRow, rowId, currentEditingData, wmTableColumns, setInternalDataset, onNewRowAdded, onRowUpdate, showToast, insertmessage, updatemessage, onRowinsert, onRowupdate, onSuccess, onError, errormessage, tableInstance, isServerSidePagination, listener, widgetName, widget, formData, response, _yield$getDatasourceI, isApiAware, currentPageNum, shouldUseServer, _datasource$paginatio4, totalElements, _datasource$paginatio5, size, lastPage, _datasource$paginatio6;
+    return _regenerator["default"].wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          datasource = options.datasource, binddataset = options.binddataset, isNewRow = options.isNewRow, rowId = options.rowId, currentEditingData = options.currentEditingData, wmTableColumns = options.wmTableColumns, setInternalDataset = options.setInternalDataset, onNewRowAdded = options.onNewRowAdded, onRowUpdate = options.onRowUpdate, showToast = options.showToast, insertmessage = options.insertmessage, updatemessage = options.updatemessage, onRowinsert = options.onRowinsert, onRowupdate = options.onRowupdate, onSuccess = options.onSuccess, onError = options.onError, errormessage = options.errormessage, tableInstance = options.tableInstance, isServerSidePagination = options.isServerSidePagination, listener = options.listener, widgetName = options.widgetName; // Get widget reference for callbacks
+          widget = widgetName ? listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets[widgetName] : undefined;
+          _context5.prev = 2;
+          formData = collectFormData(currentEditingData, wmTableColumns, isNewRow);
+          response = currentEditingData;
+          if (!datasource) {
+            _context5.next = 37;
+            break;
+          }
+          _context5.next = 8;
+          return getDatasourceInfo(datasource);
+        case 8:
+          _yield$getDatasourceI = _context5.sent;
+          isApiAware = _yield$getDatasourceI.isApiAware;
+          currentPageNum = _yield$getDatasourceI.currentPageNum;
+          shouldUseServer = _yield$getDatasourceI.shouldUseServer;
+          if (!shouldUseServer) {
+            _context5.next = 37;
+            break;
+          }
+          if (!(!isApiAware && binddataset)) {
+            _context5.next = 18;
+            break;
+          }
+          _context5.next = 16;
+          return handleNonApiAwareOperation(datasource, binddataset, formData, isNewRow ? "ADD_ITEM" : "SET_ITEM");
+        case 16:
+          _context5.next = 37;
+          break;
+        case 18:
+          _context5.next = 20;
+          return datasource.execute(isNewRow ? _types.DataSource.Operation.INSERT_RECORD : _types.DataSource.Operation.UPDATE_RECORD, {
+            row: formData,
+            skipNotification: true
+          });
+        case 20:
+          response = _context5.sent;
+          if (!response.error) {
+            _context5.next = 23;
+            break;
+          }
+          throw response.error;
+        case 23:
+          if (!(isNewRow && isServerSidePagination && datasource.pagination)) {
+            _context5.next = 35;
+            break;
+          }
+          _datasource$paginatio4 = datasource.pagination, totalElements = _datasource$paginatio4.totalElements, _datasource$paginatio5 = _datasource$paginatio4.size, size = _datasource$paginatio5 === void 0 ? 10 : _datasource$paginatio5;
+          if (!(totalElements !== undefined && size > 0)) {
+            _context5.next = 33;
+            break;
+          }
+          lastPage = Math.ceil((totalElements + 1) / size);
+          if (!(tableInstance && lastPage > currentPageNum)) {
+            _context5.next = 31;
+            break;
+          }
+          tableInstance.setPageIndex(lastPage - 1);
+          _context5.next = 33;
+          break;
+        case 31:
+          _context5.next = 33;
+          return refreshDataSource(datasource, {
+            page: currentPageNum,
+            pagesize: size
+          });
+        case 33:
+          _context5.next = 37;
+          break;
+        case 35:
+          _context5.next = 37;
+          return refreshDataSource(datasource, {
+            page: currentPageNum,
+            pagesize: ((_datasource$paginatio6 = datasource.pagination) === null || _datasource$paginatio6 === void 0 ? void 0 : _datasource$paginatio6.size) || 10
+          });
+        case 37:
+          updateDataset(isNewRow, rowId, currentEditingData, wmTableColumns, response, {
+            setInternalDataset: setInternalDataset,
+            onNewRowAdded: onNewRowAdded,
+            onRowUpdate: onRowUpdate,
+            showToast: showToast,
+            insertmessage: insertmessage,
+            updatemessage: updatemessage
+          });
+          return _context5.abrupt("return", handleOperationResult(isNewRow ? "insert" : "update", response, null, {
+            showToast: showToast,
+            onSuccess: onSuccess,
+            onRowCallback: isNewRow ? onRowinsert : onRowupdate,
+            message: isNewRow ? insertmessage : updatemessage,
+            onError: onError,
+            widget: widget
+          }));
+        case 41:
+          _context5.prev = 41;
+          _context5.t0 = _context5["catch"](2);
+          return _context5.abrupt("return", handleOperationResult(isNewRow ? "insert" : "update", null, _context5.t0, {
+            showToast: showToast,
+            onError: onError,
+            errormessage: errormessage,
+            widget: widget
+          }));
+        case 44:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5, null, [[2, 41]]);
+  }));
+  return function handleServerOperation(_x10) {
+    return _ref6.apply(this, arguments);
+  };
+}();
+var handleDeleteOperation = exports.handleDeleteOperation = /*#__PURE__*/function () {
+  var _ref7 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(options) {
+    var _listener$Widgets2;
+    var rowData, tableInstance, internalDataset, setInternalDataset, datasource, binddataset, onRowDelete, showToast, deletemessage, onSuccess, onRowdelete, onError, errormessage, isServerSidePagination, listener, widgetName, widget, rowIndex, response, _yield$getDatasourceI2, isApiAware, currentPageNum, shouldUseServer, newDataset, paginationResult, _datasource$paginatio7;
+    return _regenerator["default"].wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          rowData = options.rowData, tableInstance = options.tableInstance, internalDataset = options.internalDataset, setInternalDataset = options.setInternalDataset, datasource = options.datasource, binddataset = options.binddataset, onRowDelete = options.onRowDelete, showToast = options.showToast, deletemessage = options.deletemessage, onSuccess = options.onSuccess, onRowdelete = options.onRowdelete, onError = options.onError, errormessage = options.errormessage, isServerSidePagination = options.isServerSidePagination, listener = options.listener, widgetName = options.widgetName; // Get widget reference for callbacks
+          widget = widgetName ? listener === null || listener === void 0 || (_listener$Widgets2 = listener.Widgets) === null || _listener$Widgets2 === void 0 ? void 0 : _listener$Widgets2[widgetName] : undefined;
+          _context6.prev = 2;
+          // Find row first
+          rowIndex = (0, _findIndex["default"])(internalDataset, function (row) {
+            return row._wmTableRowId === rowData._wmTableRowId || row.id !== undefined && row.id === rowData.id;
+          });
+          if (!(rowIndex === -1)) {
+            _context6.next = 7;
+            break;
+          }
+          console.warn("Row not found for deletion");
+          return _context6.abrupt("return", false);
+        case 7:
+          response = rowData; // Handle server operations first, before updating local dataset
+          if (!datasource) {
+            _context6.next = 26;
+            break;
+          }
+          _context6.next = 11;
+          return getDatasourceInfo(datasource);
+        case 11:
+          _yield$getDatasourceI2 = _context6.sent;
+          isApiAware = _yield$getDatasourceI2.isApiAware;
+          currentPageNum = _yield$getDatasourceI2.currentPageNum;
+          shouldUseServer = _yield$getDatasourceI2.shouldUseServer;
+          if (!shouldUseServer) {
+            _context6.next = 26;
+            break;
+          }
+          if (!(!isApiAware && binddataset)) {
+            _context6.next = 21;
+            break;
+          }
+          _context6.next = 19;
+          return handleNonApiAwareOperation(datasource, binddataset, rowData, "REMOVE_ITEM");
+        case 19:
+          _context6.next = 26;
+          break;
+        case 21:
+          _context6.next = 23;
+          return datasource.execute(_types.DataSource.Operation.DELETE_RECORD, {
+            row: rowData,
+            skipNotification: true
+          });
+        case 23:
+          response = _context6.sent;
+          if (!response.error) {
+            _context6.next = 26;
+            break;
+          }
+          throw response.error;
+        case 26:
+          // Only update dataset after successful server operation
+          newDataset = (0, _filter["default"])(internalDataset, function (row) {
+            return row._wmTableRowId !== rowData._wmTableRowId && (row.id === undefined || row.id !== rowData.id);
+          });
+          setInternalDataset(function () {
+            return newDataset;
+          });
+
+          // Handle pagination
+          _context6.next = 30;
+          return adjustPaginationAfterDelete(tableInstance, internalDataset, datasource, isServerSidePagination || false);
+        case 30:
+          paginationResult = _context6.sent;
+          if (!(isServerSidePagination && paginationResult.shouldRefresh && datasource)) {
+            _context6.next = 34;
+            break;
+          }
+          _context6.next = 34;
+          return datasource.invoke({
+            page: paginationResult.targetPage,
+            pagesize: ((_datasource$paginatio7 = datasource.pagination) === null || _datasource$paginatio7 === void 0 ? void 0 : _datasource$paginatio7.size) || 10
+          });
+        case 34:
+          onRowDelete === null || onRowDelete === void 0 || onRowDelete(rowData, rowIndex, newDataset);
+          return _context6.abrupt("return", handleOperationResult("delete", response, null, {
+            showToast: showToast,
+            onSuccess: onSuccess,
+            onRowCallback: onRowdelete,
+            message: deletemessage,
+            onError: onError,
+            widget: widget
+          }));
+        case 38:
+          _context6.prev = 38;
+          _context6.t0 = _context6["catch"](2);
+          return _context6.abrupt("return", handleOperationResult("delete", null, _context6.t0, {
+            showToast: showToast,
+            onError: onError,
+            errormessage: errormessage,
+            widget: widget
+          }));
+        case 41:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6, null, [[2, 38]]);
+  }));
+  return function handleDeleteOperation(_x11) {
+    return _ref7.apply(this, arguments);
+  };
+}();