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

package/components/data/table/components/TableDataRow.js

@@ -1,119 +1,126 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableDataRow = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
-var _RowCells = require("./RowCells");
-var _useEditedRows = require("../hooks/use-edited-rows");
-var _utils = require("../utils");
-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; }
-var TableDataRowComponent = function TableDataRowComponent(_ref) {
-  var row = _ref.row,
-    rowId = _ref.rowId,
-    isSelected = _ref.isSelected,
-    isActive = _ref.isActive,
-    rowIsExpanded = _ref.rowIsExpanded,
-    isEditingRow = _ref.isEditingRow,
-    hasExpansion = _ref.hasExpansion,
-    expansionInsertIndex = _ref.expansionInsertIndex,
-    renderExpansionCell = _ref.renderExpansionCell,
-    rowClass = _ref.rowClass,
-    onRowClick = _ref.onRowClick,
-    ColClassSignature = _ref.ColClassSignature,
-    rowsVersion = _ref.rowsVersion,
-    tableData = _ref.tableData,
-    ExpandedContent = _ref.ExpandedContent,
-    rowExpansionConfig = _ref.rowExpansionConfig,
-    totalColumns = _ref.totalColumns,
-    index = _ref.index,
-    onInstanceLoad = _ref.onInstanceLoad,
-    customExpressionColumns = _ref.customExpressionColumns,
-    _ref$customColumnsRev = _ref.customColumnsRevision,
-    customColumnsRevision = _ref$customColumnsRev === void 0 ? 0 : _ref$customColumnsRev,
-    _ref$columnsVersion = _ref.columnsVersion,
-    columnsVersion = _ref$columnsVersion === void 0 ? 0 : _ref$columnsVersion;
-  // Subscribe to edits for this specific row.
-  // This hook will only trigger a re-render for THIS component if the data for this row changes.
-  var editedTableData = (0, _useEditedRows.useEditedRow)(rowId);
-
-  // Create a merged data object that proxies `getProperty` to return edited values
-  var mergedRowData = (0, _react.useMemo)(function () {
-    // If no edits, return original (ensure referential stability if possible, though row.original might change)
+var __defProp = Object.defineProperty;
+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;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, Fragment, useMemo } from "react";
+import { TableRow } from "@mui/material";
+import { RowCells } from "./RowCells";
+import { useEditedRow } from "../hooks/use-edited-rows";
+import { TABLE_CSS_CLASSES } from "../utils";
+const TableDataRowComponent = ({
+  row,
+  rowId,
+  isSelected,
+  isActive,
+  rowIsExpanded,
+  isEditingRow,
+  hasExpansion,
+  expansionInsertIndex,
+  renderExpansionCell,
+  rowClass,
+  onRowClick,
+  ColClassSignature,
+  rowsVersion,
+  tableData,
+  ExpandedContent,
+  rowExpansionConfig,
+  totalColumns,
+  index,
+  onInstanceLoad,
+  customExpressionColumns,
+  customColumnsRevision = 0,
+  columnsVersion = 0
+}) => {
+  const editedTableData = useEditedRow(rowId);
+  const mergedRowData = useMemo(() => {
     if (!editedTableData) {
       return row.original;
     }
-
-    // Create a shallow copy first
-    // we use a safe approach: spread original, then spread edits
-    var merged = _objectSpread(_objectSpread({}, row.original), editedTableData);
-
-    // Now strict overrides for getProperty
-    // If the original data has a getProperty method (WaveMaker specific), we need to wrap it.
+    const merged = __spreadValues(__spreadValues({}, row.original), editedTableData);
     if (typeof row.original.getProperty === "function") {
-      // Define getProperty on the merged object
-      // We use Object.defineProperty to make it non-enumerable if strictness is needed, but simple assignment is usually fine.
-      merged.getProperty = function (key) {
-        // 1. Check if we have an edited value for this key
+      merged.getProperty = (key) => {
         if (editedTableData && Object.prototype.hasOwnProperty.call(editedTableData, key)) {
           return editedTableData[key];
         }
-        // 2. Fallback to original getProperty
         return row.original.getProperty(key);
       };
     }
     return merged;
   }, [row.original, editedTableData]);
-  return __jsx(_react.Fragment, {
-    key: rowId
-  }, __jsx(_material.TableRow, {
-    className: "".concat(_utils.TABLE_CSS_CLASSES.tableRow, " ").concat(isActive ? "active" : "", " ").concat(rowClass),
-    onClick: function onClick(event) {
-      return onRowClick(event, row.original, rowId);
-    },
-    "data-row-id": row.index,
-    role: "row",
-    tabIndex: 0,
-    style: {
-      cursor: "pointer"
-    },
-    "data-editing": isEditingRow
-  }, __jsx(_RowCells.RowCells, {
-    cells: row.getVisibleCells(),
-    hasExpansion: hasExpansion,
-    expansionInsertIndex: expansionInsertIndex,
-    renderExpansionCell: renderExpansionCell,
-    rowId: rowId
-    // Pass the merged data which includes the "live" edited values and the smart getProperty
-    ,
-    rowData: mergedRowData,
-    ColClassSignature: ColClassSignature,
-    rowsVersion: rowsVersion,
-    tableData: tableData,
-    isEditingRow: isEditingRow,
-    isSelected: isSelected,
-    customExpressionColumns: customExpressionColumns,
-    customColumnsRevision: customColumnsRevision,
-    columnsVersion: columnsVersion
-  })), hasExpansion && rowIsExpanded && rowExpansionConfig && __jsx(ExpandedContent, {
-    rowId: rowId,
-    rowData: row.original,
-    config: rowExpansionConfig,
-    colSpan: totalColumns,
-    onInstanceLoad: onInstanceLoad
-  }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TableRow,
+      {
+        className: `${TABLE_CSS_CLASSES.tableRow} ${isActive ? "active" : ""} ${rowClass}`,
+        onClick: (event) => onRowClick(event, row.original, rowId),
+        "data-row-id": row.index,
+        role: "row",
+        tabIndex: 0,
+        style: { cursor: "pointer" },
+        "data-editing": isEditingRow,
+        children: /* @__PURE__ */ jsx(
+          RowCells,
+          {
+            cells: row.getVisibleCells(),
+            hasExpansion,
+            expansionInsertIndex,
+            renderExpansionCell,
+            rowId,
+            rowData: mergedRowData,
+            ColClassSignature,
+            rowsVersion,
+            tableData,
+            isEditingRow,
+            isSelected,
+            customExpressionColumns,
+            customColumnsRevision,
+            columnsVersion
+          }
+        )
+      }
+    ),
+    hasExpansion && rowIsExpanded && rowExpansionConfig && /* @__PURE__ */ jsx(
+      ExpandedContent,
+      {
+        rowId,
+        rowData: row.original,
+        config: rowExpansionConfig,
+        colSpan: totalColumns,
+        onInstanceLoad
+      }
+    )
+  ] }, rowId);
+};
+const TableDataRow = memo(TableDataRowComponent, (prev, next) => {
+  const keys = [
+    "isSelected",
+    "isActive",
+    "rowIsExpanded",
+    "isEditingRow",
+    "rowClass",
+    "ColClassSignature",
+    "rowsVersion",
+    "row",
+    "index",
+    "customExpressionColumns",
+    "customColumnsRevision",
+    "columnsVersion"
+  ];
+  return keys.every((key) => prev[key] === next[key]);
+});
+export {
+  TableDataRow
 };
-var TableDataRow = exports.TableDataRow = /*#__PURE__*/(0, _react.memo)(TableDataRowComponent, function (prev, next) {
-  var keys = ["isSelected", "isActive", "rowIsExpanded", "isEditingRow", "rowClass", "ColClassSignature", "rowsVersion", "row", "index", "customExpressionColumns", "customColumnsRevision", "columnsVersion"];
-  return keys.every(function (key) {
-    return prev[key] === next[key];
-  });
-});