@seafile/seafile-database 0.0.19 → 0.0.21

package/dist/components/view-toolbar/view-items/index.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Views;
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("../../../common/components");
+var _utils = require("../../../common/utils/utils");
+var _insertViewDialog = _interopRequireDefault(require("../../dialogs/insert-view-dialog"));
+var _icons = _interopRequireDefault(require("../../icons"));
+var _hooks = require("../../../hooks");
+var _viewsPopover = _interopRequireDefault(require("./views-popover"));
+require("./index.css");
+function Views() {
+  const {
+    context
+  } = (0, _hooks.useFileRepoContext)();
+  const {
+    views,
+    currentViewId,
+    insertView
+  } = (0, _hooks.useViewContext)();
+  const viewRef = (0, _react.useRef)(null);
+  const [menuStyle, setMenuStyle] = (0, _react.useState)(null);
+  const [isShowViewsPopover, setIsShowViewsPopover] = (0, _react.useState)(false);
+  const [isShowAddViewDialog, setIsShowAddViewDialog] = (0, _react.useState)(false);
+  const currentView = (0, _react.useMemo)(() => {
+    return views.find(view => view._id === currentViewId);
+  }, [currentViewId, views]);
+  const onOpenViewsPopover = (0, _react.useCallback)(event => {
+    event && event.stopPropagation();
+    if (isShowViewsPopover) {
+      setIsShowViewsPopover(false);
+      return;
+    }
+    const {
+      left,
+      bottom
+    } = viewRef.current.getBoundingClientRect();
+    setMenuStyle({
+      left,
+      top: bottom + 12
+    }); // 12 is (view item height) - (all views button height)
+    setIsShowViewsPopover(true);
+  }, [isShowViewsPopover]);
+  const onCloseViewsPopover = (0, _react.useCallback)(event => {
+    event && event.stopPropagation();
+    setIsShowViewsPopover(false);
+  }, []);
+  const onAddViewDialogToggle = (0, _react.useCallback)(() => {
+    setIsShowAddViewDialog(!isShowAddViewDialog);
+    setIsShowViewsPopover(false);
+  }, [isShowAddViewDialog]);
+  const onAddView = (0, _react.useCallback)((viewName, viewType) => {
+    context.insertView({
+      name: viewName,
+      type: viewType
+    }).then(res => {
+      const {
+        view
+      } = res.data;
+      insertView(view);
+      onAddViewDialogToggle();
+    }).catch(err => {
+      const errMessage = _utils.Utils.getErrorMsg(err);
+      _components.toaster.danger(errMessage);
+    });
+  }, [context, insertView, onAddViewDialogToggle]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sea-database-views-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: viewRef,
+    className: "base-view-item",
+    onClick: onOpenViewsPopover
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "view-name"
+  }, currentView.name), /*#__PURE__*/_react.default.createElement("div", {
+    className: "view-icons ml-2"
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    width: "8px",
+    height: "8px",
+    symbol: 'arrow-up'
+  }), /*#__PURE__*/_react.default.createElement(_icons.default, {
+    width: "8px",
+    height: "8px",
+    symbol: 'arrow-down'
+  }))), isShowViewsPopover && /*#__PURE__*/_react.default.createElement(_viewsPopover.default, {
+    menuStyle: menuStyle,
+    onViewsPopoverToggle: onCloseViewsPopover,
+    onAddViewDialogToggle: onAddViewDialogToggle
+  }), isShowAddViewDialog && /*#__PURE__*/_react.default.createElement(_insertViewDialog.default, {
+    onAddView: onAddView,
+    toggleCancel: onAddViewDialogToggle
+  })));
+}

