touchstudy-core 0.1.113 → 0.1.114

package/dist/index.modern.js

@@ -27,7 +27,6 @@ import Select, { components } from 'react-select';
 import CreatableSelect from 'react-select/creatable';
 import { Formik, Form, Field, FieldArray } from 'formik';
 import { CKEditor } from 'ckeditor4-react';
-import { CellMeasurerCache, CellMeasurer, AutoSizer, List as List$1, MultiGrid } from 'react-virtualized';
 import Grid$1 from '@mui/material/Grid';
 import Typography$1 from '@mui/material/Typography';
 import Card from '@mui/material/Card';
@@ -9200,74 +9199,7 @@ var ListView = function ListView(_ref) {
   }));
 };
 
-var useVirtualListView = function useVirtualListView(props) {
-  var data = props.data,
-    loading = props.loading,
-    onLoadMore = props.onLoadMore;
-  var handleLoadMore = function handleLoadMore() {
-    if (loading) return;
-    onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
-  };
-  var onScroll = function onScroll(_ref) {
-    var scrollTop = _ref.scrollTop,
-      clientHeight = _ref.clientHeight,
-      scrollHeight = _ref.scrollHeight;
-    if (scrollTop + clientHeight >= scrollHeight - 100) {
-      handleLoadMore();
-    }
-  };
-  var rowCount = data.length + (loading ? 1 : 0);
-  return {
-    rowCount: rowCount,
-    onScroll: onScroll
-  };
-};
-
-var cellMeasurerCache = new CellMeasurerCache({
-  fixedWidth: true,
-  defaultHeight: 50
-});
-
-var VirtualListItem = function VirtualListItem(_ref) {
-  var isLoading = _ref.isLoading,
-    rowData = _ref.rowData,
-    style = _ref.style,
-    parent = _ref.parent,
-    index = _ref.index,
-    renderItem = _ref.renderItem,
-    loadingElement = _ref.loadingElement;
-  return React__default.createElement(CellMeasurer, {
-    cache: cellMeasurerCache,
-    columnIndex: 0,
-    rowIndex: index,
-    key: rowData === null || rowData === void 0 ? void 0 : rowData.id,
-    parent: parent
-  }, function (_ref2) {
-    var measure = _ref2.measure;
-    if (isLoading) {
-      if (loadingElement) return loadingElement;
-      return React__default.createElement("div", {
-        key: rowData === null || rowData === void 0 ? void 0 : rowData.id,
-        style: style
-      }, React__default.createElement(Box, {
-        p: 1,
-        className: "d-flex justify-content-center align-items-center w-100"
-      }, React__default.createElement(CircularProgress, {
-        size: 24,
-        sx: {
-          color: "#5d5d5b"
-        }
-      })));
-    }
-    return React__default.createElement("div", {
-      key: rowData === null || rowData === void 0 ? void 0 : rowData.id,
-      style: style,
-      ref: measure
-    }, renderItem(rowData, index));
-  });
-};
-
-var VirtualEmptyItem = function VirtualEmptyItem(_ref) {
+var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
   var emptyElement = _ref.emptyElement;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -9280,186 +9212,59 @@ var VirtualEmptyItem = function VirtualEmptyItem(_ref) {
 var VirtualListView = function VirtualListView(props) {
   var data = props.data,
     containerProps = props.containerProps,
-    listHeight = props.listHeight,
-    _props$overscanRowCou = props.overscanRowCount,
-    overscanRowCount = _props$overscanRowCou === void 0 ? 5 : _props$overscanRowCou,
     renderItem = props.renderItem,
     emptyElement = props.emptyElement,
+    loading = props.loading,
     loadingElement = props.loadingElement;
-  var _useVirtualListView = useVirtualListView(props),
-    rowCount = _useVirtualListView.rowCount,
-    onScroll = _useVirtualListView.onScroll;
-  var rowRenderer = useCallback(function (props) {
-    var index = props.index;
-    var isLoading = index === data.length;
-    var rowData = isLoading ? undefined : data[index];
-    return React__default.createElement(VirtualListItem, Object.assign({}, props, {
-      rowData: rowData,
-      isLoading: isLoading,
-      renderItem: renderItem,
-      loadingElement: loadingElement
-    }));
-  }, [JSON.stringify(data)]);
-  var noRowsRenderer = useCallback(function () {
-    return React__default.createElement(VirtualEmptyItem, {
-      emptyElement: emptyElement
-    });
-  }, []);
-  return React__default.createElement(Box, Object.assign({}, containerProps), React__default.createElement(AutoSizer, {
-    disableHeight: !!listHeight
-  }, function (_ref) {
-    var width = _ref.width,
-      height = _ref.height;
-    return React__default.createElement(List$1, {
-      width: width,
-      height: listHeight || height,
-      rowCount: rowCount,
-      rowHeight: cellMeasurerCache.rowHeight,
-      rowRenderer: rowRenderer,
-      deferredMeasurementCache: cellMeasurerCache,
-      overscanRowCount: overscanRowCount,
-      noRowsRenderer: noRowsRenderer,
-      onScroll: onScroll
-    });
-  }));
-};
-
-var cellMeasurerCache$1 = new CellMeasurerCache({
-  defaultWidth: 100,
-  defaultHeight: 50
-});
-
-var VirtualTableRowItem = function VirtualTableRowItem(_ref) {
-  var isLoading = _ref.isLoading,
-    style = _ref.style,
-    parent = _ref.parent,
-    rowIndex = _ref.rowIndex,
-    columnIndex = _ref.columnIndex,
-    renderItem = _ref.renderItem,
-    loadingElement = _ref.loadingElement;
-  return React__default.createElement(CellMeasurer, {
-    cache: cellMeasurerCache$1,
-    columnIndex: columnIndex,
-    rowIndex: rowIndex,
-    key: rowIndex + "-" + columnIndex,
-    parent: parent
-  }, function (_ref2) {
-    var measure = _ref2.measure;
-    if (isLoading) {
-      if (loadingElement) return loadingElement;
-      return React__default.createElement("div", {
-        style: style
-      }, React__default.createElement(Box, {
-        p: 1,
-        className: "d-flex justify-content-center align-items-center w-100"
-      }, React__default.createElement(CircularProgress, {
-        size: 24,
-        sx: {
-          color: "#5d5d5b"
-        }
-      })));
+  return React__default.createElement(Box, Object.assign({}, containerProps), loading && React__default.createElement(Fragment$1, null, loadingElement != null ? loadingElement : React__default.createElement(Box, {
+    p: 1,
+    className: "d-flex justify-content-center align-items-center w-100"
+  }, React__default.createElement(CircularProgress, {
+    size: 24,
+    sx: {
+      color: "#5d5d5b"
     }
-    return React__default.createElement("div", {
-      style: style,
-      ref: measure
-    }, renderItem(rowIndex, columnIndex));
-  });
-};
-
-var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
-  var emptyElement = _ref.emptyElement;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (emptyElement) return emptyElement;
-  return React__default.createElement(Box, null, React__default.createElement(Typography, {
-    className: "text-center text-muted"
-  }, t("no_data")));
+  }))), !loading && !data.length && React__default.createElement(VirtualTableEmpty, {
+    emptyElement: emptyElement
+  }), !loading && !!data.length && React__default.createElement(ListView, {
+    data: data,
+    render: renderItem
+  }));
 };
 
-var _excluded$6 = ["data", "containerProps", "listHeight", "overscanRowCount", "renderItem", "emptyElement", "loadingElement", "fixedColumnCount", "fixedRowCount", "listWidth"];
 var VirtualTableView = function VirtualTableView(props) {
   var data = props.data,
     containerProps = props.containerProps,
-    listHeight = props.listHeight,
-    _props$overscanRowCou = props.overscanRowCount,
-    overscanRowCount = _props$overscanRowCou === void 0 ? 5 : _props$overscanRowCou,
     renderItem = props.renderItem,
     emptyElement = props.emptyElement,
-    loadingElement = props.loadingElement,
-    fixedColumnCount = props.fixedColumnCount,
-    fixedRowCount = props.fixedRowCount,
-    listWidth = props.listWidth,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$6);
-  var columnCount = props.columnCount;
-  var _useVirtualListView = useVirtualListView(props),
-    rowCount = _useVirtualListView.rowCount,
-    onScroll = _useVirtualListView.onScroll;
-  var _useState = useState(false),
-    renderedColumnWidth = _useState[0],
-    setRenderedColumnWidth = _useState[1];
+    columnCount = props.columnCount,
+    loading = props.loading,
+    loadingElement = props.loadingElement;
   var containerRef = useRef(null);
-  var listRef = useRef(null);
-  var cellRenderer = useCallback(function (props) {
-    var rowIndex = props.rowIndex;
-    var isLoading = rowIndex === data.length;
-    return React__default.createElement(VirtualTableRowItem, Object.assign({}, props, {
-      isLoading: isLoading,
-      renderItem: renderItem,
-      loadingElement: loadingElement
+  var renderTableRow = function renderTableRow(_, index) {
+    return React__default.createElement(Stack, {
+      direction: "row"
+    }, Array.from({
+      length: columnCount
+    }, function (_, colIndex) {
+      return renderItem(index, colIndex);
     }));
-  }, [JSON.stringify(data)]);
-  var noRowsRenderer = useCallback(function () {
-    return React__default.createElement(VirtualTableEmpty, {
-      emptyElement: emptyElement
-    });
-  }, []);
-  var onSectionRendered = function onSectionRendered(_) {
-    setRenderedColumnWidth(true);
-  };
-  var columnWidth = useCallback(function (params) {
-    var _containerRef$current, _containerRef$current2;
-    var index = params.index;
-    var cWidth = cellMeasurerCache$1.columnWidth(params);
-    if (listWidth) return cWidth;
-    var totalWidths = columnCount * cWidth;
-    var w = cWidth;
-    if ((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.offsetWidth && totalWidths < ((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetWidth) && index === columnCount - 1) {
-      var _containerRef$current3;
-      w = Math.max(cWidth, ((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.offsetWidth) - (columnCount - 1) * cWidth);
-    }
-    return w;
-  }, [columnCount]);
-  useEffect(function () {
-    if (renderedColumnWidth && listRef.current) {
-      listRef.current.forceUpdateGrids();
-    }
-  }, [renderedColumnWidth]);
+  };
   return React__default.createElement(Box, Object.assign({
     ref: containerRef
-  }, containerProps), React__default.createElement(AutoSizer, {
-    disableWidth: !!listWidth,
-    disableHeight: !!listHeight
-  }, function (_ref) {
-    var width = _ref.width,
-      height = _ref.height;
-    return React__default.createElement(MultiGrid, Object.assign({
-      ref: listRef,
-      fixedRowCount: fixedRowCount,
-      fixedColumnCount: fixedColumnCount,
-      cellRenderer: cellRenderer,
-      enableFixedColumnScroll: !!fixedColumnCount && fixedColumnCount > 0,
-      enableFixedRowScroll: !!fixedRowCount && fixedRowCount > 0,
-      columnWidth: columnWidth,
-      height: listHeight || height,
-      rowHeight: cellMeasurerCache$1.rowHeight,
-      deferredMeasurementCache: cellMeasurerCache$1,
-      rowCount: rowCount,
-      width: listWidth || width,
-      overscanRowCount: overscanRowCount,
-      noRowsRenderer: noRowsRenderer,
-      onScroll: onScroll,
-      onSectionRendered: onSectionRendered
-    }, rest));
+  }, containerProps), loading && React__default.createElement(Fragment$1, null, loadingElement != null ? loadingElement : React__default.createElement(Box, {
+    p: 1,
+    className: "d-flex justify-content-center align-items-center w-100"
+  }, React__default.createElement(CircularProgress, {
+    size: 24,
+    sx: {
+      color: "#5d5d5b"
+    }
+  }))), !loading && !data.length && React__default.createElement(VirtualTableEmpty, {
+    emptyElement: emptyElement
+  }), !loading && !!data.length && React__default.createElement(ListView, {
+    data: data,
+    render: renderTableRow
   }));
 };
 
@@ -10922,10 +10727,10 @@ var LoginQRCode = function LoginQRCode(props) {
   }));
 };
 
-var _excluded$7 = ["history"];
+var _excluded$6 = ["history"];
 var Login = function Login(_ref) {
   var history = _ref.history,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var _useLogin = useLogin$1({
       homeAcademyUrl: rest.homeAcademyUrl,
       homeUrl: rest.homeUrl,
@@ -11875,11 +11680,11 @@ var DEFAULT_USER_FILTERS = {
 
 var styles$2 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
 
-var _excluded$8 = ["teachers", "value"];
+var _excluded$7 = ["teachers", "value"];
 var TeacherSelector = function TeacherSelector(_ref) {
   var teachers = _ref.teachers,
     value = _ref.value,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var teacherOptions = teachers.map(function (i) {
     return {
       label: i.teacherName + "/" + i.teacherEmail,
@@ -13170,7 +12975,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$9 = ["getStudents"],
+var _excluded$8 = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -13217,7 +13022,7 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var _useStudentClassList = useStudentClassList(id ? +id : 0),
     getStudents = _useStudentClassList.getStudents,
-    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$9);
+    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$8);
   var _useTeacherClassList = useTeacherClassList(id ? +id : 0),
     getTeachers = _useTeacherClassList.getTeachers,
     teacherListProps = _objectWithoutPropertiesLoose(_useTeacherClassList, _excluded2);
@@ -13969,12 +13774,12 @@ var LessonList = function LessonList(_ref) {
   }));
 };
 
-var _excluded$a = ["children", "value", "index"];
+var _excluded$9 = ["children", "value", "index"];
 var CustomTabPanel = function CustomTabPanel(props) {
   var children = props.children,
     value = props.value,
     index = props.index,
-    other = _objectWithoutPropertiesLoose(props, _excluded$a);
+    other = _objectWithoutPropertiesLoose(props, _excluded$9);
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
     hidden: value !== index,
@@ -19237,7 +19042,9 @@ var useNotes = function useNotes(setFilter, filter) {
       }
       setLoadingNotes(true);
       var _temp = _catch(function () {
-        return Promise.resolve(getNotesApi(_extends({}, filter))).then(function (res) {
+        return Promise.resolve(getNotesApi(_extends({}, filter, {
+          currentPage: -1
+        }))).then(function (res) {
           var data = res.data;
           setTotalPages((data === null || data === void 0 ? void 0 : data.totalPages) || 0);
           var items = (data === null || data === void 0 ? void 0 : data.items) || [];
@@ -21181,14 +20988,14 @@ var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
 var styles$5 = {"action-btn":"_1jXbz","action-btn--pencil":"_at4xP","icon-rotate-180":"_12gv9","drop-area":"_R4bn5"};
 
-var _excluded$b = ["text", "isRequired", "className"];
+var _excluded$a = ["text", "isRequired", "className"];
 var LabelRequired = function LabelRequired(_ref) {
   var text = _ref.text,
     _ref$isRequired = _ref.isRequired,
     isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   return React__default.createElement(FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -21242,7 +21049,7 @@ var deleteUserApi = function deleteUserApi(id) {
   return api["delete"](USER_URL + "/delete/" + id);
 };
 
-var _excluded$c = ["ref"],
+var _excluded$b = ["ref"],
   _excluded2$1 = ["ref"],
   _excluded3$1 = ["ref"],
   _excluded4 = ["ref"],
@@ -21272,7 +21079,7 @@ var UserDialog = function UserDialog(_ref) {
     t = _useTranslation.t;
   var _register = register("fullName"),
     fullNameRef = _register.ref,
-    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$c);
+    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$b);
   var _register2 = register("email"),
     emailRef = _register2.ref,
     emailBio = _objectWithoutPropertiesLoose(_register2, _excluded2$1);
@@ -25055,12 +24862,12 @@ var ArticleDialog = function ArticleDialog(_ref) {
 
 var styles$7 = {"drawer":"_11aYm","open":"_3Ydwm","drawer-overlay":"_3SQDf","drawer-header":"_2BwOx","drawer-form":"_2Zo7R","dropdown-content-academy":"_1lzjD","dropdown-change":"_1y7K9","dropdown-academy-item":"_1Y-55","dropdown-content-language":"_1fBXY","dropdown-item-language":"_3Szun","dropdown-item-language-active":"_2HhLb","item-address":"_3WYHC","item-logout":"_2-9ix","title-address":"_1r4pn","image-academy":"_2ZozT"};
 
-var _excluded$d = ["isOpen", "onClose", "handleSaveExam"];
+var _excluded$c = ["isOpen", "onClose", "handleSaveExam"];
 var CreateExamDrawer = function CreateExamDrawer(props) {
   var isOpen = props.isOpen,
     onClose = props.onClose,
     handleSaveExam = props.handleSaveExam,
-    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$d);
+    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$c);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var theme = useTheme();
@@ -26122,12 +25929,12 @@ var useNotificationDetail = function useNotificationDetail(_ref) {
 
 var styles$8 = {"avatar":"_8niRT"};
 
-var _excluded$e = ["value", "disabled", "optionTypeNotification"];
+var _excluded$d = ["value", "disabled", "optionTypeNotification"];
 var TypeSelector = function TypeSelector(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -26519,11 +26326,11 @@ var useNotificationList = function useNotificationList(_ref) {
   };
 };
 
-var _excluded$f = ["value", "optionTypeNotification"];
+var _excluded$e = ["value", "optionTypeNotification"];
 var SelectFilterType = function SelectFilterType(_ref) {
   var value = _ref.value,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -28099,7 +27906,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   };
 };
 
-var _excluded$g = ["value"],
+var _excluded$f = ["value"],
   _excluded2$2 = ["onChange"],
   _excluded3$2 = ["onChange"];
 var VisuallyHiddenInput = styled("input")({
@@ -28360,7 +28167,7 @@ var PreparedTextbook = function PreparedTextbook(_ref) {
       render: function render(_ref4) {
         var _ref4$field = _ref4.field,
           value = _ref4$field.value,
-          action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$g);
+          action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$f);
         return React__default.createElement(LocalizationProvider$1, {
           dateAdapter: AdapterMoment
         }, React__default.createElement(DatePicker$1, Object.assign({}, action, {
@@ -29833,7 +29640,7 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
   }, t("cancel"))))));
 };
 
-var _excluded$h = ["onChange"];
+var _excluded$g = ["onChange"];
 var StartPageDialog = function StartPageDialog(_ref) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -29894,7 +29701,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
     }, t("page_to_start_with")), React__default.createElement(Field, {
       name: "startPage",
       render: function render(_ref3) {
-        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$h);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$g);
         return React__default.createElement(CustomSelectOption, Object.assign({
           menuPosition: "fixed",
           onChange: function onChange(option) {