touchstudy-core 0.1.155 → 0.1.156

package/dist/components/Tables/configs/interfaces.d.ts

@@ -8,7 +8,7 @@ export interface VirtualTableViewProps {
     columnCount: number;
     listHeight?: number;
     listWidth?: number;
-    containerRef?: RefObject<HTMLDivElement>;
+    containerRef: RefObject<HTMLDivElement>;
     multiGridRef?: RefObject<MultiGrid>;
     overscanRowCount?: number;
     overscanColumnCount?: number;

package/dist/index.js

@@ -24475,6 +24475,7 @@ var AttendanceCourseTable = function AttendanceCourseTable(_ref) {
     return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.language;
   });
   var dataString = JSON.stringify(data);
+  var containerRef = React.useRef(null);
   var handleCheckInLesson = function handleCheckInLesson(lesson, studentId) {
     if (isAdmin) return;
     onCheckInLesson(lesson, studentId);
@@ -24532,15 +24533,43 @@ var AttendanceCourseTable = function AttendanceCourseTable(_ref) {
     }, (attendance === null || attendance === void 0 ? void 0 : attendance.status) === StudentAttendanceStatus.Late ? React__default.createElement(AlertCircleFill, null) : (attendance === null || attendance === void 0 ? void 0 : attendance.status) === StudentAttendanceStatus.Attended ? React__default.createElement(CheckCircleFill, null) : React__default.createElement(CloseCircleFill, null))));
   };
   var columnCount = data.length;
+  var multiGridRef = React.useRef(null);
+  React.useEffect(function () {
+    var handleResize = function handleResize() {
+      var _multiGridRef$current;
+      (_multiGridRef$current = multiGridRef.current) === null || _multiGridRef$current === void 0 ? void 0 : _multiGridRef$current.invalidateCellSizeAfterRender();
+    };
+    window.addEventListener("resize", handleResize);
+    return function () {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, []);
+  var columnWidth = function columnWidth(params, cache) {
+    if (!containerRef.current || params.index < columnCount - 1) return cache.columnWidth(params);
+    var containerWidth = containerRef.current.clientWidth;
+    var currentWidth = cache.columnWidth(params);
+    var totalWidth = 0;
+    for (var index = 0; index < params.index; index++) {
+      var elementWidth = cache.columnWidth({
+        index: index
+      });
+      totalWidth += elementWidth;
+    }
+    if (totalWidth + currentWidth < containerWidth) return containerWidth - totalWidth;
+    return currentWidth;
+  };
   return React__default.createElement(VirtualTableView, {
     loading: false,
+    multiGridRef: multiGridRef,
+    containerRef: containerRef,
     containerProps: containerProps,
     listHeight: listHeight,
     listWidth: listWidth,
     renderItem: renderItem,
     columnCount: columnCount,
     itemsCount: 2,
-    dataString: dataString
+    dataString: dataString,
+    columnWidth: columnWidth
   });
 };