@seafile/seafile-database 0.0.22 → 0.0.24

package/dist/components/view-toolbar/views/view-item/index.css

@@ -0,0 +1,83 @@
+.sea-metadata-views .sea-metadata-view-container {
+  padding: 0 12px;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  flex-shrink: 0;
+  position: relative;
+}
+
+.sea-metadata-views .sea-metadata-view-container:first-child {
+  padding-left: 0;
+}
+
+.sea-metadata-views .sea-metadata-view-next-position-before::before,
+.sea-metadata-views .sea-metadata-view-next-position-after::after {
+  content: '';
+  border: 1px solid #555;
+  border-radius: 1px;
+  position: absolute;
+  top: 4px;
+  bottom: 4px;
+}
+
+.sea-metadata-views .sea-metadata-view-next-position-before::before {
+  left: 0;
+}
+
+.sea-metadata-views .sea-metadata-view-next-position-after::after {
+  right: -2px;
+}
+
+.sea-metadata-views .sea-metadata-view-item { 
+  height: 100%;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+.sea-metadata-views .sea-metadata-view-item.disabled {
+  cursor: default;
+}
+
+.sea-metadata-views .sea-metadata-view-item.active { 
+  color: #ED7109;
+  position: relative;
+  transition: color .3;
+}
+
+.sea-metadata-views .sea-metadata-view-item.active::before { 
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  background-color: #ED7109;
+}
+
+.sea-metadata-views .sea-metadata-view-item-operation-down {
+  height: 12px;
+  width: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sea-metadata-view-dropdown-menu {
+  display: block;
+}
+
+.sea-metadata-view-dropdown-menu .dropdown-item .sea-qa-icon-svg {
+  margin-right: 10px;
+  height: 14px;
+  width: 14px;
+  color: #666;
+  margin-top: -2px;
+}
+
+.sea-metadata-view-dropdown-menu .dropdown-item:hover .sea-qa-icon-svg {
+  color: #FFF;
+}

package/dist/components/view-toolbar/views/view-item/index.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _clickOutside = _interopRequireDefault(require("../../../../common/components/click-outside"));
+var _commonOperationConfirmationDialog = _interopRequireDefault(require("../../../../common/components/common-operation-confirmation-dialog"));
+var _modalPortal = _interopRequireDefault(require("../../../../common/components/modal-portal"));
+var _typeDetection = require("../../../../common/utils/type-detection");
+var _icons = _interopRequireDefault(require("../../../icons"));
+var _translate = _interopRequireDefault(require("../../../../lang/translate"));
+require("./index.css");
+const ViewItem = _ref => {
+  let {
+    view,
+    isSelect,
+    modifyAble,
+    deleteAble,
+    moveAble,
+    duplicateAble,
+    onSelect,
+    onModify,
+    onMove,
+    onDelete,
+    onDuplicate
+  } = _ref;
+  const [isShowDropdownMenu, setIsShowDropdownMenu] = (0, _react.useState)(false);
+  const [dropRelativePosition, setDropRelativePosition] = (0, _react.useState)('');
+  const [isShowDeleteConfirmationDialog, setIsShowDeleteConfirmationDialog] = (0, _react.useState)(false);
+  const containerRef = (0, _react.useRef)(null);
+  const viewRef = (0, _react.useRef)(null);
+  const menuStyle = (0, _react.useRef)({});
+  const enteredCounter = (0, _react.useRef)(0);
+  const onDragStart = (0, _react.useCallback)(event => {
+    event.stopPropagation();
+    event.dataTransfer.setDragImage(containerRef.current, 10, 10);
+    event.dataTransfer.effectAllowed = 'move';
+    event.dataTransfer.setData('text/plain', view._id);
+  }, [view]);
+  const onDragEnter = (0, _react.useCallback)(event => {
+    event.stopPropagation();
+    enteredCounter.current = enteredCounter.current + 1;
+  }, []);
+  const onDragOver = (0, _react.useCallback)(event => {
+    if (event.dataTransfer.dropEffect === 'copy') return;
+    event.stopPropagation();
+    event.preventDefault();
+    event.dataTransfer.dropEffect = 'move';
+    const dropRelativePosition = event.nativeEvent.offsetX <= event.target.clientWidth / 2 ? 'before' : 'after';
+    setDropRelativePosition(dropRelativePosition);
+  }, []);
+  const onDragLeave = (0, _react.useCallback)(event => {
+    event.stopPropagation();
+    enteredCounter.current = enteredCounter.current - 1;
+    if (!enteredCounter.current === 0) return;
+    setDropRelativePosition('');
+  }, []);
+  const onDrop = (0, _react.useCallback)(event => {
+    event.stopPropagation();
+    event.preventDefault();
+    enteredCounter.current = 0;
+    const moveViewID = event.dataTransfer.getData('text/plain');
+    const {
+      _id
+    } = view;
+    if (moveViewID !== _id) {
+      onMove && onMove(moveViewID, _id, dropRelativePosition);
+    }
+    setDropRelativePosition('');
+  }, [view, dropRelativePosition, onMove]);
+  const openDropdownMenu = (0, _react.useCallback)(() => {
+    const {
+      left,
+      bottom
+    } = viewRef.current.getBoundingClientRect();
+    menuStyle.current = {
+      left,
+      top: bottom
+    };
+    setIsShowDropdownMenu(true);
+  }, []);
+  const closeDropdown = (0, _react.useCallback)(() => {
+    setIsShowDropdownMenu(false);
+  }, []);
+  const openDeleteConfirmationDialog = (0, _react.useCallback)(() => {
+    setIsShowDropdownMenu(false);
+    setIsShowDeleteConfirmationDialog(true);
+  }, []);
+  const closeDeleteConfirmationDialog = (0, _react.useCallback)(() => {
+    setIsShowDeleteConfirmationDialog(false);
+  }, []);
+  const handleModify = (0, _react.useCallback)(() => {
+    setIsShowDropdownMenu(false);
+    onModify && onModify();
+  }, [onModify]);
+  const handleDuplicate = (0, _react.useCallback)(() => {
+    setIsShowDropdownMenu(false);
+    onDuplicate && onDuplicate(view._id);
+  }, [view, onDuplicate]);
+  const props = moveAble ? {
+    onDragStart,
+    onDragEnter,
+    onDragOver,
+    onDragLeave,
+    onDrop,
+    draggable: 'true'
+  } : {};
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", Object.assign({
+    className: (0, _classnames.default)('sea-metadata-view-container', {
+      'sea-metadata-view-next-position-before': dropRelativePosition === 'before',
+      'sea-metadata-view-next-position-after': dropRelativePosition === 'after'
+    }),
+    ref: containerRef
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames.default)('sea-metadata-view-item', {
+      'active': isSelect,
+      'disabled': !(0, _typeDetection.isFunction)(onSelect)
+    }),
+    onClick: () => onSelect && onSelect(view._id),
+    key: view._id,
+    ref: viewRef
+  }, view.name, isSelect && /*#__PURE__*/React.createElement("div", {
+    className: "sea-metadata-view-item-operation-down",
+    onClick: openDropdownMenu
+  }, /*#__PURE__*/React.createElement(_icons.default, {
+    symbol: "down"
+  })))), isShowDeleteConfirmationDialog && /*#__PURE__*/React.createElement(_commonOperationConfirmationDialog.default, {
+    toggleDialog: closeDeleteConfirmationDialog,
+    title: _translate.default.gettext('Delete view'),
+    message: _translate.default.gettext('Are you sure you want to delete view {placeholder} ?').replace('{placeholder}', `<b>${view.name}</b>`),
+    confirmBtnText: _translate.default.gettext('Delete'),
+    executeOperation: () => onDelete(view._id)
+  }), isShowDropdownMenu && /*#__PURE__*/React.createElement(_modalPortal.default, null, /*#__PURE__*/React.createElement(_clickOutside.default, {
+    onClickOutside: closeDropdown
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sea-qa-dropdown-menu dropdown-menu position-fixed sea-metadata-view-dropdown-menu",
+    style: menuStyle.current
+  }, modifyAble && /*#__PURE__*/React.createElement("button", {
+    onClick: handleModify,
+    className: "dropdown-item sea-qa-dropdown-item"
+  }, /*#__PURE__*/React.createElement(_icons.default, {
+    symbol: "rename"
+  }), _translate.default.gettext('Rename view')), duplicateAble && /*#__PURE__*/React.createElement("button", {
+    onClick: handleDuplicate,
+    className: "dropdown-item sea-qa-dropdown-item"
+  }, /*#__PURE__*/React.createElement(_icons.default, {
+    symbol: "copy"
+  }), _translate.default.gettext('Duplicate view')), deleteAble && /*#__PURE__*/React.createElement("button", {
+    onClick: openDeleteConfirmationDialog,
+    className: "dropdown-item sea-qa-dropdown-item"
+  }, /*#__PURE__*/React.createElement(_icons.default, {
+    symbol: "delete"
+  }), _translate.default.gettext('Delete view'))))));
+};
+var _default = exports.default = ViewItem;

