@seafile/seafile-database 0.0.47 → 0.0.49

package/dist/api/api.js

@@ -300,5 +300,16 @@ class SeafileAPI {
     const url = this.server + '/api/v2.1/repos/' + repoID + '/metadata/';
     return this.req.get(url);
   }
+  listDirRecursive(repoID) {
+    const url = this.server + '/api/v2.1/repos/' + repoID + '/dir/';
+    const params = {
+      p: '/',
+      recursive: 1,
+      t: 'd'
+    };
+    return this.req.get(url, {
+      params
+    });
+  }
 }
 var _default = exports.default = SeafileAPI;

package/dist/components/popover/filter-popover/basic-filters/helper.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchAllParentDirs = void 0;
+const EXCLUDED_PARENT_DIRS = ['/images', '/_Internal'];
+const normalizeParentDir = path => {
+  if (typeof path !== 'string') return '/';
+  let normalized = path.trim();
+  if (!normalized) return '/';
+  if (!normalized.startsWith('/')) normalized = `/${normalized}`;
+  normalized = normalized.replace(/\/+$/g, '');
+  return normalized || '/';
+};
+const isExcludedParentDir = path => {
+  return EXCLUDED_PARENT_DIRS.some(root => path === root || path.startsWith(`${root}/`));
+};
+const getParentDirAncestors = path => {
+  const normalized = normalizeParentDir(path);
+  if (normalized === '/') return ['/'];
+  const segments = normalized.split('/').filter(Boolean);
+  const ancestors = ['/'];
+  let current = '';
+  segments.forEach(segment => {
+    current = `${current}/${segment}`;
+    ancestors.push(current);
+  });
+  return ancestors;
+};
+const getParentDirDepth = path => {
+  if (path === '/') return 0;
+  return path.split('/').filter(Boolean).length;
+};
+const sortParentDirs = (a, b) => {
+  if (a === '/') return -1;
+  if (b === '/') return 1;
+  const depthDiff = getParentDirDepth(a) - getParentDirDepth(b);
+  if (depthDiff !== 0) return depthDiff;
+  return a.localeCompare(b);
+};
+const fetchAllParentDirs = async context => {
+  try {
+    var _res$data;
+    const res = await context.listDirRecursive();
+    const dirents = (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.dirent_list) || [];
+    const dirSet = new Set(['/']);
+    dirents.forEach(dirent => {
+      const fullPath = `${dirent.parent_dir}/${dirent.name}`.replace(/\/+/g, '/');
+      if (isExcludedParentDir(fullPath)) {
+        return;
+      }
+      getParentDirAncestors(fullPath).forEach(dirPath => dirSet.add(dirPath));
+    });
+    return Array.from(dirSet).sort(sortParentDirs);
+  } catch (error) {
+    return ['/'];
+  }
+};
+exports.fetchAllParentDirs = fetchAllParentDirs;

package/dist/components/popover/filter-popover/basic-filters/index.js

@@ -11,6 +11,7 @@ var _reactstrap = require("reactstrap");
 var _translate = _interopRequireDefault(require("../../../../lang/translate"));
 var _column = require("../../../../utils/column");
 var _constants = require("../../../../constants");
+var _parentDirFilter = _interopRequireDefault(require("./parent-dir-filter"));
 var _stateFilter = _interopRequireDefault(require("./state-filter"));
 var _tagsFilter = _interopRequireDefault(require("./tags-filter"));
 var _typeFilter = _interopRequireDefault(require("./type-filter"));
@@ -42,6 +43,16 @@ const BasicFilters = _ref => {
     };
     onChange && onChange(newFilters);
   }, [filters, onChange]);
+  const onParentDirChange = (0, _react.useCallback)(newValue => {
+    const filterIndex = filters.findIndex(filter => filter.column_key === '_parent_dir');
+    const filter = filters[filterIndex];
+    const newFilters = filters.slice(0);
+    newFilters[filterIndex] = {
+      ...filter,
+      filter_term: newValue
+    };
+    onChange && onChange(newFilters);
+  }, [filters, onChange]);
   const onTagsChange = (0, _react.useCallback)(newValue => {
     const filterIndex = filters.findIndex(filter => filter.column_key === '_tags');
     const filter = filters[filterIndex];
@@ -91,6 +102,14 @@ const BasicFilters = _ref => {
         onChange: onTagsChange
       });
     }
+    if (column_key === '_parent_dir') {
+      return /*#__PURE__*/_react.default.createElement(_parentDirFilter.default, {
+        readOnly: readOnly,
+        value: filter_term,
+        key: column_key,
+        onChange: onParentDirChange
+      });
+    }
     return null;
   }))));
 };

package/dist/components/popover/filter-popover/basic-filters/parent-dir-filter.js

