@seafile/seafile-database 0.0.24 → 0.0.26

package/dist/constants/view/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,11 +13,13 @@ var _exportNames = {
   VIEW_TYPE: true,
   FACE_RECOGNITION_VIEW_ID: true,
   VIEW_TYPE_ICON: true,
+  VIEW_TYPE_OPTIONS: true,
   VIEW_TYPE_DEFAULT_BASIC_FILTER: true,
   VIEW_TYPE_DEFAULT_SORTS: true,
   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 +27,9 @@ 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_OPTIONS = 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 _translate = _interopRequireDefault(require("../../lang/translate"));
+var _column = require("../column");
 var _filter = require("../filter");
 var _sort = require("../sort");
 var _gallery = require("./gallery");
@@ -71,7 +76,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 = {
@@ -79,6 +85,15 @@ const VIEW_TYPE_ICON = exports.VIEW_TYPE_ICON = {
   [VIEW_TYPE.GALLERY]: 'gallery',
   [VIEW_TYPE.KANBAN]: 'kanban'
 };
+const VIEW_TYPE_OPTIONS = exports.VIEW_TYPE_OPTIONS = [{
+  name: _translate.default.gettext('Table view'),
+  value: VIEW_TYPE.TABLE,
+  icon: 'table'
+}, {
+  name: _translate.default.gettext('Card view'),
+  value: VIEW_TYPE.CARD,
+  icon: 'card'
+}];
 const VIEW_TYPE_DEFAULT_BASIC_FILTER = exports.VIEW_TYPE_DEFAULT_BASIC_FILTER = {
   [VIEW_TYPE.TABLE]: [{
     column_key: '_is_dir',
@@ -93,6 +108,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 +131,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 +149,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 +165,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

@@ -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 {
-        view_id: viewID
+        wiki_id: wikiID,
+        file_view_id: fileViewID
       } = view_data;
-      const localStorageName = `sf-metadata-${repoID}-${viewID}`;
+      const localStorageName = `sf-metadata-${wikiID}-${fileViewID}`;
       const localStorage = new _localStorage.default(localStorageName);
       return localStorage;
     });
@@ -43,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];
@@ -52,6 +55,27 @@ class Context {
       const viewData = this.settings['view_data'];
       return viewData.view_id;
     });
+    (0, _defineProperty2.default)(this, "addRepoSetting", repo => {
+      if (!repo) {
+        throw new Error('repo 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_view_id
+      } = view_data;
+      return this.api.getFileRepoInfo(wiki_id, file_view_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 {
@@ -66,25 +90,48 @@ class Context {
       } = this.settings;
       return this.api.getTags(repoID);
     });
-    // view
-    (0, _defineProperty2.default)(this, "getViews", () => {
-      return this.api.getViews();
-    });
-    (0, _defineProperty2.default)(this, "getView", viewId => {
+    // metadata
+    (0, _defineProperty2.default)(this, "getMetadata", params => {
       if (!this.api) return null;
       const {
         view_data
       } = this.settings;
-      return this.api.getView(view_data);
+      const {
+        wiki_id,
+        file_view_id
+      } = view_data;
+      const newParams = {
+        ...params,
+        wiki_id,
+        file_view_id
+      };
+      return this.api.getMetadata(newParams);
     });
-    // metadata
-    (0, _defineProperty2.default)(this, "getMetadata", params => {
+    // view
+    (0, _defineProperty2.default)(this, "getView", () => {
       if (!this.api) return null;
       const {
         view_data
       } = this.settings;
-      params['view_data'] = view_data;
-      return this.api.getMetadata(params);
+      return this.api.getView({
+        ...view_data
+      });
+    });
+    (0, _defineProperty2.default)(this, "modifyView", (viewId, viewData) => {
+      const {
+        view_data
+      } = this.settings;
+      const {
+        wiki_id,
+        file_view_id
+      } = view_data;
+      return this.api.modifyView(wiki_id, file_view_id, 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;
@@ -297,28 +344,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/file-view-base.js

@@ -0,0 +1,44 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("./common/components");
+var _hooks = require("./hooks");
+var _views = _interopRequireDefault(require("./views"));
+const FileViewBase = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    settings,
+    fixedColumnCount
+  } = _ref;
+  const {
+    isLoading
+  } = (0, _hooks.useMetadata)();
+  const style = (0, _react.useMemo)(() => {
+    const {
+      width,
+      height
+    } = settings.view_data;
+    if (width && height) {
+      return {
+        width: width - 4,
+        // border
+        height: height - 4 // border
+      };
+    }
+    return null;
+  }, [settings.view_data]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: (0, _classnames.default)('sea-metadata'),
+    style: style
+  }, /*#__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 = FileViewBase;

package/dist/file-view.js

@@ -0,0 +1,140 @@
+"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 _hoverMenu = _interopRequireDefault(require("./components/hover-menu"));
+var _fileViewBase = _interopRequireDefault(require("./file-view-base"));
+var _globalSettings = _interopRequireDefault(require("./global-settings"));
+var _hooks = require("./hooks");
+var _translate = _interopRequireDefault(require("./lang/translate"));
+const FileView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    scrollRef,
+    settings,
+    fixedColumnCount = 1,
+    readOnly
+  } = _ref;
+  const fileViewRef = (0, _react.useRef)(null);
+  const fileBaseRef = (0, _react.useRef)(null);
+  const [isShowMenu, setIsShowMenu] = (0, _react.useState)(false);
+  const [menuPosition, setMenuPosition] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
+    _translate.default.initTranslate(settings);
+    _globalSettings.default.initSettings(settings);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    getFileBaseElement: () => fileBaseRef.current,
+    fileBaseRef: fileBaseRef
+  }), []);
+  const setPosition = (0, _react.useCallback)(() => {
+    if (fileViewRef.current) {
+      const {
+        top,
+        left
+      } = fileViewRef.current.getBoundingClientRect();
+      setMenuPosition({
+        top: top - 42,
+        left: left - 3
+      });
+    }
+  }, []);
+  const onBaseContainerClick = (0, _react.useCallback)(e => {
+    setPosition();
+    setIsShowMenu(true);
+  }, [setPosition]);
+  const handleScroll = (0, _react.useCallback)(e => {
+    if (readOnly) return;
+    if (!isShowMenu) return;
+    setIsShowMenu(false);
+  }, [isShowMenu, readOnly]);
+  (0, _react.useEffect)(() => {
+    if (readOnly) return;
+    let observerRefValue = null;
+    if (scrollRef && scrollRef.current) {
+      scrollRef.current.addEventListener('scroll', handleScroll);
+      observerRefValue = scrollRef.current;
+    }
+    return () => {
+      observerRefValue && observerRefValue.removeEventListener('scroll', handleScroll);
+    };
+  }, [handleScroll, readOnly, scrollRef]);
+  (0, _react.useEffect)(() => {
+    const onHideMenu = event => {
+      const toolbarElement = document.getElementById('sdoc-metadata-hover-menu-container');
+      if (toolbarElement && toolbarElement.contains(event.target)) {
+        return;
+      }
+      // view type
+      const viewTypePopoverElement = document.querySelector('.sea-metadata-view-type-popover');
+      if (viewTypePopoverElement && viewTypePopoverElement.contains(event.target)) {
+        return;
+      }
+
+      // sort
+      const sortPopoverElement = document.querySelector('.sea-metadata-sort-popover');
+      if (sortPopoverElement && sortPopoverElement.contains(event.target)) {
+        return;
+      }
+
+      // filter
+      const filterPopoverElement = document.querySelector('.sea-metadata-filter-popover');
+      if (filterPopoverElement && filterPopoverElement.contains(event.target)) {
+        return;
+      }
+
+      // hidden column
+      const groupbysPopoverElement = document.querySelector('.sea-metadata-groupbys-popover');
+      if (groupbysPopoverElement && groupbysPopoverElement.contains(event.target)) {
+        return;
+      }
+
+      // hidden column
+      const hiddenPopoverElement = document.querySelector('.sea-metadata-hide-columns-popover');
+      if (hiddenPopoverElement && hiddenPopoverElement.contains(event.target)) {
+        return;
+      }
+
+      // settings
+      const settingsPopoverElement = document.querySelector('.sea-metadata-settings-popover');
+      if (settingsPopoverElement && settingsPopoverElement.contains(event.target)) {
+        return;
+      }
+
+      // settings
+      const fieldDisplayPopoverElement = document.querySelector('.sea-metadata-field-display-popover');
+      if (fieldDisplayPopoverElement && fieldDisplayPopoverElement.contains(event.target)) {
+        return;
+      }
+      if (fileViewRef.current && fileViewRef.current.contains(event.target)) {
+        return;
+      }
+      setIsShowMenu(false);
+    };
+    document.addEventListener('click', onHideMenu, true);
+    return () => {
+      document.removeEventListener('click', onHideMenu, true);
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_hooks.FileViewContextProvider, {
+    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("div", {
+    ref: fileViewRef,
+    className: "sdoc-file-view-base-container",
+    onClick: onBaseContainerClick
+  }, /*#__PURE__*/_react.default.createElement(_fileViewBase.default, {
+    ref: fileBaseRef,
+    settings: settings,
+    fixedColumnCount: fixedColumnCount
+  }), isShowMenu && /*#__PURE__*/_react.default.createElement(_hoverMenu.default, {
+    fixedColumnCount: fixedColumnCount,
+    viewData: settings.view_data,
+    menuPosition: menuPosition
+  })))))))));
+});
+var _default = exports.default = FileView;

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 _fileViewContext = require("./file-view-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, _fileViewContext.useFileViewContext)();
   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 = () => {

package/dist/hooks/file-view-context.js

@@ -0,0 +1,95 @@
+"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.useFileViewContext = exports.FileViewContextProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsCookie = _interopRequireDefault(require("js-cookie"));
+var _api = _interopRequireDefault(require("../api/api"));
+var _components = require("../common/components");
+var _eventBus = _interopRequireDefault(require("../common/utils/event-bus"));
+var _context = _interopRequireDefault(require("../context"));
+/* eslint-disable react/prop-types */
+
+const FileViewContext = /*#__PURE__*/_react.default.createContext(null);
+const initAPI = settings => {
+  return new Promise((resolve, reject) => {
+    const seafileAPI = new _api.default();
+    const {
+      isDevelopment
+    } = settings;
+    if (isDevelopment) {
+      const {
+        serviceUrl: server,
+        username,
+        password
+      } = settings;
+      seafileAPI.init({
+        server,
+        username,
+        password
+      });
+      seafileAPI.login().then(res => {
+        resolve(seafileAPI);
+      });
+    } else {
+      const {
+        siteRoot
+      } = settings;
+      const xcsrfHeaders = _jsCookie.default.get('sfcsrftoken');
+      seafileAPI.initForSeahubUsage({
+        siteRoot,
+        xcsrfHeaders
+      });
+      resolve(seafileAPI);
+    }
+  });
+};
+const FileViewContextProvider = _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 context = new _context.default(settings, eventBus, api);
+      const result = await context.getFileRepoInfo();
+      const {
+        file_view
+      } = result.data;
+      setContext(context);
+      setFileRepo(file_view);
+      setIsInit(false);
+    };
+    initContext();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (isInit) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: 'sea-metadata'
+    }, /*#__PURE__*/_react.default.createElement(_components.CenteredLoading, null));
+  }
+  return /*#__PURE__*/_react.default.createElement(FileViewContext.Provider, {
+    value: {
+      context,
+      fileRepo
+    }
+  }, children);
+};
+exports.FileViewContextProvider = FileViewContextProvider;
+const useFileViewContext = () => {
+  const context = (0, _react.useContext)(FileViewContext);
+  if (!context) {
+    throw new Error('\'AppContext\' is null');
+  }
+  return context;
+};
+exports.useFileViewContext = useFileViewContext;

