@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.317

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

@@ -1,185 +1,120 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTableData = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = _interopRequireWildcard(require("react"));
-var _lodashEs = require("lodash-es");
-var _utils = require("../utils");
-var _confirmDialog = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/confirm-dialog"));
-var _crudHandlers = require("../utils/crud-handlers");
-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" != _typeof3(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); }
-/**
- * Check if a record is completely empty (all data fields are null/undefined/empty string)
- * Excludes internal properties from the check
- */
-var isEmptyRecord = function isEmptyRecord(record) {
-  if (!record || (0, _typeof2["default"])(record) !== "object") {
+import React, { useState, useCallback, useRef, useMemo, useEffect } from "react";
+import { isEqual } from "lodash-es";
+import { addUniqueRowIds, extractDataArray, TABLE_MESSAGES, INTERNAL_PROPERTIES } from "../utils";
+import WmConfirmDialog from "../../../dialogs/confirm-dialog";
+import { handleDeleteOperation } from "../utils/crud-handlers";
+const isEmptyRecord = (record) => {
+  if (!record || typeof record !== "object") {
     return true;
   }
-
-  // Get all properties except internal ones
-  var properties = Object.keys(record).filter(function (prop) {
-    return !_utils.INTERNAL_PROPERTIES.includes(prop) && !prop.startsWith("_wm");
-  });
-
-  // Check if ALL data properties are empty
-  return properties.every(function (prop) {
-    var data = record[prop];
-    return data === null || data === undefined || data === "";
+  const properties = Object.keys(record).filter(
+    (prop) => !INTERNAL_PROPERTIES.includes(prop) && !prop.startsWith("_wm")
+  );
+  return properties.every((prop) => {
+    const data = record[prop];
+    return data === null || data === void 0 || data === "";
   });
 };
-
-/**
- * Remove empty records from the dataset
- * Similar to Angular's removeEmptyRecords functionality
- */
-var removeEmptyRecords = function removeEmptyRecords(records) {
+const removeEmptyRecords = (records) => {
   if (!records || !records.length) {
     return [];
   }
-
-  // Filter out completely empty records
-  return records.filter(function (record) {
-    return record && !isEmptyRecord(record);
-  });
+  return records.filter((record) => record && !isEmptyRecord(record));
 };
-var useTableData = exports.useTableData = function useTableData(_ref) {
-  var dataset = _ref.dataset,
-    onRowDelete = _ref.onRowDelete,
-    _ref$deleteoktext = _ref.deleteoktext,
-    deleteoktext = _ref$deleteoktext === void 0 ? _utils.TABLE_MESSAGES.deleteOkText : _ref$deleteoktext,
-    _ref$deletecanceltext = _ref.deletecanceltext,
-    deletecanceltext = _ref$deletecanceltext === void 0 ? _utils.TABLE_MESSAGES.deleteCancelText : _ref$deletecanceltext,
-    _ref$confirmdelete = _ref.confirmdelete,
-    confirmdelete = _ref$confirmdelete === void 0 ? _utils.TABLE_MESSAGES.deleteConfirmMessage : _ref$confirmdelete,
-    _ref$deletemessage = _ref.deletemessage,
-    deletemessage = _ref$deletemessage === void 0 ? _utils.TABLE_MESSAGES.deleteSuccess : _ref$deletemessage,
-    _ref$errormessage = _ref.errormessage,
-    errormessage = _ref$errormessage === void 0 ? _utils.TABLE_MESSAGES.deleteError : _ref$errormessage,
-    showToast = _ref.showToast,
-    datasource = _ref.datasource,
-    binddataset = _ref.binddataset,
-    onSuccess = _ref.onSuccess,
-    onError = _ref.onError,
-    onRowdelete = _ref.onRowdelete,
-    isServerSidePagination = _ref.isServerSidePagination,
-    listener = _ref.listener,
-    widgetName = _ref.widgetName;
-  // Add unique row IDs and filter out empty records
-  var processedDataset = (0, _react.useMemo)(function () {
-    var withIds = (0, _utils.addUniqueRowIds)(dataset || []);
-    // Remove completely empty records from display
+const useTableData = ({
+  dataset,
+  onRowDelete,
+  deleteoktext = TABLE_MESSAGES.deleteOkText,
+  deletecanceltext = TABLE_MESSAGES.deleteCancelText,
+  confirmdelete = TABLE_MESSAGES.deleteConfirmMessage,
+  deletemessage = TABLE_MESSAGES.deleteSuccess,
+  errormessage = TABLE_MESSAGES.deleteError,
+  showToast,
+  datasource,
+  binddataset,
+  onSuccess,
+  onError,
+  onRowdelete,
+  isServerSidePagination,
+  listener,
+  widgetName
+}) => {
+  const processedDataset = useMemo(() => {
+    const withIds = addUniqueRowIds(extractDataArray(dataset));
     return removeEmptyRecords(withIds);
   }, [dataset]);
-  var _useState = (0, _react.useState)(processedDataset),
-    internalDataset = _useState[0],
-    setInternalDataset = _useState[1];
-
-  // Update internalDataset when dataset prop changes
-  (0, _react.useEffect)(function () {
-    if (!(0, _lodashEs.isEqual)(internalDataset, processedDataset)) {
+  const [internalDataset, setInternalDataset] = useState(processedDataset);
+  useEffect(() => {
+    if (!isEqual(internalDataset, processedDataset)) {
       setInternalDataset(processedDataset);
     }
   }, [processedDataset]);
-  var _useState2 = (0, _react.useState)(false),
-    showDeleteConfirm = _useState2[0],
-    setShowDeleteConfirm = _useState2[1];
-  var pendingDeleteRef = (0, _react.useRef)(null);
-
-  // Handle confirm deletion
-  var handleConfirmDelete = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    var _pendingDeleteRef$cur, rowData, tableInstance, resolve, result;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (!pendingDeleteRef.current) {
-            _context.next = 7;
-            break;
-          }
-          _pendingDeleteRef$cur = pendingDeleteRef.current, rowData = _pendingDeleteRef$cur.rowData, tableInstance = _pendingDeleteRef$cur.tableInstance, resolve = _pendingDeleteRef$cur.resolve;
-          _context.next = 4;
-          return (0, _crudHandlers.handleDeleteOperation)({
-            rowData: rowData,
-            tableInstance: tableInstance,
-            internalDataset: internalDataset,
-            setInternalDataset: setInternalDataset,
-            datasource: datasource,
-            binddataset: binddataset,
-            onRowDelete: onRowDelete,
-            showToast: showToast,
-            onSuccess: onSuccess,
-            onError: onError,
-            onRowdelete: onRowdelete,
-            deletemessage: deletemessage,
-            errormessage: errormessage,
-            isServerSidePagination: isServerSidePagination,
-            listener: listener,
-            widgetName: widgetName
-          });
-        case 4:
-          result = _context.sent;
-          resolve(result);
-          pendingDeleteRef.current = null;
-        case 7:
-          setShowDeleteConfirm(false);
-        case 8:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })), [internalDataset, setInternalDataset, datasource, binddataset, onRowDelete, showToast, onSuccess, onError, onRowdelete, deletemessage, errormessage, isServerSidePagination, listener, widgetName]);
-
-  // Handle cancel deletion
-  var handleCancelDelete = (0, _react.useCallback)(function () {
+  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
+  const pendingDeleteRef = useRef(null);
+  const handleConfirmDelete = useCallback(async () => {
+    if (pendingDeleteRef.current) {
+      const { rowData, tableInstance, resolve } = pendingDeleteRef.current;
+      const result = await handleDeleteOperation({
+        rowData,
+        tableInstance,
+        internalDataset,
+        setInternalDataset,
+        datasource,
+        binddataset,
+        onRowDelete,
+        showToast,
+        onSuccess,
+        onError,
+        onRowdelete,
+        deletemessage,
+        errormessage,
+        isServerSidePagination,
+        listener,
+        widgetName
+      });
+      resolve(result);
+      pendingDeleteRef.current = null;
+    }
+    setShowDeleteConfirm(false);
+  }, [
+    internalDataset,
+    setInternalDataset,
+    datasource,
+    binddataset,
+    onRowDelete,
+    showToast,
+    onSuccess,
+    onError,
+    onRowdelete,
+    deletemessage,
+    errormessage,
+    isServerSidePagination,
+    listener,
+    widgetName
+  ]);
+  const handleCancelDelete = useCallback(() => {
     if (pendingDeleteRef.current) {
       pendingDeleteRef.current.resolve(false);
       pendingDeleteRef.current = null;
     }
     setShowDeleteConfirm(false);
   }, []);
-
-  // Delete record functionality with confirmation
-  var deleteRecord = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(rowData, tableInstance) {
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            return _context2.abrupt("return", new Promise(function (resolve) {
-              // Store the delete operation details
-              pendingDeleteRef.current = {
-                rowData: rowData,
-                tableInstance: tableInstance,
-                resolve: resolve
-              };
-
-              // Show the confirmation dialog
-              setShowDeleteConfirm(true);
-            }));
-          case 1:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function (_x, _x2) {
-      return _ref3.apply(this, arguments);
-    };
-  }(), []);
-
-  // Render the confirmation dialog component
-  var renderConfirmDialog = (0, _react.useCallback)(function () {
+  const deleteRecord = useCallback(async (rowData, tableInstance) => {
+    return new Promise((resolve) => {
+      pendingDeleteRef.current = {
+        rowData,
+        tableInstance,
+        resolve
+      };
+      setShowDeleteConfirm(true);
+    });
+  }, []);
+  const renderConfirmDialog = useCallback(() => {
     if (!showDeleteConfirm) return null;
-    return /*#__PURE__*/_react["default"].createElement(_confirmDialog["default"], {
+    return React.createElement(WmConfirmDialog, {
       name: "delete-row-confirm",
       isopen: showDeleteConfirm,
-      title: _utils.TABLE_MESSAGES.deleteConfirmTitle,
+      title: TABLE_MESSAGES.deleteConfirmTitle,
       message: confirmdelete,
       iconclass: "wi wi-delete",
       oktext: deleteoktext,
@@ -189,11 +124,21 @@ var useTableData = exports.useTableData = function useTableData(_ref) {
       onClose: handleCancelDelete,
       listener: {}
     });
-  }, [showDeleteConfirm, handleConfirmDelete, handleCancelDelete, confirmdelete, deleteoktext, deletecanceltext]);
+  }, [
+    showDeleteConfirm,
+    handleConfirmDelete,
+    handleCancelDelete,
+    confirmdelete,
+    deleteoktext,
+    deletecanceltext
+  ]);
   return {
-    internalDataset: internalDataset,
-    setInternalDataset: setInternalDataset,
-    deleteRecord: deleteRecord,
-    renderConfirmDialog: renderConfirmDialog
+    internalDataset,
+    setInternalDataset,
+    deleteRecord,
+    renderConfirmDialog
   };
-};
+};
+export {
+  useTableData
+};