package/dist/components/view-toolbar/view-items/views-popover.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ViewsPopover;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../../common/components");
+var _icons = _interopRequireDefault(require("../../icons"));
+var _keyCodes = require("../../../constants/keyCodes");
+var _hooks = require("../../../hooks");
+var _translate = _interopRequireDefault(require("../../../lang/translate"));
+require("../../../assets/css/dropdown-menu.css");
+function ViewsPopover(_ref) {
+  let {
+    menuStyle,
+    onViewsPopoverToggle,
+    onAddViewDialogToggle
+  } = _ref;
+  const {
+    views,
+    currentViewId,
+    setCurrentViewId
+  } = (0, _hooks.useViewContext)();
+  const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const onKeyDown = (0, _react.useCallback)(event => {
+    if (event.keyCode === _keyCodes.KeyCodes.ChineseInputMethod || event.keyCode === _keyCodes.KeyCodes.LeftArrow || event.keyCode === _keyCodes.KeyCodes.RightArrow) {
+      event.stopPropagation();
+    }
+  }, []);
+  const onSearchValueChange = (0, _react.useCallback)(newSearchValue => {
+    if (searchValue === newSearchValue) return;
+    setSearchValue(newSearchValue);
+  }, [searchValue]);
+  const toggleView = (0, _react.useCallback)(id => {
+    setCurrentViewId(id);
+    onViewsPopoverToggle();
+  }, [onViewsPopoverToggle, setCurrentViewId]);
+  return /*#__PURE__*/_react.default.createElement(_components.ClickOutside, {
+    onClickOutside: onViewsPopoverToggle
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sea-database-dropdown-menu dropdown-menu position-fixed sea-database-views-dropdown-menu",
+    style: menuStyle
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sea-database-views-search-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_components.SearchInput, {
+    autoFocus: true,
+    isShowSearchIcon: true,
+    value: searchValue,
+    size: 28,
+    placeholder: _translate.default.gettext('Search view'),
+    onKeyDown: onKeyDown,
+    onChange: onSearchValueChange
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sea-database-views-list-wrapper"
+  }, views.map(view => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: view._id,
+      onClick: () => {
+        toggleView(view._id);
+      },
+      className: (0, _classnames.default)('sea-database-dropdown-menu-item view-item')
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "view-item-left",
+      draggable: true
+    }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+      symbol: "drag"
+    }), view.name), /*#__PURE__*/_react.default.createElement("span", {
+      className: "view-item-right"
+    }, view._id === currentViewId && /*#__PURE__*/_react.default.createElement(_icons.default, {
+      symbol: "check"
+    })));
+  })), /*#__PURE__*/_react.default.createElement(_components.CommonAddTool, {
+    callBack: onAddViewDialogToggle,
+    footerName: _translate.default.gettext('Add view')
+  })));
+}

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

@@ -66,5 +66,7 @@ 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'
+  DISPLAY_SORTS: 'display_sorts',
+  // card
+  UPDATE_SELECTED_RECORD_IDS: 'update_selected_record_ids'
 };

package/dist/constants/view/index.js

@@ -17,6 +17,7 @@ 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,
@@ -24,7 +25,8 @@ 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 = void 0;
+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");
 var _filter = require("../filter");
 var _sort = require("../sort");
 var _gallery = require("./gallery");
@@ -71,7 +73,8 @@ const VIEWS_TYPE_VIEW = exports.VIEWS_TYPE_VIEW = 'view';
 const VIEW_TYPE = exports.VIEW_TYPE = {
   TABLE: 'table',
   GALLERY: 'gallery',
-  KANBAN: 'kanban'
+  KANBAN: 'kanban',
+  CARD: 'card'
 };
 const FACE_RECOGNITION_VIEW_ID = exports.FACE_RECOGNITION_VIEW_ID = '_face_recognition';
 const VIEW_TYPE_ICON = exports.VIEW_TYPE_ICON = {
@@ -93,6 +96,19 @@ 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]: []
 };
@@ -103,11 +119,13 @@ 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)
 };
@@ -119,6 +137,12 @@ 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]: {},
@@ -129,6 +153,12 @@ 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

@@ -9,19 +9,29 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 var _localStorage = _interopRequireDefault(require("./common/utils/local-storage"));
 var _typeDetection = require("./common/utils/type-detection");
 var _constants = require("./constants");
+// const settings = {
+//   file_view: {
+//     id: '',
+//     name: '',
+//     icon: '',
+//     linked_repo_id: '',
+//     views: '',
+//   }
+// };
+
 class Context {
   constructor(_settings, eventBus, api) {
     var _this = this;
     let isViewComputedOnServer = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
     (0, _defineProperty2.default)(this, "initLocalStorage", settings => {
       const {
-        repoID,
         view_data
       } = settings;
       const {
-        view_id: viewID
+        wiki_id: wikiID,
+        file_repo_id: fileRepoID
       } = view_data;
-      const localStorageName = `sf-metadata-${repoID}-${viewID}`;
+      const localStorageName = `sf-metadata-${wikiID}-${fileRepoID}`;
       const localStorage = new _localStorage.default(localStorageName);
       return localStorage;
     });
@@ -33,6 +43,9 @@ 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];
@@ -42,6 +55,33 @@ 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 {
@@ -56,25 +96,62 @@ class Context {
       } = this.settings;
       return this.api.getTags(repoID);
     });
