@seafile/seafile-database 0.0.24 → 0.0.26

package/dist/hooks/metadata.js

@@ -14,11 +14,12 @@ var _translate = _interopRequireDefault(require("../lang/translate"));
 var _constants = require("../constants");
 var _store = _interopRequireDefault(require("../store"));
 var _row = require("../utils/row");
-var _appContext = require("./app-context");
 var _collaborators = require("./collaborators");
+var _fileViewContext = require("./file-view-context");
 var _selectedRows = require("./selected-rows");
 var _tagsData = require("./tagsData");
 var _typesData = require("./typesData");
+var _viewContext = require("./view-context");
 /* eslint-disable react/prop-types */
 
 const MetadataContext = /*#__PURE__*/_react.default.createContext(null);
@@ -31,12 +32,18 @@ const MetadataProvider = _ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _fileViewContext.useFileViewContext)();
+  const {
+    currentViewId
+  } = (0, _viewContext.useViewContext)();
   const [isLoading, setLoading] = (0, _react.useState)(true);
   const [metadata, setMetadata] = (0, _react.useState)({
     rows: [],
     columns: [],
-    view: {}
+    view: {
+      type: '',
+      columns: []
+    }
   });
   const [errorMessage, setErrorMessage] = (0, _react.useState)(null);
   const storeRef = (0, _react.useRef)(null);
@@ -53,7 +60,38 @@ const MetadataProvider = _ref => {
   const {
     typesData
   } = (0, _typesData.useTypesData)();
-  const viewID = context.getViewID();
+
+  // init
+  (0, _react.useEffect)(() => {
+    let isCancelled = false;
+    setLoading(true);
+    const allCollaborators = [...collaborators, ...Object.values(collaboratorsCache)];
+    const props = {
+      context,
+      collaborators: allCollaborators,
+      tagsData,
+      typesData,
+      viewId: currentViewId
+    };
+    storeRef.current = new _store.default(props);
+    storeRef.current.initStartIndex();
+    storeRef.current.load(_constants.PER_LOAD_NUMBER).then(() => {
+      if (!isCancelled) {
+        setMetadata(storeRef.current.data);
+        setLoading(false);
+      }
+    }).catch(error => {
+      if (!isCancelled) {
+        const errorMsg = _utils.Utils.getErrorMsg(error);
+        setErrorMessage(errorMsg);
+        setLoading(false);
+      }
+    });
+    return () => {
+      isCancelled = true;
+      storeRef.current.destroy();
+    };
+  }, [collaborators, collaboratorsCache, context, currentViewId, localStorageNamePrefix, tagsData, typesData]);
   const tableChanged = (0, _react.useCallback)(() => {
     setMetadata(storeRef.current.data);
   }, []);
@@ -76,6 +114,9 @@ const MetadataProvider = _ref => {
       setLoading(false);
     });
   }, []);
+  const modifyViewType = (0, _react.useCallback)(viewType => {
+    storeRef.current.modifyViewType(viewType);
+  }, [storeRef]);
   const modifyFilters = (0, _react.useCallback)((filters, filterConjunction, basicFilters) => {
     storeRef.current.modifyFilters(filterConjunction, filters, basicFilters);
   }, [storeRef]);
@@ -250,59 +291,20 @@ const MetadataProvider = _ref => {
     let searchValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     storeRef.current.searchRows(searchValue);
   }, [storeRef]);
+  const updateSelectedRecordIds = () => {};
+  const updateCurrentDirent = () => {};
   const onKeydown = (0, _react.useCallback)(event => {
     if ((0, _hotkey.isModF)(event) && (!event.target || event.target.className.indexOf('modal') < 0)) {
       event.preventDefault();
       context.eventBus && context.eventBus.dispatch(_constants.EVENT_BUS_TYPE.START_SEARCH_ROWS);
     }
   }, [context.eventBus]);
-  (0, _react.useEffect)(() => {
-    if (isLoading) return;
-    storeRef.current.tagsData = tagsData;
-  }, [isLoading, tagsData]);
-  (0, _react.useEffect)(() => {
-    if (isLoading) return;
-    storeRef.current.typesData = typesData;
-  }, [isLoading, typesData]);
-  (0, _react.useEffect)(() => {
-    if (isLoading) return;
-    storeRef.current.collaborators = [...collaborators, ...Object.values(collaboratorsCache)];
-  }, [isLoading, collaborators, collaboratorsCache]);
   (0, _react.useEffect)(() => {
     document.addEventListener('keydown', onKeydown);
     return () => {
       document.removeEventListener('keydown', onKeydown);
     };
   }, [onKeydown]);