package/dist/constants/event-bus-type.js

@@ -66,7 +66,5 @@ const EVENT_BUS_TYPE = exports.EVENT_BUS_TYPE = {
   START_SEARCH_ROWS: 'start_search_rows',
   CLEAR_SEARCH_ROWS: 'clear_search_rows',
   RE_SEARCH_ROWS: 're_search_rows',
-  DISPLAY_SORTS: 'display_sorts',
-  // card
-  UPDATE_SELECTED_RECORD_IDS: 'update_selected_record_ids'
+  DISPLAY_SORTS: 'display_sorts'
 };

package/dist/constants/view/index.js

@@ -17,7 +17,6 @@ var _exportNames = {
   VIEW_SORT_COLUMN_RULES: true,
   VIEW_FIRST_SORT_COLUMN_RULES: true,
   KANBAN_SETTINGS_KEYS: true,
-  CARD_SETTINGS_KEYS: true,
   VIEW_DEFAULT_SETTINGS: true,
   VIEW_PROPERTY_KEYS: true,
   VIEW_INCOMPATIBLE_PROPERTIES: true,
@@ -25,8 +24,7 @@ var _exportNames = {
   VIEW_TOOL: true,
   VIEW_TOOLS: true
 };
-exports.VIEW_TYPE_ICON = exports.VIEW_TYPE_DEFAULT_SORTS = exports.VIEW_TYPE_DEFAULT_BASIC_FILTER = exports.VIEW_TYPES_SUPPORT_SHOW_DETAIL = exports.VIEW_TYPE = exports.VIEW_TOOLS = exports.VIEW_TOOL = exports.VIEW_SORT_COLUMN_RULES = exports.VIEW_PROPERTY_KEYS = exports.VIEW_INCOMPATIBLE_PROPERTIES = exports.VIEW_FIRST_SORT_COLUMN_RULES = exports.VIEW_DEFAULT_SETTINGS = exports.VIEWS_TYPE_VIEW = exports.VIEWS_TYPE_FOLDER = exports.TREE_NODE_LEFT_INDENT = exports.METADATA_VIEWS_KEY = exports.METADATA_VIEWS_DRAG_DATA_KEY = exports.KANBAN_SETTINGS_KEYS = exports.FACE_RECOGNITION_VIEW_ID = exports.CARD_SETTINGS_KEYS = void 0;
-var _column = require("../column");
+exports.VIEW_TYPE_ICON = exports.VIEW_TYPE_DEFAULT_SORTS = exports.VIEW_TYPE_DEFAULT_BASIC_FILTER = exports.VIEW_TYPES_SUPPORT_SHOW_DETAIL = exports.VIEW_TYPE = exports.VIEW_TOOLS = exports.VIEW_TOOL = exports.VIEW_SORT_COLUMN_RULES = exports.VIEW_PROPERTY_KEYS = exports.VIEW_INCOMPATIBLE_PROPERTIES = exports.VIEW_FIRST_SORT_COLUMN_RULES = exports.VIEW_DEFAULT_SETTINGS = exports.VIEWS_TYPE_VIEW = exports.VIEWS_TYPE_FOLDER = exports.TREE_NODE_LEFT_INDENT = exports.METADATA_VIEWS_KEY = exports.METADATA_VIEWS_DRAG_DATA_KEY = exports.KANBAN_SETTINGS_KEYS = exports.FACE_RECOGNITION_VIEW_ID = void 0;
 var _filter = require("../filter");
 var _sort = require("../sort");
 var _gallery = require("./gallery");
@@ -73,8 +71,7 @@ const VIEWS_TYPE_VIEW = exports.VIEWS_TYPE_VIEW = 'view';
 const VIEW_TYPE = exports.VIEW_TYPE = {
   TABLE: 'table',
   GALLERY: 'gallery',
-  KANBAN: 'kanban',
-  CARD: 'card'
+  KANBAN: 'kanban'
 };
 const FACE_RECOGNITION_VIEW_ID = exports.FACE_RECOGNITION_VIEW_ID = '_face_recognition';
 const VIEW_TYPE_ICON = exports.VIEW_TYPE_ICON = {
@@ -96,19 +93,6 @@ const VIEW_TYPE_DEFAULT_BASIC_FILTER = exports.VIEW_TYPE_DEFAULT_BASIC_FILTER =
     filter_predicate: _filter.FILTER_PREDICATE_TYPE.HAS_ANY_OF,
     filter_term: []
   }],
