@seafile/seafile-database 0.0.19 → 0.0.21

package/dist/views/card/context-menu/index.js

@@ -0,0 +1,165 @@
+"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 _cell = require("../../../utils/cell");
+var _column = require("../../../utils/column");
+var _file = require("../../../utils/file");
+var _row = require("../../../utils/row");
+var _table = require("../../../../components/sf-table/utils/table");
+var _fileOperations = require("../../../../hooks/file-operations");
+var _metadataStatus = require("../../../../hooks/metadata-status");
+var _textTranslation = _interopRequireDefault(require("../../../../utils/text-translation"));
+var _contextMenu = _interopRequireDefault(require("../../../components/context-menu"));
+var _renameDialog = _interopRequireDefault(require("../../../components/dialog/rename-dialog"));
+var _constants = require("../../../constants");
+var _metadataView = require("../../../hooks/metadata-view");
+var _menuBuilder = require("../../../utils/menu-builder");
+const CardContextMenu = _ref => {
+  let {
+    selectedCard,
+    onDelete,
+    onRename
+  } = _ref;
+  const [isRenameDialogShow, setIsRenameDialogShow] = (0, _react.useState)(false);
+  const {
+    enableFaceRecognition,
+    enableTags
+  } = (0, _metadataStatus.useMetadataStatus)();
+  const {
+    handleDownload: handleDownloadAPI
+  } = (0, _fileOperations.useFileOperations)();
+  const {
+    metadata,
+    updateRecordDetails,
+    updateFaceRecognition,
+    updateRecordDescription,
+    onOCR,
+    generateFileTags
+  } = (0, _metadataView.useMetadataView)();
+  const selectedRecord = (0, _react.useMemo)(() => (0, _table.getRowById)(metadata, selectedCard), [metadata, selectedCard]);
+  const isDir = (0, _react.useMemo)(() => (0, _row.checkIsDir)(selectedRecord), [selectedRecord]);
+  const oldName = (0, _react.useMemo)(() => (0, _cell.getFileNameFromRecord)(selectedRecord), [selectedRecord]);
+  const parentDir = (0, _react.useMemo)(() => (0, _cell.getParentDirFromRecord)(selectedRecord), [selectedRecord]);
+  const repoID = window.sfMetadataContext.getSetting('repoID');
+  const readOnly = !window.sfMetadataContext.canModify();
+  const record = (0, _react.useMemo)(() => (0, _table.getRowById)(metadata, selectedCard), [metadata, selectedCard]);
+  const options = (0, _react.useMemo)(() => {
+    const metadataStatus = {
+      enableFaceRecognition,
+      enableGenerateDescription: (0, _column.getColumnByKey)(metadata.columns, _constants.PRIVATE_COLUMN_KEY.FILE_DESCRIPTION) !== null,
+      enableTags
+    };
+    return (0, _menuBuilder.buildCardMenuOptions)([record], readOnly, metadataStatus);
+  }, [enableFaceRecognition, metadata.columns, enableTags, record, readOnly]);
+  const openRenameDialog = (0, _react.useCallback)(() => {
+    setIsRenameDialogShow(true);
+  }, []);
+  const handleRename = (0, _react.useCallback)(newName => {
+    if (!selectedCard) return;
+    const record = (0, _table.getRowById)(metadata, selectedCard);
+    if (!record) return;
+    const oldName = (0, _cell.getFileNameFromRecord)(record);
+    const updates = {
+      [_constants.PRIVATE_COLUMN_KEY.FILE_NAME]: newName
+    };
+    const oldRowData = {
+      [_constants.PRIVATE_COLUMN_KEY.FILE_NAME]: oldName
+    };
+    onRename(selectedCard, updates, oldRowData, updates, oldRowData, {
+      success_callback: () => setIsRenameDialogShow(false)
+    });
+  }, [metadata, selectedCard, onRename]);
+  const handleDownload = (0, _react.useCallback)(() => {
+    handleDownloadAPI(parentDir, [{
+      name: oldName,
+      is_dir: isDir
+    }]);
+  }, [handleDownloadAPI, parentDir, oldName, isDir]);
+  const handleOptionClick = (0, _react.useCallback)(option => {
+    switch (option.key) {
+      case _textTranslation.default.OPEN_FILE_IN_NEW_TAB.key:
+        {
+          (0, _file.openInNewTab)(repoID, record);
+          break;
+        }
+      case _textTranslation.default.OPEN_PARENT_FOLDER.key:
+        {
+          (0, _file.openParentFolder)(record);
+          break;
+        }
+      case _textTranslation.default.RENAME.key:
+        {
+          openRenameDialog();
+          break;
+        }
+      case _textTranslation.default.MOVE.key:
+        window.sfMetadataContext.eventBus.dispatch(_constants.EVENT_BUS_TYPE.TOGGLE_MOVE_DIALOG, [record]);
+        break;
+      case _textTranslation.default.COPY.key:
+        window.sfMetadataContext.eventBus.dispatch(_constants.EVENT_BUS_TYPE.TOGGLE_COPY_DIALOG, [record]);
+        break;
+      case _textTranslation.default.DOWNLOAD.key:
+        {
+          handleDownload();
+          break;
+        }
+      case _textTranslation.default.DELETE.key:
+        {
+          onDelete([selectedCard]);
+          break;
+        }
+      case _textTranslation.default.DETECT_FACES.key:
+        {
+          updateFaceRecognition([record]);
+          break;
+        }
+      case _textTranslation.default.EXTRACT_FILE_DETAIL.key:
+        {
+          updateRecordDetails([record]);
+          break;
+        }
+      case _textTranslation.default.GENERATE_DESCRIPTION.key:
+        {
+          updateRecordDescription(record);
+          break;
+        }
+      case _textTranslation.default.GENERATE_TAGS.key:
+        {
+          generateFileTags(record);
+          break;
+        }
+      case _textTranslation.default.EXTRACT_TEXT.key:
+        {
+          onOCR(record, '.sf-metadata-card-item-image-container');
+          break;
+        }
+      default:
+        {
+          break;
+        }
+    }
+  }, [record, updateFaceRecognition, repoID, openRenameDialog, handleDownload, onDelete, selectedCard, updateRecordDetails, updateRecordDescription, generateFileTags, onOCR]);
+  (0, _react.useEffect)(() => {
+    const unsubscribe = window.sfMetadataContext.eventBus.subscribe(_constants.EVENT_BUS_TYPE.TOGGLE_CARD_RENAME_DIALOG, openRenameDialog);
+    return () => {
+      unsubscribe();
+    };
+  }, [openRenameDialog]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_contextMenu.default, {
+    options: options,
+    onOptionClick: handleOptionClick,
+    allowedTriggerElements: ['.sf-metadata-view-card']
+  }), isRenameDialogShow && /*#__PURE__*/_react.default.createElement(_renameDialog.default, {
+    isDir: isDir,
+    oldName: oldName,
+    onSubmit: handleRename,
+    onCancel: () => setIsRenameDialogShow(false)
+  }));
+};
+var _default = exports.default = CardContextMenu;

