@ceed/cds 1.40.3-next.5 → 1.40.3-next.6

package/dist/index.cjs

@@ -2612,7 +2612,7 @@ function computeAutoFitWidth(params) {
   return finalWidth;
 }
 function getHeaderCellId(tableId, columnId) {
-  return `${tableId}_header_${columnId}`.trim();
+  return `${tableId}_header_${columnId}`.trim().replace(/\s+/g, "_");
 }
 
 // src/components/DataTable/styled.tsx
@@ -3569,7 +3569,7 @@ var HeadCell = (props) => {
   }, [ref]);
   const [isHovered, setIsHovered] = (0, import_react26.useState)(false);
   const sortable = type === "actions" ? false : _sortable;
-  const headId = (0, import_react26.useMemo)(() => getHeaderCellId(tableId, columnId ?? field), [tableId, columnId, field]);
+  const headId = (0, import_react26.useMemo)(() => getHeaderCellId(tableId, columnId), [tableId, columnId]);
   const isResizingRef = (0, import_react26.useRef)(false);
   const resizer = (0, import_react26.useMemo)(
     () => resizable ?? true ? Resizer(
@@ -3578,9 +3578,9 @@ var HeadCell = (props) => {
       (isResizing) => {
         isResizingRef.current = isResizing;
       },
-      onAutoFit ? () => onAutoFit(columnId ?? String(field)) : void 0
+      onAutoFit ? () => onAutoFit(columnId) : void 0
     ) : null,
-    [resizable, ref, colRef, onAutoFit, columnId, field]
+    [resizable, ref, colRef, onAutoFit, columnId]
   );
   const style = (0, import_react26.useMemo)(
     () => ({
@@ -3850,7 +3850,7 @@ var BodyCell = (props) => {
     {
       ref: cellRef,
       key: field,
-      headers: getHeaderCellId(tableId, props.columnId ?? field),
+      headers: getHeaderCellId(tableId, props.columnId),
       sx: {
         textAlign: getTextAlign({ type }),
         verticalAlign: editMode ? "top" : "middle",
@@ -5701,7 +5701,7 @@ var ModalOverflow = MotionModalOverflow;
 ModalOverflow.displayName = "ModalOverflow";
 var ModalFrame = import_react33.default.forwardRef((props, ref) => {
   const { title, children, titleStartDecorator, onClose, ...innerProps } = props;
-  return /* @__PURE__ */ import_react33.default.createElement(StyledModalDialog, { ref, ...innerProps }, /* @__PURE__ */ import_react33.default.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ import_react33.default.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ import_react33.default.createElement(DialogContent_default, null, children));
+  return /* @__PURE__ */ import_react33.default.createElement(StyledModalDialog, { ...innerProps, ref }, /* @__PURE__ */ import_react33.default.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ import_react33.default.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ import_react33.default.createElement(DialogContent_default, null, children));
 });
 ModalFrame.displayName = "ModalFrame";
 
@@ -5979,7 +5979,7 @@ var import_joy46 = require("@mui/joy");
 // src/components/IconMenuButton/IconMenuButton.tsx
 var import_react37 = __toESM(require("react"));
 var import_joy47 = require("@mui/joy");
-var MenuButtonRootSlot = import_react37.default.forwardRef(function MenuButtonRootSlot2({ as, ...rest }, ref) {
+var MenuButtonRootSlot = import_react37.default.forwardRef(function MenuButtonRootSlot2({ as, ownerState: _ownerState, ...rest }, ref) {
   return /* @__PURE__ */ import_react37.default.createElement(import_joy47.IconButton, { ...rest, component: as ?? "button", ref });
 });
 function IconMenuButtonInner(props, ref) {
@@ -6017,7 +6017,8 @@ function IconMenuButtonInner(props, ref) {
       slots: { root: MenuButtonRootSlot },
       slotProps: {
         root: {
-          component: props.buttonComponent ?? "button",
+          // 기본값 'button'은 MenuButtonRootSlot 한 곳에만 둔다.
+          component: props.buttonComponent,
           size,
           variant,
           color,

package/dist/index.js

@@ -2483,7 +2483,7 @@ function computeAutoFitWidth(params) {
   return finalWidth;
 }
 function getHeaderCellId(tableId, columnId) {
-  return `${tableId}_header_${columnId}`.trim();
+  return `${tableId}_header_${columnId}`.trim().replace(/\s+/g, "_");
 }
 
 // src/components/DataTable/styled.tsx
@@ -3454,7 +3454,7 @@ var HeadCell = (props) => {
   }, [ref]);
   const [isHovered, setIsHovered] = useState8(false);
   const sortable = type === "actions" ? false : _sortable;
-  const headId = useMemo10(() => getHeaderCellId(tableId, columnId ?? field), [tableId, columnId, field]);
+  const headId = useMemo10(() => getHeaderCellId(tableId, columnId), [tableId, columnId]);
   const isResizingRef = useRef5(false);
   const resizer = useMemo10(
     () => resizable ?? true ? Resizer(
@@ -3463,9 +3463,9 @@ var HeadCell = (props) => {
       (isResizing) => {
         isResizingRef.current = isResizing;
       },
-      onAutoFit ? () => onAutoFit(columnId ?? String(field)) : void 0
+      onAutoFit ? () => onAutoFit(columnId) : void 0
     ) : null,
-    [resizable, ref, colRef, onAutoFit, columnId, field]
+    [resizable, ref, colRef, onAutoFit, columnId]
   );
   const style = useMemo10(
     () => ({
@@ -3735,7 +3735,7 @@ var BodyCell = (props) => {
     {
       ref: cellRef,
       key: field,
-      headers: getHeaderCellId(tableId, props.columnId ?? field),
+      headers: getHeaderCellId(tableId, props.columnId),
       sx: {
         textAlign: getTextAlign({ type }),
         verticalAlign: editMode ? "top" : "middle",
@@ -5592,7 +5592,7 @@ var ModalOverflow = MotionModalOverflow;
 ModalOverflow.displayName = "ModalOverflow";
 var ModalFrame = React29.forwardRef((props, ref) => {
   const { title, children, titleStartDecorator, onClose, ...innerProps } = props;
-  return /* @__PURE__ */ React29.createElement(StyledModalDialog, { ref, ...innerProps }, /* @__PURE__ */ React29.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ React29.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ React29.createElement(DialogContent_default, null, children));
+  return /* @__PURE__ */ React29.createElement(StyledModalDialog, { ...innerProps, ref }, /* @__PURE__ */ React29.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ React29.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ React29.createElement(DialogContent_default, null, children));
 });
 ModalFrame.displayName = "ModalFrame";
 
@@ -5873,7 +5873,7 @@ import {
   MenuButton as JoyMenuButton2,
   IconButton as JoyIconButton2
 } from "@mui/joy";
-var MenuButtonRootSlot = React33.forwardRef(function MenuButtonRootSlot2({ as, ...rest }, ref) {
+var MenuButtonRootSlot = React33.forwardRef(function MenuButtonRootSlot2({ as, ownerState: _ownerState, ...rest }, ref) {
   return /* @__PURE__ */ React33.createElement(JoyIconButton2, { ...rest, component: as ?? "button", ref });
 });
 function IconMenuButtonInner(props, ref) {
@@ -5911,7 +5911,8 @@ function IconMenuButtonInner(props, ref) {
       slots: { root: MenuButtonRootSlot },
       slotProps: {
         root: {
-          component: props.buttonComponent ?? "button",
+          // 기본값 'button'은 MenuButtonRootSlot 한 곳에만 둔다.
+          component: props.buttonComponent,
           size,
           variant,
           color,