-  [VIEW_TYPE.CARD]: [{
-    column_key: _column.PRIVATE_COLUMN_KEY.IS_DIR,
-    filter_predicate: _filter.FILTER_PREDICATE_TYPE.IS,
-    filter_term: 'file'
-  }, {
-    column_key: _column.PRIVATE_COLUMN_KEY.FILE_TYPE,
-    filter_predicate: _filter.FILTER_PREDICATE_TYPE.IS_ANY_OF,
-    filter_term: []
-  }, {
-    column_key: _column.PRIVATE_COLUMN_KEY.TAGS,
-    filter_predicate: _filter.FILTER_PREDICATE_TYPE.HAS_ALL_OF,
-    filter_term: []
-  }],
   [VIEW_TYPE.GALLERY]: [],
   [VIEW_TYPE.KANBAN]: []
 };
@@ -119,13 +103,11 @@ const VIEW_TYPE_DEFAULT_SORTS = exports.VIEW_TYPE_DEFAULT_SORTS = {
 };
 const VIEW_SORT_COLUMN_RULES = exports.VIEW_SORT_COLUMN_RULES = {
   [VIEW_TYPE.TABLE]: column => _sort.SORT_COLUMN_OPTIONS.includes(column.type) && column.sort_able,
-  [VIEW_TYPE.CARD]: column => _sort.SORT_COLUMN_OPTIONS.includes(column.type),
   [VIEW_TYPE.GALLERY]: column => _sort.GALLERY_SORT_COLUMN_OPTIONS.includes(column.type) && column.sort_able,
   [VIEW_TYPE.KANBAN]: column => _sort.SORT_COLUMN_OPTIONS.includes(column.type) && column.sort_able
 };
 const VIEW_FIRST_SORT_COLUMN_RULES = exports.VIEW_FIRST_SORT_COLUMN_RULES = {
   [VIEW_TYPE.TABLE]: column => _sort.SORT_COLUMN_OPTIONS.includes(column.type),
-  [VIEW_TYPE.CARD]: column => _sort.SORT_COLUMN_OPTIONS.includes(column.type),
   [VIEW_TYPE.GALLERY]: column => _sort.GALLERY_FIRST_SORT_COLUMN_OPTIONS.includes(column.type),
   [VIEW_TYPE.KANBAN]: column => _sort.SORT_COLUMN_OPTIONS.includes(column.type)
 };
