@ehfuse/mui-virtual-data-table 1.0.4 → 1.0.5

package/dist/index.js

@@ -423,7 +423,7 @@ const DEFAULT_TRACK_CONFIG = {};
 const DEFAULT_ARROWS_CONFIG = {};
 const DEFAULT_DRAG_SCROLL_CONFIG = {};
 const DEFAULT_AUTO_HIDE_CONFIG = {};
-const OverlayScrollbar = react.forwardRef(({ className = "", style = {}, children, onScroll, 
+const OverlayScrollbar = react.forwardRef(({ className = "", style = {}, containerStyle = {}, contentStyle = {}, children, onScroll, 
 // 그룹화된 설정 객체들
 thumb = DEFAULT_THUMB_CONFIG, track = DEFAULT_TRACK_CONFIG, arrows = DEFAULT_ARROWS_CONFIG, dragScroll = DEFAULT_DRAG_SCROLL_CONFIG, autoHide = DEFAULT_AUTO_HIDE_CONFIG, 
 // 기타 설정들
@@ -1171,24 +1171,11 @@ showScrollbar = true, }, ref) => {
             }
         };
     }, []);
-    return (jsxRuntime.jsxs("div", { className: `overlay-scrollbar-wrapper ${className}`, style: Object.assign({ display: "flex", flexDirection: "column", position: "relative", minHeight: 0, height: "100%", flex: "1 1 0%" }, style), children: [jsxRuntime.jsx("div", { ref: containerRef, className: "overlay-scrollbar-container", tabIndex: -1, onMouseDown: handleDragScrollStart, style: {
-                    width: "100%", // 명시적 너비 설정
-                    height: "100%", // 부모의 전체 높이 사용
-                    flex: "1 1 auto", // flex item으로 설정하여 높이를 자동으로 계산
-                    minHeight: 0, // 최소 높이 보장
-                    overflow: "auto", // 네이티브 스크롤 기능 유지
+    return (jsxRuntime.jsxs("div", { className: `overlay-scrollbar-wrapper ${className}`, style: Object.assign({ display: "flex", flexDirection: "column", position: "relative", minHeight: 0, height: "100%", flex: "1 1 0%" }, style), children: [jsxRuntime.jsx("div", { ref: containerRef, className: "overlay-scrollbar-container", tabIndex: -1, onMouseDown: handleDragScrollStart, style: Object.assign({ width: "100%", height: "100%", flex: "1 1 auto", minHeight: 0, overflow: "auto", 
                     // 브라우저 기본 스크롤바만 숨기기
-                    scrollbarWidth: "none", // Firefox
-                    msOverflowStyle: "none", // IE/Edge
+                    scrollbarWidth: "none", msOverflowStyle: "none", 
                     // 키보드 포커스 스타일 (접근성)
-                    outline: "none", // 기본 아웃라인 제거
-                    userSelect: isDragScrolling ? "none" : "auto", // 드래그 중 텍스트 선택 방지
-                }, children: jsxRuntime.jsx("div", { ref: contentRef, className: "overlay-scrollbar-content", style: {
-                        height: "100%", // min-height 대신 height 사용
-                        minHeight: 0, // flex shrink 허용
-                        display: "flex", // flex 컨테이너로 설정
-                        flexDirection: "column", // 세로 방향 정렬
-                    }, children: children }) }), showScrollbar && hasScrollableContent && (jsxRuntime.jsxs("div", { ref: scrollbarRef, className: "overlay-scrollbar-track", onMouseEnter: () => {
+                    outline: "none", userSelect: isDragScrolling ? "none" : "auto" }, containerStyle), children: jsxRuntime.jsx("div", { ref: contentRef, className: "overlay-scrollbar-content", style: Object.assign({ minHeight: 0, display: "flex", flexDirection: "column" }, contentStyle), children: children }) }), showScrollbar && hasScrollableContent && (jsxRuntime.jsxs("div", { ref: scrollbarRef, className: "overlay-scrollbar-track", onMouseEnter: () => {
                     clearHideTimer();
                     setScrollbarVisible(true);
                 }, onMouseLeave: () => {
@@ -1326,7 +1313,7 @@ function VirtualDataTableComponent({ data, loading = false, columns, onRowClick,
     // 각 테이블 인스턴스별로 Scroller 컴포넌트 생성 (scrollbars, paddingX를 초기값으로 고정)
     const VirtuosoScroller = react.useMemo(() => react.forwardRef((props, ref) => {
         const scrollContainerRef = react.useRef(null);
-        return (jsxRuntime.jsx(OverlayScrollbar, { track: OVERLAY_SCROLLBAR_TRACK_CONFIG, ...scrollbars, children: jsxRuntime.jsx(material.TableContainer, { component: material.Box, ...props, ref: (node) => {
+        return (jsxRuntime.jsx(OverlayScrollbar, { track: OVERLAY_SCROLLBAR_TRACK_CONFIG, contentStyle: { height: "100%" }, ...scrollbars, children: jsxRuntime.jsx(material.TableContainer, { component: material.Box, ...props, ref: (node) => {
                     scrollContainerRef.current =
                         node;
                     if (typeof ref === "function") {