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

package/components/data/table/components/RowCells.js

@@ -1,81 +1,98 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RowCells = exports.CustomExpressionRenderBody = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _material = require("@mui/material");
-var _reactTable = require("@tanstack/react-table");
-var _utils = require("../utils");
-var _excluded = ["className", "textAlign", "backgroundColor"];
-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; }
-/**
- * Memoized wrapper for WaveMaker custom column markup (`(row) => <WmLabel … />`).
- * Only re-renders when `rowData` or the parsed `render` function reference changes — safe to use
- * outside WmTable (lists, cards, etc.).
- */
-var CustomExpressionRenderBody = exports.CustomExpressionRenderBody = /*#__PURE__*/(0, _react.memo)(function CustomExpressionRenderBody(_ref) {
-  var rowData = _ref.rowData,
-    render = _ref.render;
-  return __jsx(_react["default"].Fragment, null, render(rowData));
-}, function (prev, next) {
-  return prev.rowData === next.rowData && prev.render === next.render;
-});
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { memo, Fragment as Fragment2 } from "react";
+import { TableCell } from "@mui/material";
+import { flexRender } from "@tanstack/react-table";
+import { getColClass, TABLE_CSS_CLASSES } from "../utils";
+const CustomExpressionRenderBody = memo(
+  function CustomExpressionRenderBody2({ rowData, render }) {
+    return /* @__PURE__ */ jsx(Fragment, { children: render(rowData) });
+  },
+  (prev, next) => prev.rowData === next.rowData && prev.render === next.render
+);
 CustomExpressionRenderBody.displayName = "CustomExpressionRenderBody";