@@ -137,12 +119,6 @@ const KANBAN_SETTINGS_KEYS = exports.KANBAN_SETTINGS_KEYS = {
   TEXT_WRAP: 'text_wrap',
   COLUMNS: 'columns' // display and order
 };
-const CARD_SETTINGS_KEYS = exports.CARD_SETTINGS_KEYS = {
-  HIDE_EMPTY_VALUE: 'hide_empty_value',
-  SHOW_COLUMN_NAME: 'show_column_name',
-  TEXT_WRAP: 'text_wrap',
-  COLUMNS: 'columns' // display and order
-};
 const VIEW_DEFAULT_SETTINGS = exports.VIEW_DEFAULT_SETTINGS = {
   [VIEW_TYPE.TABLE]: {},
   [VIEW_TYPE.GALLERY]: {},
@@ -153,12 +129,6 @@ const VIEW_DEFAULT_SETTINGS = exports.VIEW_DEFAULT_SETTINGS = {
     [KANBAN_SETTINGS_KEYS.SHOW_COLUMN_NAME]: false,
     [KANBAN_SETTINGS_KEYS.TEXT_WRAP]: false,
     [KANBAN_SETTINGS_KEYS.COLUMNS]: []
-  },
-  [VIEW_TYPE.CARD]: {
-    [CARD_SETTINGS_KEYS.HIDE_EMPTY_VALUE]: false,
-    [CARD_SETTINGS_KEYS.SHOW_COLUMN_NAME]: false,
-    [CARD_SETTINGS_KEYS.TEXT_WRAP]: false,
-    [CARD_SETTINGS_KEYS.COLUMNS]: []
   }
 };
 const VIEW_PROPERTY_KEYS = exports.VIEW_PROPERTY_KEYS = {

package/dist/context.js

@@ -25,13 +25,13 @@ class Context {
     let isViewComputedOnServer = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
     (0, _defineProperty2.default)(this, "initLocalStorage", settings => {
       const {
+        repoID,
         view_data
       } = settings;
       const {
-        wiki_id: wikiID,
-        file_repo_id: fileRepoID
+        view_id: viewID
       } = view_data;
-      const localStorageName = `sf-metadata-${wikiID}-${fileRepoID}`;
+      const localStorageName = `sf-metadata-${repoID}-${viewID}`;
       const localStorage = new _localStorage.default(localStorageName);
       return localStorage;
     });
@@ -43,9 +43,6 @@ class Context {
       this.localStorage = null;
       this.isViewComputedOnServer = true;
     });
-    (0, _defineProperty2.default)(this, "initViewSettings", () => {
-      // todo;
-    });
     (0, _defineProperty2.default)(this, "getViewSetting", function (key) {
       let defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       if (_this.settings[key] === false) return _this.settings[key];
@@ -55,33 +52,6 @@ class Context {
       const viewData = this.settings['view_data'];
       return viewData.view_id;
     });
-    (0, _defineProperty2.default)(this, "addFileRepoIdSetting", fileRepoId => {
-      if (!fileRepoId) {
-        throw new Error('fileRepoId is not exist');
-      }
-      this.settings['fileRepoId'] = fileRepoId;
-    });
-    (0, _defineProperty2.default)(this, "addRepoSetting", repo => {
-      if (!repo) {
-        throw new Error('fileRepoId is not exist');
-      }
-      this.settings['repoInfo'] = repo;
-      this.settings['repoID'] = repo.repo_id;
-      this.settings['permission'] = repo.permission;
-    });
-    (0, _defineProperty2.default)(this, "getFileRepoInfo", () => {
-      if (!this.api) return null;
-      const view_data = this.settings['view_data'];
-      const {
-        wiki_id,
-        file_repo_id
-      } = view_data;
-      return this.api.getFileRepoInfo(wiki_id, file_repo_id);
-    });
-    (0, _defineProperty2.default)(this, "getRepo", repoID => {
-      if (!this.api) return null;
-      return this.api.getRepo(repoID);
-    });
     (0, _defineProperty2.default)(this, "getCollaborators", () => {
       if (!this.api) return null;
       const {
@@ -96,62 +66,25 @@ class Context {
       } = this.settings;
       return this.api.getTags(repoID);
     });
-    // metadata
-    (0, _defineProperty2.default)(this, "getMetadata", params => {
-      if (!this.api) return null;
-      const {
-        view_data
-      } = this.settings;
-      const {
-        wiki_id,
-        file_repo_id
-      } = view_data;
-      const newParams = {
-        ...params,
-        wiki_id,
-        file_repo_id
-      };
-      return this.api.getMetadata(newParams);
-    });
     // view
+    (0, _defineProperty2.default)(this, "getViews", () => {
+      return this.api.getViews();
+    });
     (0, _defineProperty2.default)(this, "getView", viewId => {
       if (!this.api) return null;
       const {
         view_data
       } = this.settings;
-      return this.api.getView({
-        ...view_data,
-        view_id: viewId
-      });
-    });
-    (0, _defineProperty2.default)(this, "insertView", viewData => {
-      const {
-        view_data
-      } = this.settings;
-      const {
-        wiki_id,
-        file_repo_id
-      } = view_data;
-      return this.api.insertView(wiki_id, file_repo_id, viewData);
-    });
-    (0, _defineProperty2.default)(this, "deleteView", viewID => {
-      return this.api.deleteView(viewID);
+      return this.api.getView(view_data);
     });
-    (0, _defineProperty2.default)(this, "modifyView", (viewId, viewData) => {
+    // metadata
+    (0, _defineProperty2.default)(this, "getMetadata", params => {
+      if (!this.api) return null;
       const {
         view_data
       } = this.settings;
-      const {
-        wiki_id,
-        file_repo_id
-      } = view_data;
-      return this.api.modifyView(wiki_id, file_repo_id, viewId, viewData);
-    });
-    (0, _defineProperty2.default)(this, "moveView", (sourceViewID, targetViewID) => {
-      return this.api.moveView(sourceViewID, targetViewID);
-    });
-    (0, _defineProperty2.default)(this, "duplicateView", viewID => {
-      return this.api.duplicateView(viewID);
+      params['view_data'] = view_data;
+      return this.api.getMetadata(params);
     });
     (0, _defineProperty2.default)(this, "getPermission", () => {
       return this.permission;
@@ -364,6 +297,28 @@ class Context {
       });
       return Promise.all(deletedRows);
     });
+    // view
+    (0, _defineProperty2.default)(this, "insertView", (name, viewData) => {
+      return this.api.insertView(name, viewData);
+    });
+    (0, _defineProperty2.default)(this, "deleteView", viewID => {
+      return this.api.deleteView(viewID);
+    });
+    (0, _defineProperty2.default)(this, "modifyView", (viewId, viewData) => {
+      const {
+        view_data
+      } = this.settings;
+      const {
+        wiki_id
+      } = view_data;
+      return this.api.modifyView(wiki_id, viewId, viewData);
+    });
+    (0, _defineProperty2.default)(this, "moveView", (sourceViewID, targetViewID) => {
+      return this.api.moveView(sourceViewID, targetViewID);
+    });
+    (0, _defineProperty2.default)(this, "duplicateView", viewID => {
+      return this.api.duplicateView(viewID);
+    });
     (0, _defineProperty2.default)(this, "getRowsByIds", () => {
       // todo
     });

package/dist/database.js

@@ -8,18 +8,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _components = require("./common/components");
 var _viewToolbar = _interopRequireDefault(require("./components/view-toolbar"));
+var _globalSettings = _interopRequireDefault(require("./global-settings"));
 var _hooks = require("./hooks");
+var _appContext = require("./hooks/app-context");
+var _translate = _interopRequireDefault(require("./lang/translate"));
 var _views = _interopRequireDefault(require("./views"));
-const Database = _ref => {
+const Database = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     settings,
-    fixedColumnCount
+    fixedColumnCount = 1
   } = _ref;
-  const {
-    isLoading
-  } = (0, _hooks.useMetadata)();
+  (0, _react.useEffect)(() => {
+    _translate.default.initTranslate(settings);
+    _globalSettings.default.initSettings(settings);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const style = (0, _react.useMemo)(() => {
     const {
       width,
@@ -34,13 +38,16 @@ const Database = _ref => {
     }
     return null;
   }, [settings.view_data]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_appContext.AppContextProvider, {
+    settings: settings
+  }, /*#__PURE__*/_react.default.createElement(_hooks.CollaboratorsProvider, null, /*#__PURE__*/_react.default.createElement(_hooks.TagsDataProvider, null, /*#__PURE__*/_react.default.createElement(_hooks.TypesDataProvider, null, /*#__PURE__*/_react.default.createElement(_hooks.SelectedRowsProvider, null, /*#__PURE__*/_react.default.createElement(_hooks.MetadataProvider, null, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('sea-metadata'),
-    style: style
+    style: style,
+    ref: ref
   }, /*#__PURE__*/_react.default.createElement(_viewToolbar.default, {
     fixedColumnCount: fixedColumnCount
-  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLoading && /*#__PURE__*/_react.default.createElement(_components.CenteredLoading, null), !isLoading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_views.default, {
+  }), /*#__PURE__*/_react.default.createElement(_views.default, {
     fixedColumnCount: fixedColumnCount
-  }))));
-};
+  }))))))));
+});
 var _default = exports.default = Database;