package/dist/views/card/index.js

@@ -0,0 +1,64 @@
+"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 _constants = require("../../constants");
+var _hooks = require("../../hooks");
+var _cardItems = _interopRequireDefault(require("./card-items"));
+// import Settings from './settings';
+
+const Card = () => {
+  const [isShowSettings, setShowSettings] = (0, _react.useState)(false);
+  const {
+    context
+  } = (0, _hooks.useFileRepoContext)();
+  const {
+    metadata,
+    modifySettings,
+    modifyRecord: modifyRecordAPI,
+    deleteRecords,
+    modifyColumnData
+  } = (0, _hooks.useMetadata)();
+  const columns = (0, _react.useMemo)(() => metadata.view.columns, [metadata.view.columns]);
+  const modifyRecord = (0, _react.useCallback)(function (rowId, updates, oldRowData, originalUpdates, originalOldRowData) {
+    let {
+      success_callback
+    } = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+    modifyRecordAPI(rowId, updates, oldRowData, originalUpdates, originalOldRowData, false, {
+      success_callback: () => {
+        success_callback && success_callback();
+        context.eventBus.dispatch(_constants.EVENT_BUS_TYPE.LOCAL_RECORD_DETAIL_CHANGED, {
+          recordId: rowId
+        }, updates);
+      }
+    });
+  }, [context.eventBus, modifyRecordAPI]);
+  const closeSettings = (0, _react.useCallback)(() => {
+    setShowSettings(false);
+  }, []);
+  (0, _react.useEffect)(() => {
+    const eventBus = context.eventBus;
+    const unsubscribeCardSetting = eventBus.subscribe(_constants.EVENT_BUS_TYPE.TOGGLE_CARD_SETTINGS, () => setShowSettings(!isShowSettings));
+    const unsubscribeCloseCardSetting = eventBus.subscribe(_constants.EVENT_BUS_TYPE.CLOSE_CARD_SETTINGS, () => setShowSettings(false));
+    return () => {
+      unsubscribeCardSetting();
+      unsubscribeCloseCardSetting();
+    };
+  }, [context, isShowSettings]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "sea-metadata-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sea-metadata-view-card flex-fill o-auto position-relative"
+  }, /*#__PURE__*/_react.default.createElement(_cardItems.default, {
+    modifyRecord: modifyRecord,
+    deleteRecords: deleteRecords,
+    modifyColumnData: modifyColumnData,
+    onCloseSettings: closeSettings
+  })));
+};
+var _default = exports.default = Card;