@@ -0,0 +1,124 @@
+"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 _translate = _interopRequireDefault(require("../../../../lang/translate"));
+var _helper = require("./helper");
+const ParentDirFilter = _ref => {
+  let {
+    readOnly,
+    value = [],
+    onChange: onChangeAPI
+  } = _ref;
+  const {
+    context
+  } = (0, _hooks.useFileViewContext)();
+  const [isLoading, setIsLoading] = (0, _react.useState)(false);
+  const [directories, setDirectories] = (0, _react.useState)([]);
+  const [isInitialized, setIsInitialized] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    let isCanceled = false;
+    const loadParentDirs = async () => {
+      setIsLoading(true);
+      try {
+        const allDirs = await (0, _helper.fetchAllParentDirs)(context);
+        if (!isCanceled) {
+          setDirectories(allDirs);
+        }
+      } catch (error) {
+        if (!isCanceled) {
+          setDirectories([]);
+        }
+      } finally {
+        if (!isCanceled) {
+          setIsLoading(false);
+        }
+      }
+    };
+    loadParentDirs();
+    return () => {
+      isCanceled = true;
+    };
+  }, [context]);
+
+  // If selected value is 0， default to select root directory "/"
+  (0, _react.useEffect)(() => {
+    if (directories.length > 0 && value.length === 0 && !isLoading && !isInitialized) {
+      setIsInitialized(true);
+      onChangeAPI(['/']);
+    }
+  }, [directories, value.length, isLoading, isInitialized, onChangeAPI]);
+  const options = (0, _react.useMemo)(() => {
+    if (isLoading && directories.length === 0) {
+      return [{
+        value: '__loading__',
+        label: /*#__PURE__*/_react.default.createElement("div", {
+          className: "select-basic-filter-option"
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: "select-basic-filter-option-name"
+        }, _translate.default.gettext('Loading...')))
+      }];
+    }
+    if (directories.length === 0) {
+      return [{
+        value: '__empty__',
+        label: /*#__PURE__*/_react.default.createElement("div", {
+          className: "select-basic-filter-option"
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: "select-basic-filter-option-name"
+        }, _translate.default.gettext('No options')))
+      }];
+    }
+    return directories.map(dirPath => {
+      return {
+        value: dirPath,
+        label: /*#__PURE__*/_react.default.createElement("div", {
+          className: "select-basic-filter-option"
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: "select-basic-filter-option-checkbox mr-2"
+        }, /*#__PURE__*/_react.default.createElement("input", {
+          type: "checkbox",
+          className: "form-check-input",
+          checked: value.includes(dirPath),
+          readOnly: true
+        })), /*#__PURE__*/_react.default.createElement("div", {
+          className: "select-basic-filter-option-name",
+          title: dirPath,
+          "aria-label": dirPath
+        }, dirPath))
+      };
+    });
+  }, [directories, isLoading, value]);
+  const displayValue = (0, _react.useMemo)(() => {
+    return {
+      label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _translate.default.gettext('Parent folder'))
+    };
+  }, []);
+  const onChange = (0, _react.useCallback)(newValue => {
+    if (newValue === '__loading__' || newValue === '__empty__') return;
+    if (value.includes(newValue)) {
+      onChangeAPI(value.filter(v => v !== newValue));
+    } else {
+      onChangeAPI([...value, newValue]);
+    }
+  }, [value, onChangeAPI]);
+  return /*#__PURE__*/_react.default.createElement(_components.CustomizeSelect, {
+    disabled: readOnly,
+    supportMultipleSelect: true,
+    className: (0, _classnames.default)('sea-metadata-basic-filters-select sea-metadata-table-view-basic-filter-folder-type-select mr-4', {
+      highlighted: value.length > 0
+    }),
+    value: displayValue,
+    options: options,
+    onChange: onChange
+  });
+};
+var _default = exports.default = ParentDirFilter;

package/dist/components/popover/filter-popover/basic-filters/state-filter.js

