@ceed/ads 1.41.3-next.5 → 1.41.3-next.6

package/dist/index.cjs

@@ -2610,7 +2610,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
@@ -3567,7 +3567,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(
@@ -3576,9 +3576,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)(
     () => ({
@@ -3848,7 +3848,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",
@@ -5676,7 +5676,7 @@ var ModalOverflow = MotionModalOverflow;
 ModalOverflow.displayName = "ModalOverflow";
 var ModalFrame = import_react32.default.forwardRef((props, ref) => {
   const { title, children, titleStartDecorator, onClose, ...innerProps } = props;
-  return /* @__PURE__ */ import_react32.default.createElement(StyledModalDialog, { ref, ...innerProps }, /* @__PURE__ */ import_react32.default.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ import_react32.default.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ import_react32.default.createElement(DialogContent_default, null, children));
+  return /* @__PURE__ */ import_react32.default.createElement(StyledModalDialog, { ...innerProps, ref }, /* @__PURE__ */ import_react32.default.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ import_react32.default.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ import_react32.default.createElement(DialogContent_default, null, children));
 });
 ModalFrame.displayName = "ModalFrame";
 
@@ -7311,7 +7311,7 @@ var import_joy60 = require("@mui/joy");
 // src/components/IconMenuButton/IconMenuButton.tsx
 var import_react50 = __toESM(require("react"));
 var import_joy61 = require("@mui/joy");
-var MenuButtonRootSlot = import_react50.default.forwardRef(function MenuButtonRootSlot2({ as, ...rest }, ref) {
+var MenuButtonRootSlot = import_react50.default.forwardRef(function MenuButtonRootSlot2({ as, ownerState: _ownerState, ...rest }, ref) {
   return /* @__PURE__ */ import_react50.default.createElement(import_joy61.IconButton, { ...rest, component: as ?? "button", ref });
 });
 function IconMenuButtonInner(props, ref) {
@@ -7349,7 +7349,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

@@ -2473,7 +2473,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
@@ -3444,7 +3444,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(
@@ -3453,9 +3453,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(
     () => ({
@@ -3725,7 +3725,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",
@@ -5559,7 +5559,7 @@ var ModalOverflow = MotionModalOverflow;
 ModalOverflow.displayName = "ModalOverflow";
 var ModalFrame = React28.forwardRef((props, ref) => {
   const { title, children, titleStartDecorator, onClose, ...innerProps } = props;
-  return /* @__PURE__ */ React28.createElement(StyledModalDialog, { ref, ...innerProps }, /* @__PURE__ */ React28.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ React28.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ React28.createElement(DialogContent_default, null, children));
+  return /* @__PURE__ */ React28.createElement(StyledModalDialog, { ...innerProps, ref }, /* @__PURE__ */ React28.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ React28.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ React28.createElement(DialogContent_default, null, children));
 });
 ModalFrame.displayName = "ModalFrame";
 
@@ -7197,7 +7197,7 @@ import {
   MenuButton as JoyMenuButton2,
   IconButton as JoyIconButton2
 } from "@mui/joy";
-var MenuButtonRootSlot = React46.forwardRef(function MenuButtonRootSlot2({ as, ...rest }, ref) {
+var MenuButtonRootSlot = React46.forwardRef(function MenuButtonRootSlot2({ as, ownerState: _ownerState, ...rest }, ref) {
   return /* @__PURE__ */ React46.createElement(JoyIconButton2, { ...rest, component: as ?? "button", ref });
 });
 function IconMenuButtonInner(props, ref) {
@@ -7235,7 +7235,8 @@ function IconMenuButtonInner(props, ref) {
       slots: { root: MenuButtonRootSlot },
       slotProps: {
         root: {
-          component: props.buttonComponent ?? "button",
+          // 기본값 'button'은 MenuButtonRootSlot 한 곳에만 둔다.
+          component: props.buttonComponent,
           size,
           variant,
           color,