@seafile/seafile-database 0.0.19 → 0.0.21

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

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

package/dist/hooks/viewsData.js

@@ -1,154 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useViewsData = exports.ViewsDataProvider = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _components = require("../common/components");
-var _utils = require("../common/utils/utils");
-var _appContext = require("./app-context");
-/* eslint-disable react/prop-types */
-
-const ViewsDataContext = /*#__PURE__*/_react.default.createContext(null);
-const ViewsDataProvider = exports.ViewsDataProvider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    viewID,
-    toggleView = () => {},
-    children
-  } = _ref;
-  const {
-    context
-  } = (0, _appContext.useAppContext)();
-  const [isLoading, setLoading] = (0, _react.useState)(true);
-  const [viewsData, setViewsData] = (0, _react.useState)({});
-  const getViewById = (0, _react.useCallback)(viewID => {
-    return viewsData.views.find(v => v._id === viewID);
-  }, [viewsData]);
-  const insertView = (0, _react.useCallback)(name => {
-    return context.insertView(name).then(res => {
-      const view = res.data.view;
-      let newViewsData = {
-        ...viewsData
-      };
-      newViewsData.navigation.push({
-        _id: view._id,
-        type: 'view'
-      });
-      newViewsData.views.push(view);
-      setViewsData(newViewsData);
-      toggleView(view._id);
-      return view;
-    });
-  }, [toggleView, viewsData]);
-  const deleteView = (0, _react.useCallback)(viewID => {
-    return context.deleteView(viewID).then(res => {
-      let newViewsData = {
-        ...viewsData
-      };
-      const viewIndex = newViewsData.views.findIndex(v => v._id === viewID);
-      newViewsData.views.splice(viewIndex, 1);
-      const navigationIndex = newViewsData.navigation.findIndex(v => v._id === viewID);
-      newViewsData.navigation.splice(navigationIndex, 1);
-      let nextView = newViewsData.views[viewIndex];
-      if (!nextView) {
-        nextView = newViewsData.views[viewIndex - 1];
-      }
-      setViewsData(newViewsData);
-      toggleView(nextView._id);
-    });
-  }, [toggleView, viewsData]);
-  const modifyView = (0, _react.useCallback)((viewID, update) => {
-    return context.modifyView(viewID, update).then(res => {
-      let newViewsData = {
-        ...viewsData
-      };
-      const viewIndex = newViewsData.views.findIndex(v => v._id === viewID);
-      newViewsData.views[viewIndex] = {
-        ...newViewsData.views[viewIndex],
-        ...update
-      };
-      setViewsData(newViewsData);
-    });
-  }, [viewsData]);
-  const duplicateView = (0, _react.useCallback)(viewID => {
-    return context.duplicateView(viewID).then(res => {
-      const view = res.data.view;
-      let newViewsData = {
-        ...viewsData
-      };
-      newViewsData.views.push(view);
-      newViewsData.navigation.push({
-        _id: view._id,
-        type: 'view'
-      });
-      setViewsData(newViewsData);
-      toggleView(view._id);
-      return view;
-    });
-  }, [toggleView, viewsData]);
-  const moveView = (0, _react.useCallback)((sourceViewID, targetViewID, relativePosition) => {
-    const newViewsData = {
-      ...viewsData
-    };
-    const sourceViewIndex = newViewsData.navigation.findIndex(n => n._id === sourceViewID);
-    const sourceViewNav = newViewsData.navigation[sourceViewIndex];
-    let targetViewIndex = newViewsData.navigation.findIndex(n => n._id === targetViewID);
-    if (relativePosition === 'after') {
-      targetViewIndex = targetViewIndex + 1;
-    }
-    const targetViewNav = newViewsData.navigation[targetViewIndex];
-    if (sourceViewNav._id === targetViewNav._id) return;
-    context.moveView(sourceViewNav._id, targetViewNav._id).then(res => {
-      newViewsData.navigation.splice(sourceViewIndex, 1);
-      const newTargetViewIndex = newViewsData.navigation.findIndex(n => n._id === targetViewNav._id);
-      newViewsData.navigation.splice(newTargetViewIndex, 0, sourceViewNav);
-      setViewsData(newViewsData);
-    });
-  }, [viewsData]);
-  (0, _react.useEffect)(() => {
-    setLoading(true);
-    context.getViews().then(res => {
-      const viewsData = res.data;
-      setViewsData(viewsData);
-      const view = viewsData.views.find(v => v._id === viewID);
-      if (view) return;
-      const viewsNavigation = viewsData.navigation.filter(v => v.type === 'view');
-      toggleView(viewsNavigation[0]._id);
-    }).catch(error => {
-      const errorMsg = _utils.Utils.getErrorMsg(error);
-      _components.toaster.danger(errorMsg, {
-        duration: null
-      });
-    }).finally(() => {
-      setTimeout(() => setLoading(false), 1);
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  (0, _react.useImperativeHandle)(ref, () => ({
-    getData: () => viewsData
-  }), [viewsData]);
-  return /*#__PURE__*/_react.default.createElement(ViewsDataContext.Provider, {
-    value: {
-      isLoading,
-      viewID,
-      viewsData,
-      insertView,
-      deleteView,
-      modifyView,
-      duplicateView,
-      moveView,
-      toggleView,
-      getViewById
-    }
-  }, children);
-});
-const useViewsData = () => {
-  const context = (0, _react.useContext)(ViewsDataContext);
-  if (!context) {
-    throw new Error('\'ViewsDataContext\' is null');
-  }
-  return context;
-};
-exports.useViewsData = useViewsData;