@@ -23,7 +23,7 @@ const getOptions = () => [{
 }];
 const StateFilter = _ref => {
   let {
-    readOnly = true,
+    readOnly,
     value = 'all',
     onChange: onChangeAPI
   } = _ref;

package/dist/components/popover/filter-popover/basic-filters/type-filter.js

@@ -9,21 +9,42 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../../common/components");
+var _constants = require("../../../../constants");
 var _translate = _interopRequireDefault(require("../../../../lang/translate"));
 const TypeFilter = _ref => {
   let {
-    readOnly = true,
+    readOnly,
     value = [],
-    column,
     onChange: onChangeAPI
   } = _ref;
+  const FILE_TYPE_OPTIONS = (0, _react.useMemo)(() => [{
+    value: _constants.PREDEFINED_FILE_TYPE_OPTION_KEY.PICTURE,
+    name: _translate.default.gettext('Picture')
+  }, {
+    value: _constants.PREDEFINED_FILE_TYPE_OPTION_KEY.DOCUMENT,
+    name: _translate.default.gettext('Document')
+  }, {
+    value: _constants.PREDEFINED_FILE_TYPE_OPTION_KEY.VIDEO,
+    name: _translate.default.gettext('Video')
+  }, {
+    value: _constants.PREDEFINED_FILE_TYPE_OPTION_KEY.AUDIO,
+    name: _translate.default.gettext('Audio')
+  }, {
+    value: _constants.PREDEFINED_FILE_TYPE_OPTION_KEY.CODE,
+    name: _translate.default.gettext('Code')
+  }, {
+    value: _constants.PREDEFINED_FILE_TYPE_OPTION_KEY.COMPRESSED,
+    name: _translate.default.gettext('Compressed')
+  }, {
+    value: _constants.PREDEFINED_FILE_TYPE_OPTION_KEY.DIAGRAM,
+    name: _translate.default.gettext('Diagram')
+  }], []);
   const options = (0, _react.useMemo)(() => {
-    return column.data.options.map(o => {
-      const {
-        name
-      } = o;
+    return FILE_TYPE_OPTIONS.map(option => {
+      const optionValue = option.value;
+      const name = option.name;
       return {
-        value: o.id,
+        value: optionValue,
         label: /*#__PURE__*/_react.default.createElement("div", {
           className: "select-basic-filter-option"
         }, /*#__PURE__*/_react.default.createElement("div", {
@@ -31,7 +52,7 @@ const TypeFilter = _ref => {
         }, /*#__PURE__*/_react.default.createElement("input", {
           type: "checkbox",
           className: "form-check-input",
-          checked: value.includes(o.id),
+          checked: value.includes(optionValue),
           readOnly: true
         })), /*#__PURE__*/_react.default.createElement("div", {
           className: "select-basic-filter-option-name",
@@ -40,7 +61,7 @@ const TypeFilter = _ref => {
         }, name))
       };
     });
-  }, [column.data.options, value]);
+  }, [value, FILE_TYPE_OPTIONS]);
   const displayValue = (0, _react.useMemo)(() => {
     return {
       label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _translate.default.gettext('File type'))
@@ -56,7 +77,7 @@ const TypeFilter = _ref => {
   return /*#__PURE__*/_react.default.createElement(_components.CustomizeSelect, {
     disabled: readOnly,
     supportMultipleSelect: true,
-    className: (0, _classnames.default)('sea-metadata-basic-filters-select sea-metadata-table-view-basic-checkbox-select mr-4', {
+    className: (0, _classnames.default)('sea-metadata-basic-filters-select sea-metadata-table-view-basic-filter-file-type-select mr-4', {
       'highlighted': value.length > 0
     }),
     value: displayValue,

package/dist/constants/view/index.js

@@ -107,6 +107,10 @@ const VIEW_TYPE_DEFAULT_BASIC_FILTER = exports.VIEW_TYPE_DEFAULT_BASIC_FILTER =
     column_key: '_tags',
     filter_predicate: _filter.FILTER_PREDICATE_TYPE.HAS_ANY_OF,
     filter_term: []
+  }, {
+    column_key: '_parent_dir',
+    filter_predicate: _filter.FILTER_PREDICATE_TYPE.IS,
+    filter_term: []
   }],
   [VIEW_TYPE.CARD]: [{
     column_key: _column.PRIVATE_COLUMN_KEY.IS_DIR,
@@ -120,6 +124,10 @@ const VIEW_TYPE_DEFAULT_BASIC_FILTER = exports.VIEW_TYPE_DEFAULT_BASIC_FILTER =
     column_key: _column.PRIVATE_COLUMN_KEY.TAGS,
     filter_predicate: _filter.FILTER_PREDICATE_TYPE.HAS_ALL_OF,
     filter_term: []
+  }, {
+    column_key: '_parent_dir',
+    filter_predicate: _filter.FILTER_PREDICATE_TYPE.IS,
+    filter_term: []
   }],
   [VIEW_TYPE.GALLERY]: [],
   [VIEW_TYPE.KANBAN]: []

package/dist/context.js

@@ -364,6 +364,13 @@ class Context {
     this.permission = _settings.permission || 'r';
     this.isViewComputedOnServer = isViewComputedOnServer;
   }
+  listDirRecursive() {
+    if (!this.api) return null;
+    const {
+      repoID
+    } = this.settings;
+    return this.api.listDirRecursive(repoID);
+  }
 }
 
 // const context = new Context();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-database",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "private": false,
   "description": "This is a seafile database components",
   "main": "dist/index.js",
@@ -125,7 +125,7 @@
     "resolve": "^1.20.0",
     "resolve-url-loader": "5.0.0",
     "sass-loader": "^12.3.0",
-    "seafile-js": "0.2.238",
+    "seafile-js": "0.2.239",
     "source-map-loader": "^3.0.0",
     "style-loader": "^3.3.1",
     "tailwindcss": "^3.0.2",