package/dist/views/card/settings/index.css

@@ -0,0 +1,68 @@
+.sf-metadata-view-card-setting-panel {
+  min-width: 300px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border-left: 1px solid var(--bs-border-secondary-color);
+  background: var(--bs-body-bg);
+}
+
+.sf-metadata-view-card-setting-panel .setting-panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 16px;
+  border-bottom: 1px solid var(--bs-border-secondary-color);
+}
+
+.sf-metadata-view-card-setting-panel .setting-panel-body {
+  width: 100%;
+  height: 100%;
+  padding: 16px 16px 50px;
+  font-size: 14px;
+  overflow: auto;
+}
+
+.sf-metadata-view-card-setting-panel .setting-panel-body .setting-item {
+  margin-bottom: 14px;
+}
+
+.sf-metadata-view-card-setting-panel .setting-item .setting-item-label {
+  display: inline-block;
+  margin-bottom: 8px;
+}
+
+.sf-metadata-view-card-setting-panel .setting-item .custom-switch-description {
+  margin: 0;
+}
+
+.sf-metadata-view-card-setting-panel .setting-item .switch-setting-item {
+  padding: 0;
+  display: flex;
+  justify-content: space-between;
+}
+
+.sf-metadata-view-card-setting-panel .custom-switch {
+  width: 100%;
+  padding: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+}
+
+.sf-metadata-view-card-setting-panel .custom-switch-indicator {
+  border-radius: 6px;
+  height: 12px;
+  width: 22px;
+  margin-right: 8px;
+}
+
+.sf-metadata-view-card-setting-panel .custom-switch .custom-switch-indicator:before {
+  height: 8px;
+  width: 8px;
+}
+
+.sf-metadata-view-card-setting-panel .custom-switch .custom-switch-input:checked~.custom-switch-indicator:before {
+  left: 12px;
+}

package/dist/views/card/settings/index.js