package/dist/global-settings.js

@@ -29,9 +29,7 @@ class GlobalSettings {
       lang: settings.lang,
       thumbnailSizeForOriginal: settings.thumbnailSizeForOriginal,
       thumbnailDefaultSize: settings.thumbnailDefaultSize,
-      isDevelopment: settings.isDevelopment,
-      enableThumbnailServer: settings.enableThumbnailServer,
-      enableSeadoc: settings.enableSeadoc
+      isDevelopment: settings.isDevelopment
     };
   }
   static getSetting(key) {

package/dist/hooks/{file-repo-context.js → app-context.js}

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFileRepoContext = exports.FileRepoContextProvider = void 0;
+exports.useAppContext = exports.AppContextProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _jsCookie = _interopRequireDefault(require("js-cookie"));
 var _api = _interopRequireDefault(require("../api/api"));
@@ -14,7 +14,7 @@ var _eventBus = _interopRequireDefault(require("../common/utils/event-bus"));
 var _context = _interopRequireDefault(require("../context"));
 /* eslint-disable react/prop-types */
 
-const FileRepoContext = /*#__PURE__*/_react.default.createContext(null);
+const AppContext = /*#__PURE__*/_react.default.createContext(null);
 const initAPI = settings => {
   return new Promise((resolve, reject) => {
     const seafileAPI = new _api.default();
@@ -48,34 +48,30 @@ const initAPI = settings => {
     }
   });
 };
-const FileRepoContextProvider = _ref => {
+const AppContextProvider = _ref => {
   let {
     settings,
     children
   } = _ref;
   const [isInit, setIsInit] = (0, _react.useState)(true);
   const [context, setContext] = (0, _react.useState)(null);
-  const [fileRepo, setFileRepo] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const initContext = async () => {
       const eventBus = new _eventBus.default();
       const api = await initAPI(settings);
-      // const { repoID } = settings;
-      // const res = await api.getRepoInfo(repoID);
-      // const repo = res.data;
-      // const newSettings = {
-      //   ...settings,
-      //   permission: repo.permission, // TODO
-      //   repoInfo: repo,
-      // };
-      const context = new _context.default(settings, eventBus, api);
-      const result = await context.getFileRepoInfo();
       const {
-        file_repo
-      } = result.data;
-      context.addFileRepoIdSetting(file_repo.id);
+        repoID
+      } = settings;
+      const res = await api.getRepoInfo(repoID);
+      const repo = res.data;
+      const newSettings = {
+        ...settings,
+        permission: repo.permission,
+        // TODO
+        repoInfo: repo
+      };
+      const context = new _context.default(newSettings, eventBus, api);
       setContext(context);
-      setFileRepo(file_repo);
       setIsInit(false);
     };
     initContext();
@@ -86,19 +82,18 @@ const FileRepoContextProvider = _ref => {
       className: 'sea-metadata'
     }, /*#__PURE__*/_react.default.createElement(_components.CenteredLoading, null));
   }
-  return /*#__PURE__*/_react.default.createElement(FileRepoContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(AppContext.Provider, {
     value: {
-      context,
-      fileRepo
+      context
     }
   }, children);
 };
-exports.FileRepoContextProvider = FileRepoContextProvider;
-const useFileRepoContext = () => {
-  const context = (0, _react.useContext)(FileRepoContext);
+exports.AppContextProvider = AppContextProvider;
+const useAppContext = () => {
+  const context = (0, _react.useContext)(AppContext);
   if (!context) {
     throw new Error('\'AppContext\' is null');
   }
   return context;
 };
-exports.useFileRepoContext = useFileRepoContext;
+exports.useAppContext = useAppContext;