-var RowCells = exports.RowCells = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
-  var cells = _ref2.cells,
-    hasExpansion = _ref2.hasExpansion,
-    expansionInsertIndex = _ref2.expansionInsertIndex,
-    renderExpansionCell = _ref2.renderExpansionCell,
-    rowId = _ref2.rowId,
-    rowData = _ref2.rowData,
-    isEditingRow = _ref2.isEditingRow,
-    customExpressionColumns = _ref2.customExpressionColumns;
-  return __jsx(_react["default"].Fragment, null, cells.map(function (cell, cellIndex) {
-    var _cell$column$columnDe, _cell$column, _cell$column$columnDe2, _cell$id, _cell$column$columnDe3, _cell$column$columnDe4, _cell$column$columnDe5, _cell$column$columnDe6, _cell$column$columnDe7;
-    var colClassExpression = (cell === null || cell === void 0 || (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.colClass) || "";
-    var columnId = (cell === null || cell === void 0 || (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : _cell$column.id) || (cell === null || cell === void 0 || (_cell$column$columnDe2 = cell.column.columnDef) === null || _cell$column$columnDe2 === void 0 ? void 0 : _cell$column$columnDe2.accessorKey) || "";
-    var colClass = (0, _utils.getColClass)(colClassExpression, rowData, columnId);
-    var customRender = customExpressionColumns === null || customExpressionColumns === void 0 ? void 0 : customExpressionColumns[columnId];
-    return __jsx(_react.Fragment, {
-      key: (_cell$id = cell === null || cell === void 0 ? void 0 : cell.id) !== null && _cell$id !== void 0 ? _cell$id : "cell-".concat(columnId, "-").concat(cellIndex)
-    }, hasExpansion && cellIndex === expansionInsertIndex && renderExpansionCell(rowId, rowData), __jsx(_material.TableCell, {
-      key: cell.id,
-      title: cell.getValue() ? String(cell.getValue()) : "",
-      role: "cell",
-      tabIndex: 0,
-      "data-col-id": cellIndex,
-      className: "".concat(_utils.TABLE_CSS_CLASSES.tableCell, " ").concat(colClass || "", "  ").concat(((_cell$column$columnDe3 = cell.column.columnDef.meta) === null || _cell$column$columnDe3 === void 0 ? void 0 : _cell$column$columnDe3.className) || "").trim(),
-      style: _objectSpread(_objectSpread({
-        width: cell.column.getSize(),
-        textAlign: (_cell$column$columnDe4 = cell.column.columnDef.meta) === null || _cell$column$columnDe4 === void 0 ? void 0 : _cell$column$columnDe4.textAlign,
-        backgroundColor: (_cell$column$columnDe5 = cell.column.columnDef.meta) === null || _cell$column$columnDe5 === void 0 ? void 0 : _cell$column$columnDe5.backgroundColor
-      }, function () {
-        var _ref3 = cell.column.columnDef.meta || {},
-          className = _ref3.className,
-          textAlign = _ref3.textAlign,
-          backgroundColor = _ref3.backgroundColor,
-          otherMeta = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
-        return otherMeta;
-      }()), {}, {
-        fontSize: "inherit",
-        color: "inherit"
-      })
-    }, customRender ? __jsx(CustomExpressionRenderBody, {
-      rowData: rowData,
-      render: customRender
-    }) : (_cell$column$columnDe6 = cell.column.columnDef.meta) !== null && _cell$column$columnDe6 !== void 0 && _cell$column$columnDe6.renderCellContent && !isEditingRow ? (_cell$column$columnDe7 = cell.column.columnDef.meta) === null || _cell$column$columnDe7 === void 0 ? void 0 : _cell$column$columnDe7.renderCellContent(rowData, cell.column.columnDef) : (0, _reactTable.flexRender)(cell.column.columnDef.cell, cell.getContext())));
-  }));
-}, function (prevProps, nextProps) {
-  var skipRender = prevProps.rowData === nextProps.rowData && prevProps.isEditingRow === nextProps.isEditingRow && prevProps.isSelected === nextProps.isSelected && prevProps.ColClassSignature === nextProps.ColClassSignature && prevProps.customExpressionColumns === nextProps.customExpressionColumns && prevProps.customColumnsRevision === nextProps.customColumnsRevision && prevProps.columnsVersion === nextProps.columnsVersion && prevProps.cells === nextProps.cells && prevProps.rowsVersion === nextProps.rowsVersion;
-  return skipRender;
-});
-RowCells.displayName = "RowCells";
+const RowCells = memo(
+  ({
+    cells,
+    hasExpansion,
+    expansionInsertIndex,
+    renderExpansionCell,
+    rowId,
+    rowData,
+    isEditingRow,
+    customExpressionColumns
+  }) => {
+    return /* @__PURE__ */ jsx(Fragment, { children: cells.map((cell, cellIndex) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      const colClassExpression = ((_a = cell == null ? void 0 : cell.column.columnDef.meta) == null ? void 0 : _a.colClass) || "";
+      const columnId = ((_b = cell == null ? void 0 : cell.column) == null ? void 0 : _b.id) || ((_c = cell == null ? void 0 : cell.column.columnDef) == null ? void 0 : _c.accessorKey) || "";
+      const colClass = getColClass(colClassExpression, rowData, columnId);
+      const customRender = customExpressionColumns == null ? void 0 : customExpressionColumns[columnId];
+      return /* @__PURE__ */ jsxs(Fragment2, { children: [
+        hasExpansion && cellIndex === expansionInsertIndex && renderExpansionCell(rowId, rowData),
+        /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            title: cell.getValue() ? String(cell.getValue()) : "",
+            role: "cell",
+            tabIndex: 0,
+            "data-col-id": cellIndex,
+            className: `${TABLE_CSS_CLASSES.tableCell} ${colClass || ""}  ${((_e = cell.column.columnDef.meta) == null ? void 0 : _e.className) || ""}`.trim(),
+            style: __spreadProps(__spreadValues({
+              width: cell.column.getSize(),
+              textAlign: (_f = cell.column.columnDef.meta) == null ? void 0 : _f.textAlign,
+              backgroundColor: (_g = cell.column.columnDef.meta) == null ? void 0 : _g.backgroundColor
+            }, (() => {
+              const _a2 = cell.column.columnDef.meta || {}, { className, textAlign, backgroundColor } = _a2, otherMeta = __objRest(_a2, ["className", "textAlign", "backgroundColor"]);
+              return otherMeta;
+            })()), {
+              fontSize: "inherit",
+              color: "inherit"
+            }),
+            children: customRender ? /* @__PURE__ */ jsx(CustomExpressionRenderBody, { rowData, render: customRender }) : ((_h = cell.column.columnDef.meta) == null ? void 0 : _h.renderCellContent) && !isEditingRow ? (_i = cell.column.columnDef.meta) == null ? void 0 : _i.renderCellContent(rowData, cell.column.columnDef) : flexRender(cell.column.columnDef.cell, cell.getContext())
+          },
+          cell.id
+        )
+      ] }, (_d = cell == null ? void 0 : cell.id) != null ? _d : `cell-${columnId}-${cellIndex}`);
+    }) });
+  },
+  (prevProps, nextProps) => {
+    const skipRender = prevProps.rowData === nextProps.rowData && prevProps.isEditingRow === nextProps.isEditingRow && prevProps.isSelected === nextProps.isSelected && prevProps.ColClassSignature === nextProps.ColClassSignature && prevProps.customExpressionColumns === nextProps.customExpressionColumns && prevProps.customColumnsRevision === nextProps.customColumnsRevision && prevProps.columnsVersion === nextProps.columnsVersion && prevProps.cells === nextProps.cells && prevProps.rowsVersion === nextProps.rowsVersion;
+    return skipRender;
+  }
+);
+RowCells.displayName = "RowCells";
+export {
+  CustomExpressionRenderBody,
+  RowCells
+};