@@ -0,0 +1,143 @@
+"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 _opIcon = _interopRequireDefault(require("../../../common/components/op-icon"));
+var _switch = _interopRequireDefault(require("../../../common/components/switch"));
+var _fieldDisplaySettings = _interopRequireDefault(require("../../../components/data-process-setter/field-display-settings"));
+var _constants = require("../../../constants");
+var _hooks = require("../../../hooks");
+var _column = require("../../../utils/column");
+var _constants2 = require("../../../../utils/constants");
+require("./index.css");
+const Settings = _ref => {
+  let {
+    columns,
+    columnsMap,
+    settings,
+    modifySettings,
+    onClose
+  } = _ref;
+  const {
+    globalHiddenColumns
+  } = (0, _hooks.useMetadataStatus)();
+  const validColumns = (0, _react.useMemo)(() => columns.filter(column => !globalHiddenColumns.includes(column.key)), [columns, globalHiddenColumns]);
+  const displayColumns = (0, _react.useMemo)(() => {
+    const displayColumnsConfig = settings[_constants.CARD_SETTINGS_KEYS.COLUMNS].filter(column => !globalHiddenColumns.includes(column.key));
+    const nameColumnKey = _constants.PRIVATE_COLUMN_KEY.FILE_NAME;
+    const mtimeColumnKey = _constants.PRIVATE_COLUMN_KEY.FILE_MTIME;
+    const lastModifierColumnKey = _constants.PRIVATE_COLUMN_KEY.FILE_MODIFIER;
+    const filteredColumns = validColumns.filter(item => item.key !== nameColumnKey && item.key !== mtimeColumnKey && item.key !== lastModifierColumnKey);
+    if (!displayColumnsConfig) {
+      return filteredColumns.map(column => ({
+        ...column,
+        shown: false
+      }));
+    }
+    const validDisplayColumnsConfig = displayColumnsConfig.map(columnConfig => {
+      const column = columnsMap[columnConfig.key];
+      if (column) return {
+        ...column,
+        shown: columnConfig.shown
+      };
+      return null;
+    }).filter(column => column && column.key !== nameColumnKey && column.key !== mtimeColumnKey);
+    const addedColumns = filteredColumns.filter(column => !(0, _column.getColumnByKey)(validDisplayColumnsConfig, column.key)).map(column => ({
+      ...column,
+      shown: false
+    }));
+    return [...validDisplayColumnsConfig, ...addedColumns];
+  }, [validColumns, columnsMap, settings, globalHiddenColumns]);
+  const displayColumnsConfig = (0, _react.useMemo)(() => displayColumns.map(column => ({
+    key: column.key,
+    shown: column.shown
+  })), [displayColumns]);
+  const handleUpdateSettings = (0, _react.useCallback)((key, value) => {
+    modifySettings({
+      ...settings,
+      [key]: value
+    });
+  }, [settings, modifySettings]);
+  const onToggleField = (0, _react.useCallback)((key, shown) => {
+    const newDisplayColumnsConfig = displayColumnsConfig.map(columnConfig => {
+      if (columnConfig.key === key) return {
+        ...columnConfig,
+        shown
+      };
+      return columnConfig;
+    });
+    handleUpdateSettings(_constants.CARD_SETTINGS_KEYS.COLUMNS, newDisplayColumnsConfig);
+  }, [displayColumnsConfig, handleUpdateSettings]);
+  const onMoveField = (0, _react.useCallback)((sourceKey, targetKey) => {
+    const newDisplayColumnsConfig = displayColumnsConfig.slice(0);
+    const sourceIndex = displayColumnsConfig.findIndex(columnConfig => columnConfig.key === sourceKey);
+    const targetIndex = displayColumnsConfig.findIndex(columnConfig => columnConfig.key === targetKey);
+    if (sourceIndex === -1 || targetIndex === -1) return;
+    newDisplayColumnsConfig.splice(sourceIndex, 1, displayColumnsConfig[targetIndex]);
+    newDisplayColumnsConfig.splice(targetIndex, 1, displayColumnsConfig[sourceIndex]);
+    handleUpdateSettings(_constants.CARD_SETTINGS_KEYS.COLUMNS, newDisplayColumnsConfig);
+  }, [displayColumnsConfig, handleUpdateSettings]);
+  const onToggleFieldsVisibility = (0, _react.useCallback)(visibility => {
+    const newDisplayColumnsConfig = displayColumnsConfig.map(columnConfig => ({
+      ...columnConfig,
+      shown: visibility
+    }));
+    handleUpdateSettings(_constants.CARD_SETTINGS_KEYS.COLUMNS, newDisplayColumnsConfig);
+  }, [displayColumnsConfig, handleUpdateSettings]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "sf-metadata-view-card-setting-panel"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "setting-panel-header"
+  }, /*#__PURE__*/_react.default.createElement("h5", {
+    className: "m-0"
+  }, (0, _constants2.gettext)('Settings')), /*#__PURE__*/_react.default.createElement(_opIcon.default, {
+    className: "op-icon",
+    symbol: "close",
+    op: onClose,
+    title: (0, _constants2.gettext)('Close')
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "setting-panel-body"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "setting-item"
+  }, /*#__PURE__*/_react.default.createElement(_switch.default, {
+    placeholder: (0, _constants2.gettext)('Don\'t show empty values'),
+    checked: settings[_constants.CARD_SETTINGS_KEYS.HIDE_EMPTY_VALUE] || false,
+    onChange: () => handleUpdateSettings(_constants.CARD_SETTINGS_KEYS.HIDE_EMPTY_VALUE, !settings[_constants.CARD_SETTINGS_KEYS.HIDE_EMPTY_VALUE])
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sf-metadata-setting-divide-line"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "setting-item"
+  }, /*#__PURE__*/_react.default.createElement(_switch.default, {
+    placeholder: (0, _constants2.gettext)('Show property names'),
+    checked: settings[_constants.CARD_SETTINGS_KEYS.SHOW_COLUMN_NAME] || false,
+    onChange: () => handleUpdateSettings(_constants.CARD_SETTINGS_KEYS.SHOW_COLUMN_NAME, !settings[_constants.CARD_SETTINGS_KEYS.SHOW_COLUMN_NAME])
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sf-metadata-setting-divide-line"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "setting-item"
+  }, /*#__PURE__*/_react.default.createElement(_switch.default, {
+    placeholder: (0, _constants2.gettext)('Text wraps'),
+    checked: settings[_constants.CARD_SETTINGS_KEYS.TEXT_WRAP] || false,
+    onChange: () => handleUpdateSettings(_constants.CARD_SETTINGS_KEYS.TEXT_WRAP, !settings[_constants.CARD_SETTINGS_KEYS.TEXT_WRAP])
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sf-metadata-setting-divide-line"
+  }), /*#__PURE__*/_react.default.createElement(_fieldDisplaySettings.default, {
+    fieldIconConfig: _constants.COLUMNS_ICON_CONFIG,
+    fields: displayColumns,
+    textProperties: {
+      titleValue: (0, _constants2.gettext)('Properties to display on the card'),
+      bannerValue: (0, _constants2.gettext)('Properties'),
+      hideValue: (0, _constants2.gettext)('Hide all'),
+      showValue: (0, _constants2.gettext)('Show all')
+    },
+    onToggleField: onToggleField,
+    onMoveField: onMoveField,
+    onToggleFieldsVisibility: onToggleFieldsVisibility
+  })));
+};
+var _default = exports.default = Settings;

package/dist/views/index.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _centeredLoading = _interopRequireDefault(require("../common/components/centered-loading"));
 var _constants = require("../constants");
 var _hooks = require("../hooks");
+var _card = _interopRequireDefault(require("./card"));
 var _table = _interopRequireDefault(require("./table"));
 const View = _ref => {
   let {
@@ -18,7 +18,6 @@ const View = _ref => {
     children
   } = _ref;
   const {
-    isLoading,
     metadata,
     errorMessage
   } = (0, _hooks.useMetadata)();
@@ -35,6 +34,10 @@ const View = _ref => {
             children: children
           });
         }
+      case _constants.VIEW_TYPE.CARD:
+        {
+          return /*#__PURE__*/_react.default.createElement(_card.default, null);
+        }
       default:
         {
           return /*#__PURE__*/_react.default.createElement(_table.default, {
@@ -45,7 +48,6 @@ const View = _ref => {
         }
     }
   }, [fixedColumnCount, expandRow, children]);
-  if (isLoading) return /*#__PURE__*/_react.default.createElement(_centeredLoading.default, null);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sea-metadata-wrapper"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/views/table/editors/editor-container/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../constants");
-var _appContext = require("../../../../hooks/app-context");
+var _hooks = require("../../../../hooks");
 var _column = require("../../../../utils/column");
 var _normalEditorContainer = _interopRequireDefault(require("./normal-editor-container"));
 var _popupEditorContainer = _interopRequireDefault(require("./popup-editor-container"));