-
-  // init
-  (0, _react.useEffect)(() => {
-    let isCancelled = false;
-    setLoading(true);
-    storeRef.current = new _store.default({
-      context,
-      viewId: viewID,
-      typesData,
-      tagsData
-    });
-    storeRef.current.initStartIndex();
-    storeRef.current.load(_constants.PER_LOAD_NUMBER).then(() => {
-      if (!isCancelled) {
-        setMetadata(storeRef.current.data);
-        setLoading(false);
-      }
-    }).catch(error => {
-      if (!isCancelled) {
-        const errorMsg = _utils.Utils.getErrorMsg(error);
-        setErrorMessage(errorMsg);
-        setLoading(false);
-      }
-    });
-    return () => {
-      isCancelled = true;
-      storeRef.current.destroy();
-    };
-  }, [context, localStorageNamePrefix, tagsData, typesData, viewID]);
   (0, _react.useEffect)(() => {
     const eventBus = context.eventBus;
     const unsubscribeServerTableChanged = eventBus.subscribe(_constants.EVENT_BUS_TYPE.SERVER_DATA_CHANGED, tableChanged);
@@ -335,10 +337,10 @@ const MetadataProvider = _ref => {
     value: {
       ...params,
       isLoading,
-      viewID,
       errorMessage,
       metadata,
       store: storeRef.current,
+      modifyViewType,
       modifySettings,
       modifyFilters,
       modifySorts,
@@ -361,7 +363,9 @@ const MetadataProvider = _ref => {
       modifyColumnWidth,
       insertColumn,
       updateLocalRow,
-      createContextMenuOptions
+      createContextMenuOptions,
+      updateSelectedRecordIds,
+      updateCurrentDirent
     }
   }, children);
 };

package/dist/hooks/tagsData.js

@@ -7,10 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTagsData = exports.TagsDataProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _components = require("../common/components");
 var _tagsSort = require("../constants/tags-sort");
 var _tagsData = _interopRequireDefault(require("../models/tagsData"));
 var _column = require("../utils/column");
-var _appContext = require("./app-context");
+var _fileViewContext = require("./file-view-context");
 /* eslint-disable react/prop-types */
 
 const TagsDataContext = /*#__PURE__*/_react.default.createContext(null);
@@ -31,7 +32,7 @@ const TagsDataProvider = _ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _fileViewContext.useFileViewContext)();
   const [isLoading, setIsLoading] = (0, _react.useState)(true);
   const [tagsData, setTagsData] = (0, _react.useState)([]);
   (0, _react.useEffect)(() => {
@@ -46,6 +47,11 @@ const TagsDataProvider = _ref => {
   const addTag = () => {};
   const toggleAllTags = () => {};
   const modifyLocalFileTags = () => {};
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: 'sea-metadata'
+    }, /*#__PURE__*/_react.default.createElement(_components.CenteredLoading, null));
+  }
   return /*#__PURE__*/_react.default.createElement(TagsDataContext.Provider, {
     value: {
       isLoading,

package/dist/hooks/view-context.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useViewContext = exports.ViewContextProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("../common/components");
+var _fileViewContext = require("./file-view-context");
+/* eslint-disable react/prop-types */
+
+const ViewContext = /*#__PURE__*/_react.default.createContext(null);
+const ViewContextProvider = _ref => {
+  let {
+    settings,
+    children
+  } = _ref;
+  const [isLoading, setIsLoading] = (0, _react.useState)(true);
+  const {
+    fileRepo,
+    context
+  } = (0, _fileViewContext.useFileViewContext)();
+  const [views, setViews] = (0, _react.useState)([]);
+  const [currentViewId, setCurrentViewId] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    const initViewContext = async () => {
+      const views = fileRepo.views;
+      const currentView = views[views.length - 1];
+      const {
+        linked_repo_id: repoID
+      } = currentView;
+      const res = await context.getRepo(repoID);
+      const repo = res.data;
+      context.addRepoSetting(repo);
+      setViews(views);
+      setCurrentViewId(currentView._id);
+      setIsLoading(false);
+    };
+    initViewContext();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const insertView = (0, _react.useCallback)(view => {
+    setViews([...views, view]);
+    setCurrentViewId(view._id);
+  }, [views]);
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: 'sea-metadata'
+    }, /*#__PURE__*/_react.default.createElement(_components.CenteredLoading, null));
+  }
+  return /*#__PURE__*/_react.default.createElement(ViewContext.Provider, {
+    value: {
+      views,
+      currentViewId,
+      setCurrentViewId,
+      insertView
+    }
+  }, children);
+};
+exports.ViewContextProvider = ViewContextProvider;
+const useViewContext = () => {
+  const context = (0, _react.useContext)(ViewContext);
+  if (!context) {
+    throw new Error('\'AppContext\' is null');
+  }
+  return context;
+};
+exports.useViewContext = useViewContext;

package/dist/index.js

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Database", {
+Object.defineProperty(exports, "FileView", {
   enumerable: true,
   get: function () {
-    return _database.default;
+    return _fileView.default;
   }
 });
 require("./index.css");
-var _database = _interopRequireDefault(require("./database"));
+var _fileView = _interopRequireDefault(require("./file-view"));

package/dist/locale/en.js

@@ -319,6 +319,16 @@ const en = {
   'Thousands separator': 'Thousands separator',
   'Enforce precision': 'Enforce precision',
   'Precision': 'Permission',
-  'Select all': 'Select all'
+  'Select all': 'Select all',
+  'Add view': 'Add view',
+  'View name': 'View name',
+  'View type': 'View type',
+  'View name is required.': 'View name is required.',
+  'View type is required.': 'View type is required.',
+  'Show property names': 'Show property names',
+  'Don\'t show empty values': 'Don\'t show empty values',
+  'Text wraps': 'Text wraps',
+  'Properties to display on the card': 'Properties to display on the card',
+  'Search properties': 'Search properties'
 };
 var _default = exports.default = en;

