touchstudy-core 0.1.113 → 0.1.114

package/dist/index.js

@@ -27,7 +27,6 @@ var Select__default = _interopDefault(Select);
 var CreatableSelect = _interopDefault(require('react-select/creatable'));
 var formik = require('formik');
 var ckeditor4React = require('ckeditor4-react');
-var reactVirtualized = require('react-virtualized');
 var Grid = _interopDefault(require('@mui/material/Grid'));
 var Typography = _interopDefault(require('@mui/material/Typography'));
 var Card = _interopDefault(require('@mui/material/Card'));
@@ -9189,74 +9188,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 reactVirtualized.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(reactVirtualized.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(material.Box, {
-        p: 1,
-        className: "d-flex justify-content-center align-items-center w-100"
-      }, React__default.createElement(material.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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -9269,186 +9201,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 = React.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 = React.useCallback(function () {
-    return React__default.createElement(VirtualEmptyItem, {
-      emptyElement: emptyElement
-    });
-  }, []);
-  return React__default.createElement(material.Box, Object.assign({}, containerProps), React__default.createElement(reactVirtualized.AutoSizer, {
-    disableHeight: !!listHeight
-  }, function (_ref) {
-    var width = _ref.width,
-      height = _ref.height;
-    return React__default.createElement(reactVirtualized.List, {
-      width: width,
-      height: listHeight || height,
-      rowCount: rowCount,
-      rowHeight: cellMeasurerCache.rowHeight,
-      rowRenderer: rowRenderer,
-      deferredMeasurementCache: cellMeasurerCache,
-      overscanRowCount: overscanRowCount,
-      noRowsRenderer: noRowsRenderer,
-      onScroll: onScroll
-    });
-  }));
-};
-
-var cellMeasurerCache$1 = new reactVirtualized.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(reactVirtualized.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(material.Box, {
-        p: 1,
-        className: "d-flex justify-content-center align-items-center w-100"
-      }, React__default.createElement(material.CircularProgress, {
-        size: 24,
-        sx: {
-          color: "#5d5d5b"
-        }
-      })));
+  return React__default.createElement(material.Box, Object.assign({}, containerProps), loading && React__default.createElement(React.Fragment, null, loadingElement != null ? loadingElement : React__default.createElement(material.Box, {
+    p: 1,
+    className: "d-flex justify-content-center align-items-center w-100"
+  }, React__default.createElement(material.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 = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  if (emptyElement) return emptyElement;
-  return React__default.createElement(material.Box, null, React__default.createElement(material.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 = React.useState(false),
-    renderedColumnWidth = _useState[0],
-    setRenderedColumnWidth = _useState[1];
+    columnCount = props.columnCount,
+    loading = props.loading,
+    loadingElement = props.loadingElement;
   var containerRef = React.useRef(null);
-  var listRef = React.useRef(null);
-  var cellRenderer = React.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(material.Stack, {
+      direction: "row"
+    }, Array.from({
+      length: columnCount
+    }, function (_, colIndex) {
+      return renderItem(index, colIndex);
     }));
-  }, [JSON.stringify(data)]);
-  var noRowsRenderer = React.useCallback(function () {
-    return React__default.createElement(VirtualTableEmpty, {
-      emptyElement: emptyElement
-    });
-  }, []);
-  var onSectionRendered = function onSectionRendered(_) {
-    setRenderedColumnWidth(true);
-  };
-  var columnWidth = React.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]);
-  React.useEffect(function () {
-    if (renderedColumnWidth && listRef.current) {
-      listRef.current.forceUpdateGrids();
-    }
-  }, [renderedColumnWidth]);
+  };
   return React__default.createElement(material.Box, Object.assign({
     ref: containerRef
-  }, containerProps), React__default.createElement(reactVirtualized.AutoSizer, {
-    disableWidth: !!listWidth,
-    disableHeight: !!listHeight
-  }, function (_ref) {
-    var width = _ref.width,
-      height = _ref.height;
-    return React__default.createElement(reactVirtualized.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(React.Fragment, null, loadingElement != null ? loadingElement : React__default.createElement(material.Box, {
+    p: 1,
+    className: "d-flex justify-content-center align-items-center w-100"
+  }, React__default.createElement(material.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
   }));
 };
 
@@ -10911,10 +10716,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,
@@ -11864,11 +11669,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,
@@ -13159,7 +12964,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$9 = ["getStudents"],
+var _excluded$8 = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -13206,7 +13011,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);
@@ -13958,12 +13763,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,
@@ -19226,7 +19031,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) || [];
@@ -21170,14 +20977,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(material.FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -21231,7 +21038,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"],
@@ -21261,7 +21068,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);
@@ -25044,12 +24851,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var theme = material.useTheme();
@@ -26111,12 +25918,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
@@ -26508,11 +26315,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
@@ -28088,7 +27895,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   };
 };
 
-var _excluded$g = ["value"],
+var _excluded$f = ["value"],
   _excluded2$2 = ["onChange"],
   _excluded3$2 = ["onChange"];
 var VisuallyHiddenInput = material.styled("input")({
@@ -28349,7 +28156,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(xDatePickers.LocalizationProvider, {
           dateAdapter: AdapterMoment.AdapterMoment
         }, React__default.createElement(xDatePickers.DatePicker, Object.assign({}, action, {
@@ -29822,7 +29629,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,
@@ -29883,7 +29690,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
     }, t("page_to_start_with")), React__default.createElement(formik.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) {