@ceed/cds 1.31.2-next.1 → 1.31.2-next.2

package/dist/index.cjs

@@ -3600,12 +3600,13 @@ var BodyCell = (props) => {
     [props.editMode, isCellEditable, params]
   );
   const propsComponentProps = "componentProps" in props ? props.componentProps : null;
+  const hasComponentProps = "componentProps" in props;
   const componentProps = (0, import_react24.useMemo)(
     () => ({
-      ..."componentProps" in props && (typeof propsComponentProps === "function" ? propsComponentProps(params) : propsComponentProps || {}),
+      ...hasComponentProps && (typeof propsComponentProps === "function" ? propsComponentProps(params) : propsComponentProps || {}),
       size: "sm"
     }),
-    [props, propsComponentProps, params]
+    [hasComponentProps, propsComponentProps, params]
   );
   const editModeComponentProps = (0, import_react24.useMemo)(
     () => ({
@@ -3669,9 +3670,11 @@ var BodyCell = (props) => {
     }),
     [params, row, field, value, componentProps, type, onCellEditStop, onCellEditStart]
   );
+  const MemoizedRenderEditCell = (0, import_react24.useMemo)(() => renderEditCell ? (0, import_react24.memo)(renderEditCell) : null, [renderEditCell]);
+  const MemoizedRenderCell = (0, import_react24.useMemo)(() => renderCell ? (0, import_react24.memo)(renderCell) : null, [renderCell]);
   const EditModeComponent = (0, import_react24.useMemo)(() => {
-    if (renderEditCell) {
-      return (0, import_react24.createElement)((0, import_react24.memo)(renderEditCell), params);
+    if (MemoizedRenderEditCell) {
+      return (0, import_react24.createElement)(MemoizedRenderEditCell, params);
     }
     return {
       date: /* @__PURE__ */ import_react24.default.createElement(DatePicker_default, { value, ...editModeComponentProps }),
@@ -3702,11 +3705,11 @@ var BodyCell = (props) => {
         }
       )
     }[type || "text"];
-  }, [value, editModeComponentProps, type, renderEditCell, params]);
+  }, [value, editModeComponentProps, type, MemoizedRenderEditCell, params]);
   const linkComponentFromProps = props.component;
   const ReadModeComponent = (0, import_react24.useMemo)(() => {
-    if (renderCell) {
-      return (0, import_react24.createElement)((0, import_react24.memo)(renderCell), params);
+    if (MemoizedRenderCell) {
+      return (0, import_react24.createElement)(MemoizedRenderCell, params);
     }
     const innerText = value;
     const typedComponent = {
@@ -3716,7 +3719,7 @@ var BodyCell = (props) => {
       })
     }[type || "text"];
     return typedComponent || innerText;
-  }, [value, renderCell, params, type, componentProps, linkComponentFromProps]);
+  }, [value, MemoizedRenderCell, params, type, componentProps, linkComponentFromProps]);
   const getActions = props.getActions;
   const CellComponent = (0, import_react24.useMemo)(() => {
     if (type === "actions") {

package/dist/index.js

@@ -3483,12 +3483,13 @@ var BodyCell = (props) => {
     [props.editMode, isCellEditable, params]
   );
   const propsComponentProps = "componentProps" in props ? props.componentProps : null;
+  const hasComponentProps = "componentProps" in props;
   const componentProps = useMemo8(
     () => ({
-      ..."componentProps" in props && (typeof propsComponentProps === "function" ? propsComponentProps(params) : propsComponentProps || {}),
+      ...hasComponentProps && (typeof propsComponentProps === "function" ? propsComponentProps(params) : propsComponentProps || {}),
       size: "sm"
     }),
-    [props, propsComponentProps, params]
+    [hasComponentProps, propsComponentProps, params]
   );
   const editModeComponentProps = useMemo8(
     () => ({
@@ -3552,9 +3553,11 @@ var BodyCell = (props) => {
     }),
     [params, row, field, value, componentProps, type, onCellEditStop, onCellEditStart]
   );
+  const MemoizedRenderEditCell = useMemo8(() => renderEditCell ? memo(renderEditCell) : null, [renderEditCell]);
+  const MemoizedRenderCell = useMemo8(() => renderCell ? memo(renderCell) : null, [renderCell]);
   const EditModeComponent = useMemo8(() => {
-    if (renderEditCell) {
-      return createElement(memo(renderEditCell), params);
+    if (MemoizedRenderEditCell) {
+      return createElement(MemoizedRenderEditCell, params);
     }
     return {
       date: /* @__PURE__ */ React22.createElement(DatePicker_default, { value, ...editModeComponentProps }),
@@ -3585,11 +3588,11 @@ var BodyCell = (props) => {
         }
       )
     }[type || "text"];
-  }, [value, editModeComponentProps, type, renderEditCell, params]);
+  }, [value, editModeComponentProps, type, MemoizedRenderEditCell, params]);
   const linkComponentFromProps = props.component;
   const ReadModeComponent = useMemo8(() => {
-    if (renderCell) {
-      return createElement(memo(renderCell), params);
+    if (MemoizedRenderCell) {
+      return createElement(MemoizedRenderCell, params);
     }
     const innerText = value;
     const typedComponent = {
@@ -3599,7 +3602,7 @@ var BodyCell = (props) => {
       })
     }[type || "text"];
     return typedComponent || innerText;
-  }, [value, renderCell, params, type, componentProps, linkComponentFromProps]);
+  }, [value, MemoizedRenderCell, params, type, componentProps, linkComponentFromProps]);
   const getActions = props.getActions;
   const CellComponent = useMemo8(() => {
     if (type === "actions") {