-    // view
-    (0, _defineProperty2.default)(this, "getViews", () => {
-      return this.api.getViews();
+    // 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, "getView", viewId => {
       if (!this.api) return null;
       const {
         view_data
       } = this.settings;
-      return this.api.getView(view_data);
+      return this.api.getView({
+        ...view_data,
+        view_id: viewId
+      });
     });
-    // metadata
-    (0, _defineProperty2.default)(this, "getMetadata", params => {
-      if (!this.api) return null;
+    (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);
+    });
+    (0, _defineProperty2.default)(this, "modifyView", (viewId, viewData) => {
       const {
         view_data
       } = this.settings;
-      params['view_data'] = view_data;
-      return this.api.getMetadata(params);
+      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);
     });
     (0, _defineProperty2.default)(this, "getPermission", () => {
       return this.permission;
@@ -287,28 +364,6 @@ 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,22 +8,18 @@ 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 = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const Database = _ref => {
   let {
     settings,
-    fixedColumnCount = 1
+    fixedColumnCount
   } = _ref;
-  (0, _react.useEffect)(() => {
-    _translate.default.initTranslate(settings);
-    _globalSettings.default.initSettings(settings);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  const {
+    isLoading
+  } = (0, _hooks.useMetadata)();
   const style = (0, _react.useMemo)(() => {
     const {
       width,
@@ -38,16 +34,13 @@ const Database = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     }
     return null;
   }, [settings.view_data]);
-  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", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('sea-metadata'),
-    style: style,
-    ref: ref
+    style: style
   }, /*#__PURE__*/_react.default.createElement(_viewToolbar.default, {
     fixedColumnCount: fixedColumnCount
-  }), /*#__PURE__*/_react.default.createElement(_views.default, {
+  }), /*#__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, {
     fixedColumnCount: fixedColumnCount
-  }))))))));
-});
+  }))));
+};
 var _default = exports.default = Database;

package/dist/file-base.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _database = _interopRequireDefault(require("./database"));
+var _globalSettings = _interopRequireDefault(require("./global-settings"));
+var _hooks = require("./hooks");
+var _translate = _interopRequireDefault(require("./lang/translate"));
+const FileBase = _ref => {
+  let {
+    settings,
+    fixedColumnCount = 1
+  } = _ref;
+  (0, _react.useEffect)(() => {
+    _translate.default.initTranslate(settings);
+    _globalSettings.default.initSettings(settings);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_hooks.FileRepoContextProvider, {
+    settings: settings
+  }, /*#__PURE__*/_react.default.createElement(_hooks.ViewContextProvider, null, /*#__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(_database.default, {
+    settings: settings,
+    fixedColumnCount: fixedColumnCount
+  }))))))));
+};
+var _default = exports.default = FileBase;

package/dist/global-settings.js

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

package/dist/hooks/collaborators.js

@@ -7,11 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useCollaborators = exports.CollaboratorsProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _components = require("../common/components");
 var _globalSettings = _interopRequireDefault(require("../global-settings"));
 var _user = _interopRequireDefault(require("../models/user"));
 var _validate = require("../utils/validate");
 var _userService = _interopRequireDefault(require("../utils/user-service"));
-var _appContext = require("./app-context");
+var _fileRepoContext = require("./file-repo-context");
 /* eslint-disable react/prop-types */
 
 const CollaboratorsContext = /*#__PURE__*/_react.default.createContext(null);
@@ -21,7 +22,7 @@ const CollaboratorsProvider = _ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _fileRepoContext.useFileRepoContext)();
   const [isLoading, setIsLoading] = (0, _react.useState)(true);
   const [collaboratorsCache, setCollaboratorsCache] = (0, _react.useState)({});
   const [collaborators, setCollaborators] = (0, _react.useState)([]);
@@ -72,6 +73,11 @@ const CollaboratorsProvider = _ref => {
     }
     return null;
   }, [collaborators, collaboratorsCache, updateCollaboratorsCache]);
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: 'sea-metadata'
+    }, /*#__PURE__*/_react.default.createElement(_components.CenteredLoading, null));
+  }
   return /*#__PURE__*/_react.default.createElement(CollaboratorsContext.Provider, {
     value: {
       collaborators,
@@ -80,7 +86,7 @@ const CollaboratorsProvider = _ref => {
       getCollaborator,
       queryUser
     }
-  }, isLoading && null, !isLoading && children);
+  }, children);
 };
 exports.CollaboratorsProvider = CollaboratorsProvider;
 const useCollaborators = () => {