package/dist/locale/zh_CN.js

@@ -319,6 +319,11 @@ const zh_CN = {
   'Thousands separator': '千位分隔符',
   'Enforce precision': '指定精度',
   'Precision': '精度',
-  'Select all': '选择全部'
+  'Select all': '选择全部',
+  'Add view': '增加视图',
+  'View name': '视图名称',
+  'View type': '视图类型',
+  'View name is required.': '视图名称是必填项.',
+  'View type is required.': '视图类型是必填项.'
 };
 var _default = exports.default = zh_CN;

package/dist/store/data-processor.js

@@ -202,6 +202,7 @@ class DataProcessor {
       userId,
       typesData
     } = _ref5;
+    // eslint-disable-next-line no-unused-vars
     const {
       filters,
       filter_conjunction,

package/dist/store/index.js

@@ -211,8 +211,10 @@ class Store {
   async load() {
     let limit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _constants.PER_LOAD_NUMBER;
     return this.context.getView(this.viewId).then(res => {
-      var _res$data3;
-      const view = res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.view;
+      const {
+        file_view
+      } = res.data;
+      const view = file_view.views[0];
       return this.loadMetadata(view, limit);
     });
   }
@@ -222,14 +224,14 @@ class Store {
     return this.loadMetadata(this.data.view, limit);
   }
   async loadMore(limit) {
-    var _res$data4;
+    var _res$data3;
     if (!this.data) return;
     const res = await this.context.getMetadata({
       view_id: this.viewId,
       start: this.startIndex,
       limit
     });
-    let rows = (res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.rows) || [];
+    let rows = (res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.rows) || [];
     if (!Array.isArray(rows) || rows.length === 0) {
       this.hasMore = false;
       return;
@@ -648,11 +650,11 @@ class Store {
     });
     this.applyOperation(operation);
   }
-  modifyViewType(viewId, update) {
+  modifyViewType(update) {
     const type = _operations.OPERATION_TYPE.MODIFY_VIEW_TYPE;
     const operation = this.createOperation({
       type,
-      view_id: viewId,
+      view_id: this.viewId,
       update
     });
     this.applyOperation(operation);

package/dist/store/operations/apply.js

@@ -299,7 +299,7 @@ function apply(data, operation) {
         } = operation;
         data.view = {
           ...data.view,
-          ...update
+          type: update
         };
         return data;
       }

package/dist/store/server-operator.js

@@ -472,6 +472,26 @@ class ServerOperator {
           });
           break;
         }
+      case _operations.OPERATION_TYPE.MODIFY_VIEW_TYPE:
+        {
+          const {
+            view_id,
+            update
+          } = operation;
+          this.context.modifyView(view_id, {
+            type: update
+          }).then(res => {
+            callback({
+              operation
+            });
+          }).catch(error => {
+            callback({
+              operation,
+              error: _translate.default.gettext('Failed to modify view type')
+            });
+          });
+          break;
+        }
       case _operations.OPERATION_TYPE.MODIFY_HIDDEN_COLUMNS:
         {
           const {
@@ -512,13 +532,6 @@ class ServerOperator {
           });
           break;
         }
-      case _operations.OPERATION_TYPE.MODIFY_VIEW_TYPE:
-        {
-          callback({
-            operation
-          });
-          break;
-        }
       default:
         {
           break;

package/dist/views/card/card-items/card-item/formatter.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _iconUtils = require("../../../../common/utils/icon-utils");
+var _cellFormatter = _interopRequireDefault(require("../../../../components/cell-formatter"));
+var _constants = require("../../../../constants");
+var _fileName = _interopRequireDefault(require("../../../table/formatters/file-name"));
+const SPECIAL_FILE_ICON = ['excel.png', 'md.png', 'ppt.png', 'sdoc_notification.ico', 'sdoc.png', 'txt.png', 'word.png'];
+const Formatter = _ref => {
+  let {
+    value,
+    column,
+    record,
+    tagsData,
+    ...params
+  } = _ref;
+  let className = '';
+  if (column.type === _constants.CellType.FILE_NAME && value) {
+    const icon = (0, _iconUtils.getFileIconName)(value);
+    if (SPECIAL_FILE_ICON.includes(icon)) {
+      className = 'sf-metadata-special-file-name-formatter';
+    }
+  }
+  if (column.type === _constants.CellType.FILE_NAME) {
+    return /*#__PURE__*/_react.default.createElement(_fileName.default, Object.assign({
+      row: record,
+      column: column,
+      value: value
+    }, params));
+  }
+  return /*#__PURE__*/_react.default.createElement(_cellFormatter.default, Object.assign({}, params, {
+    readonly: true,
+    className: className,
+    value: value,
+    column: column,
+    row: record,
+    tagsData: tagsData
+  }));
+};
+var _default = exports.default = Formatter;