package/dist/hooks/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AppContextProvider", {
+Object.defineProperty(exports, "CollaboratorsProvider", {
   enumerable: true,
   get: function () {
-    return _appContext.AppContextProvider;
+    return _collaborators.CollaboratorsProvider;
   }
 });
-Object.defineProperty(exports, "CollaboratorsProvider", {
+Object.defineProperty(exports, "FileViewContextProvider", {
   enumerable: true,
   get: function () {
-    return _collaborators.CollaboratorsProvider;
+    return _fileViewContext.FileViewContextProvider;
   }
 });
 Object.defineProperty(exports, "MetadataProvider", {
@@ -39,22 +39,22 @@ Object.defineProperty(exports, "TypesDataProvider", {
     return _typesData.TypesDataProvider;
   }
 });
-Object.defineProperty(exports, "ViewsDataProvider", {
+Object.defineProperty(exports, "ViewContextProvider", {
   enumerable: true,
   get: function () {
-    return _viewsData.ViewsDataProvider;
+    return _viewContext.ViewContextProvider;
   }
 });
-Object.defineProperty(exports, "useAppContext", {
+Object.defineProperty(exports, "useCollaborators", {
   enumerable: true,
   get: function () {
-    return _appContext.useAppContext;
+    return _collaborators.useCollaborators;
   }
 });
-Object.defineProperty(exports, "useCollaborators", {
+Object.defineProperty(exports, "useFileViewContext", {
   enumerable: true,
   get: function () {
-    return _collaborators.useCollaborators;
+    return _fileViewContext.useFileViewContext;
   }
 });
 Object.defineProperty(exports, "useMetadata", {
@@ -81,16 +81,16 @@ Object.defineProperty(exports, "useTypesData", {
     return _typesData.useTypesData;
   }
 });
-Object.defineProperty(exports, "useViewsData", {
+Object.defineProperty(exports, "useViewContext", {
   enumerable: true,
   get: function () {
-    return _viewsData.useViewsData;
+    return _viewContext.useViewContext;
   }
 });
 var _collaborators = require("./collaborators");
 var _metadata = require("./metadata");
 var _tagsData = require("./tagsData");
-var _viewsData = require("./viewsData");
 var _typesData = require("./typesData");
 var _selectedRows = require("./selected-rows.js");
-var _appContext = require("./app-context");
+var _viewContext = require("./view-context");
+var _fileViewContext = require("./file-view-context");