package/components/data/table/components/RowExpansionButton.js

@@ -1,25 +1,36 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.RowExpansionButton = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _button = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/form/button"));
-var _anchor = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/anchor"));
-var __jsx = _react["default"].createElement;
-var RowExpansionButton = exports.RowExpansionButton = function RowExpansionButton(_ref) {
-  var rowId = _ref.rowId,
-    rowData = _ref.rowData,
-    isExpanded = _ref.isExpanded,
-    onToggle = _ref.onToggle,
-    config = _ref.config;
+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 WmButton from "../../../form/button";
+import WmAnchor from "../../../basic/anchor";
+const RowExpansionButton = ({
+  rowId,
+  rowData,
+  isExpanded,
+  onToggle,
+  config
+}) => {
   if (!config.show) {
     return null;
   }
-  var handleClick = function handleClick(event, widget) {
+  const handleClick = (event, widget) => {
     if (event) {
       event.preventDefault();
       event.stopPropagation();
@@ -28,15 +39,11 @@ var RowExpansionButton = exports.RowExpansionButton = function RowExpansionButto
       onToggle(rowId, rowData);
     }
   };
-
-  // Use the appropriate icon based on expanded state
-  var currentIcon = isExpanded ? config.expandicon : config.collapseicon;
-  var currentTitle = isExpanded ? config.collapsetitle : config.expandtitle;
-  var ariaLabel = config.expandtitle || config["displayName"] || "Toggle row expansion";
-
-  // Build common props with only defined values
-  var commonProps = {
-    name: "".concat(config.name || "row_expansion", "_").concat(rowId),
+  const currentIcon = isExpanded ? config.expandicon : config.collapseicon;
+  const currentTitle = isExpanded ? config.collapsetitle : config.expandtitle;
+  const ariaLabel = config.expandtitle || config["displayName"] || "Toggle row expansion";
+  const commonProps = {
+    name: `${config.name || "row_expansion"}_${rowId}`,
     onClick: handleClick,
     iconclass: currentIcon,
     "aria-label": ariaLabel,
@@ -44,8 +51,6 @@ var RowExpansionButton = exports.RowExpansionButton = function RowExpansionButto
     "aria-live": "polite",
     tabIndex: 0
   };
-
-  // Only add optional props if they have values
   if (config.listener) {
     commonProps.listener = config.listener;
   }
@@ -56,19 +61,18 @@ var RowExpansionButton = exports.RowExpansionButton = function RowExpansionButto
     commonProps.title = currentTitle;
   }
   if (config.className) {
-    commonProps.className = "".concat(config.className, " row-expansion-button");
+    commonProps.className = `${config.className} row-expansion-button`;
   }
   if (config.disabled) {
     commonProps.disabled = config.disabled;
   }
   if (config.widgetType === "anchor") {
-    return __jsx(_anchor["default"], (0, _extends2["default"])({}, commonProps, {
-      hyperlink: "#",
-      role: "button"
-    }));
+    return /* @__PURE__ */ jsx(WmAnchor, __spreadProps(__spreadValues({}, commonProps), { hyperlink: "#", role: "button" }));
   }
-  return __jsx(_button["default"], (0, _extends2["default"])({}, commonProps, {
-    type: "button"
-  }));
+  return /* @__PURE__ */ jsx(WmButton, __spreadProps(__spreadValues({}, commonProps), { type: "button" }));
+};
+var RowExpansionButton_default = RowExpansionButton;
+export {
+  RowExpansionButton,
+  RowExpansionButton_default as default
 };
-var _default = exports["default"] = RowExpansionButton;

package/components/data/table/components/SummaryCell.js

@@ -1,111 +1,77 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SummaryCell = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
-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" != _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); }
-var __jsx = _react["default"].createElement;
-/**
- * SummaryCell Component
- * Renders a single cell in the summary row footer.
- * Supports HTML content, custom styling, and Promise loading states.
- */
-var SummaryCellBase = function SummaryCellBase(_ref) {
-  var columnKey = _ref.columnKey,
-    column = _ref.column,
-    rowDef = _ref.rowDef,
-    rowDefObject = _ref.rowDefObject,
-    colIndex = _ref.colIndex,
-    show = _ref.show;
-  // Get the value for this cell
-  var columnValue = rowDef[columnKey];
-  var columnValueObject = rowDefObject[columnKey];
-
-  // Extract styling from the value object
-  var cellStyling = (0, _react.useMemo)(function () {
-    if (columnValueObject && (0, _typeof2["default"])(columnValueObject) === "object" && "class" in columnValueObject) {
-      return columnValueObject["class"] || "";
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { TableCell, Box, CircularProgress } from "@mui/material";
+import { TABLE_CSS_CLASSES } from "../utils";
+const SummaryCellBase = ({
+  columnKey,
+  column,
+  rowDef,
+  rowDefObject,
+  colIndex,
+  show
+}) => {
+  const columnValue = rowDef[columnKey];
+  const columnValueObject = rowDefObject[columnKey];
+  const cellStyling = useMemo(() => {
+    if (columnValueObject && typeof columnValueObject === "object" && "class" in columnValueObject) {
+      return columnValueObject.class || "";
     }
     return "";
   }, [columnValueObject]);
-
-  // Check if value is a Promise (loading state)
-  var isLoading = columnValue instanceof Promise;
-
-  // Get text alignment from column configuration
-  var textAlign = (0, _react.useMemo)(function () {
-    return (column === null || column === void 0 ? void 0 : column.textalignment) || "left";
+  const isLoading = columnValue instanceof Promise;
+  const textAlign = useMemo(() => {
+    return (column == null ? void 0 : column.textalignment) || "left";
   }, [column]);
-
-  // Render loading spinner for Promise values
   if (isLoading) {
-    return __jsx(_material.TableCell, {
-      className: "".concat(_utils.TABLE_CSS_CLASSES.tableCell, " app-datagrid-cell summary-cell ").concat(cellStyling).trim(),
-      "data-col-id": colIndex,
-      role: "cell",
-      tabIndex: 0,
-      style: {
-        textAlign: textAlign
-      }
-    }, __jsx(_material.Box, {
-      className: "overlay",
-      sx: {
-        display: "flex",
-        justifyContent: "center"
+    return /* @__PURE__ */ jsx(
+      TableCell,
+      {
+        className: `${TABLE_CSS_CLASSES.tableCell} app-datagrid-cell summary-cell ${cellStyling}`.trim(),
+        "data-col-id": colIndex,
+        role: "cell",
+        tabIndex: 0,
+        style: { textAlign },
+        children: /* @__PURE__ */ jsx(Box, { className: "overlay", sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(CircularProgress, { size: 16 }) })
       }
-    }, __jsx(_material.CircularProgress, {
-      size: 16
-    })));
+    );
   }
-
-  // Get display value - handle various formats
-  var displayValue = (0, _react.useMemo)(function () {
-    if (columnValue === undefined || columnValue === null) {
+  const displayValue = useMemo(() => {
+    if (columnValue === void 0 || columnValue === null) {
       return "";
     }
-
-    // If columnValue is an object, extract the value property (safeguard in case setSummaryRowDef didn't extract it)
-    if ((0, _typeof2["default"])(columnValue) === "object" && !(columnValue instanceof Promise)) {
-      // Check if it's a SummaryRowValue object with a 'value' property
+    if (typeof columnValue === "object" && !(columnValue instanceof Promise)) {
       if ("value" in columnValue) {
         return columnValue.value;
       }
-      // If it's an object without 'value', try to stringify it (fallback)
       return String(columnValue);
     }
     return columnValue;
   }, [columnValue]);
-
-  // Check if value contains HTML (for rendering dangerously)
-  var isHtmlContent = (0, _react.useMemo)(function () {
+  const isHtmlContent = useMemo(() => {
     if (typeof displayValue === "string") {
       return /<[^>]+>/.test(displayValue);
     }
     return false;
   }, [displayValue]);
-  return __jsx(_material.TableCell, {
-    className: "".concat(_utils.TABLE_CSS_CLASSES.tableCell, " app-datagrid-cell summary-cell ").concat(cellStyling).trim(),
-    "data-col-id": colIndex,
-    role: "cell",
-    tabIndex: 0,
-    style: {
-      textAlign: textAlign,
-      backgroundColor: column === null || column === void 0 ? void 0 : column.backgroundcolor,
-      position: "relative",
-      display: show ? "" : "none"
-    }
-  }, isHtmlContent ? __jsx("span", {
-    dangerouslySetInnerHTML: {
-      __html: displayValue
+  return /* @__PURE__ */ jsx(
+    TableCell,
+    {
+      className: `${TABLE_CSS_CLASSES.tableCell} app-datagrid-cell summary-cell ${cellStyling}`.trim(),
+      "data-col-id": colIndex,
+      role: "cell",
+      tabIndex: 0,
+      style: {
+        textAlign,
+        backgroundColor: column == null ? void 0 : column.backgroundcolor,
+        position: "relative",
+        display: show ? "" : "none"
+      },
+      children: isHtmlContent ? /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: displayValue } }) : displayValue
     }
-  }) : displayValue);
+  );
+};
+const SummaryCell = memo(SummaryCellBase);
+SummaryCell.displayName = "SummaryCell";
+export {
+  SummaryCell
 };
-var SummaryCell = exports.SummaryCell = /*#__PURE__*/(0, _react.memo)(SummaryCellBase);
-SummaryCell.displayName = "SummaryCell";

package/components/data/table/components/SummaryRow.js

@@ -1,54 +1,47 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SummaryRow = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
-var _SummaryCell = require("./SummaryCell");
-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;
-/**
- * SummaryRow Component
- * Renders a single row in the summary row footer.
- * Maps over columns to render SummaryCell components.
- */
-var SummaryRowBase = function SummaryRowBase(_ref) {
-  var rowDef = _ref.rowDef,
-    rowDefObject = _ref.rowDefObject,
-    rowIndex = _ref.rowIndex,
-    columns = _ref.columns,
-    summaryRowColumnShow = _ref.summaryRowColumnShow;
-  return __jsx(_material.TableRow, {
-    role: "row",
-    tabIndex: 0,
-    className: "".concat(_utils.TABLE_CSS_CLASSES.tableRow, " app-datagrid-row summary-row"),
-    "data-row-id": "summary-".concat(rowIndex)
-  }, columns.map(function (column, colIndex) {
-    var _summaryRowColumnShow;
-    var columnKey = column.field || column.binding;
-
-    // Skip columns without a binding/field
-    if (!columnKey) {
-      return null;
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { TableRow } from "@mui/material";
+import { SummaryCell } from "./SummaryCell";
+import { TABLE_CSS_CLASSES } from "../utils";
+const SummaryRowBase = ({
+  rowDef,
+  rowDefObject,
+  rowIndex,
+  columns,
+  summaryRowColumnShow
+}) => {
+  return /* @__PURE__ */ jsx(
+    TableRow,
+    {
+      role: "row",
+      tabIndex: 0,
+      className: `${TABLE_CSS_CLASSES.tableRow} app-datagrid-row summary-row`,
+      "data-row-id": `summary-${rowIndex}`,
+      children: columns.map((column, colIndex) => {
+        var _a;
+        const columnKey = column.field || column.binding;
+        if (!columnKey) {
+          return null;
+        }
+        const columnShow = ((_a = summaryRowColumnShow == null ? void 0 : summaryRowColumnShow[rowIndex]) == null ? void 0 : _a[columnKey]) !== void 0 ? summaryRowColumnShow[rowIndex][columnKey] : column.show !== void 0 ? column.show : true;
+        return /* @__PURE__ */ jsx(
+          SummaryCell,
+          {
+            columnKey,
+            column,
+            rowDef,
+            rowDefObject,
+            colIndex,
+            show: columnShow
+          },
+          `summary-cell-${rowIndex}-${columnKey}`
+        );
+      })
     }
-
-    // Check if column should be shown based on stored show property or column's show property
-    // Priority: summaryRowColumnShow > column.show > true (default)
-    var columnShow = (summaryRowColumnShow === null || summaryRowColumnShow === void 0 || (_summaryRowColumnShow = summaryRowColumnShow[rowIndex]) === null || _summaryRowColumnShow === void 0 ? void 0 : _summaryRowColumnShow[columnKey]) !== undefined ? summaryRowColumnShow[rowIndex][columnKey] : column.show !== undefined ? column.show : true;
-    return __jsx(_SummaryCell.SummaryCell, {
-      key: "summary-cell-".concat(rowIndex, "-").concat(columnKey),
-      columnKey: columnKey,
-      column: column,
-      rowDef: rowDef,
-      rowDefObject: rowDefObject,
-      colIndex: colIndex,
-      show: columnShow
-    });
-  }));
+  );
+};
+const SummaryRow = memo(SummaryRowBase);
+SummaryRow.displayName = "SummaryRow";
+export {
+  SummaryRow
 };
-var SummaryRow = exports.SummaryRow = /*#__PURE__*/(0, _react.memo)(SummaryRowBase);
-SummaryRow.displayName = "SummaryRow";