@@ -17,7 +17,7 @@ const PREVIEW_EDITOR_COLUMN_TYPES = [_constants.CellType.FILE_NAME];
 const EditorContainer = props => {
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const {
     column,
     openEditorMode

package/dist/views/table/formatters/file-name.js

@@ -12,7 +12,7 @@ var _iconUtils = require("../../../common/utils/icon-utils");
 var _utils = require("../../../common/utils/utils");
 var _fileNameFormatter = _interopRequireDefault(require("../../../components/cell-formatter/file-name-formatter"));
 var _globalSettings = _interopRequireDefault(require("../../../global-settings"));
-var _appContext = require("../../../hooks/app-context");
+var _hooks = require("../../../hooks");
 var _cell = require("../../../utils/cell");
 var _row = require("../../../utils/row");
 const FileName = _ref => {
@@ -26,7 +26,7 @@ const FileName = _ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const parentDir = (0, _react.useMemo)(() => (0, _cell.getParentDirFromRecord)(row), [row]);
   const isDir = (0, _react.useMemo)(() => (0, _row.checkIsDir)(row), [row]);
   const className = (0, _react.useMemo)(() => {
@@ -45,9 +45,9 @@ const FileName = _ref => {
     const defaultIconUrl = (0, _iconUtils.getFileIconUrl)(value);
     if (_utils.Utils.imageCheck(value)) {
       const path = _utils.Utils.encodePath(_utils.Utils.joinPath(parentDir, value));
-      const repoID = context.getViewSetting('repoID');
       const siteRoot = _globalSettings.default.getSetting('siteRoot');
       const thumbnailDefaultSize = _globalSettings.default.getSetting('thumbnailDefaultSize') || 256;
+      const repoID = context.getViewSetting('repoID');
       const thumbnail = `${siteRoot}thumbnail/${repoID}/${thumbnailDefaultSize}${path}?mtime=${(0, _cell.getFileMTimeFromRecord)(row)}`;
       return {
         iconUrl: thumbnail,

package/dist/views/table/index.js

@@ -12,9 +12,8 @@ var _toaster = _interopRequireDefault(require("../../common/components/toaster")
 var _hotkey = require("../../common/utils/hotkey");
 var _typeDetection = require("../../common/utils/type-detection");
 var _utils = require("../../common/utils/utils");
-var _appContext = require("../../hooks/app-context");
-var _constants = require("../../constants");
 var _hooks = require("../../hooks");
+var _constants = require("../../constants");
 var _group = require("../../utils/group");
 var _tableMain = _interopRequireDefault(require("./table-main"));
 require("./index.css");
@@ -26,7 +25,7 @@ const Table = _ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const [isLoadingMore, setLoadingMore] = (0, _react.useState)(false);
   const [isShowRowExpand, setIsShowRowExpand] = (0, _react.useState)(false);
   const expandRowRef = (0, _react.useRef)(null);

package/dist/views/table/table-main/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../../constants");
-var _appContext = require("../../../hooks/app-context");
+var _hooks = require("../../../hooks");
 var _gridUtils = _interopRequireDefault(require("../utils/grid-utils"));
 var _rows = _interopRequireDefault(require("./rows"));
 require("./index.css");
@@ -33,7 +33,7 @@ const TableMain = _ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const gridUtils = (0, _react.useMemo)(() => {
     return new _gridUtils.default(metadata, {
       context,

package/dist/views/table/table-main/rows/row/cell/formatter.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _checkboxEditor = _interopRequireDefault(require("../../../../../../components/cell-editors/checkbox-editor"));
 var _priorityEditor = _interopRequireDefault(require("../../../../../../components/cell-editors/priority-editor"));
 var _constants = require("../../../../../../constants");
-var _appContext = require("../../../../../../hooks/app-context");
+var _hooks = require("../../../../../../hooks");
 var _cell = require("../../../../../../utils/cell");
 var _fileName = _interopRequireDefault(require("../../../../formatters/file-name"));
 var _formatters = _interopRequireDefault(require("../../../../formatters"));
@@ -27,7 +27,7 @@ const Formatter = _ref => {
   } = column;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const cellEditAble = (0, _cell.canEditCell)(context, column, row, true);
   if (type === _constants.CellType.CHECKBOX && cellEditAble) {
     return /*#__PURE__*/_react.default.createElement(_checkboxEditor.default, {

package/dist/views/table/table-main/rows/row/cell/index.js

@@ -11,7 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _objectUtils = _interopRequireDefault(require("../../../../../../common/utils/object-utils"));
 var _typeDetection = require("../../../../../../common/utils/type-detection");
 var _constants = require("../../../../../../constants");
-var _appContext = require("../../../../../../hooks/app-context");
+var _hooks = require("../../../../../../hooks");
 var _cell = require("../../../../../../utils/cell");
 var _file = require("../../../../../../utils/file");
 var _formatter = _interopRequireDefault(require("./formatter"));
@@ -36,7 +36,7 @@ const Cell = /*#__PURE__*/_react.default.memo(_ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const canEditable = (0, _react.useMemo)(() => {
     if (!context.canModifyCell(column, row)) return false;
     const {

package/dist/views/table/table-main/rows-header/cell/dropdown-menu/index.js

@@ -31,7 +31,7 @@ const HeaderDropdownMenu = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   } = _ref;
   const {
     context
-  } = (0, _hooks.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const menuRef = /*#__PURE__*/(0, _react.createRef)();
   const dropdownDomRef = /*#__PURE__*/(0, _react.createRef)();
   const [isMenuShow, setMenuShow] = (0, _react.useState)(false);

package/dist/views/table/table-main/rows-header/cell/index.js

@@ -44,7 +44,7 @@ const Cell = _ref => {
   const dropdownRef = (0, _react.useRef)(null);
   const {
     context
-  } = (0, _hooks.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const canEditColumnInfo = (0, _react.useMemo)(() => {
     if (isHideTriangle) return false;
     return context.canModify();

package/dist/views/table/table-main/rows-header/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../../../common/utils/utils");
 var _constants = require("../../../../constants");
-var _appContext = require("../../../../hooks/app-context");
+var _hooks = require("../../../../hooks");
 var _column = require("../../../../utils/column");
 var _common = require("../../../../utils/common");
 var _actionsCell = _interopRequireDefault(require("./actions-cell"));
@@ -38,7 +38,7 @@ const RowsHeader = _ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const [resizingColumnMetrics, setResizingColumnMetrics] = (0, _react.useState)(null);
   const [draggingColumnKey, setDraggingCellKey] = (0, _react.useState)(null);
   const [dragOverColumnKey, setDragOverCellKey] = (0, _react.useState)(null);