@seafile/seafile-database 0.0.21 → 0.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-database",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "private": false,
   "description": "This is a seafile database components",
   "main": "dist/index.js",

package/dist/assets/css/dropdown-menu.css

@@ -1,96 +0,0 @@
-.sea-database-dropdown-menu,
-.sea-database-dropdown-menu .sea-database-dropdown-menu-container {
-  min-width: 12rem;
-  padding: 8px 0;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-menu-divider {
-  width: 100%;
-  height: 0;
-  margin: 0.5rem 0;
-  overflow: hidden;
-  border-top: 1px solid #e9ecef;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-menu-item {
-  height: 30px;
-  width: 100%;
-  padding: 4px 24px;
-  user-select: none;
-  display: flex;
-  align-items: center;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-menu-item-title {
-  color: #666;
-  padding: 3px 12px;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-menu-item-title:hover {
-  background-color: unset !important;
-  cursor: initial !important;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-menu-item-no-results {
-  height: 30px;
-  width: 100%;
-  padding: 4px 24px;
-  user-select: none;
-  display: flex;
-  align-items: center;
-  font-size: 14px;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-menu-item-hidden {
-  display: none;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-menu-item.disabled,
-.sea-database-dropdown-menu .sea-database-dropdown-menu-item.disabled .sea-database-dropdown-item-content-icon {
-  color: #c2c2c2 !important;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-menu-item:hover {
-  background-color: #F5F5F5;
-  cursor: pointer;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-menu-item.disabled:hover {
-  background-color: unset;
-  cursor: default;
-  color: #c2c2c2;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-menu-item .sea-database-dropdown-item-content {
-  display: flex;
-  align-items: center;
-  flex: 1;
-  font-size: 14px;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-item-content .sea-database-dropdown-item-content-icon {
-  margin-right: 10px;
-}
-
-.sea-database-dropdown-menu .sea-database-arrow-right {
-  color: #666;
-  font-size: 12px !important;
-}
-
-.sea-database-dropdown-menu .sea-database-dropdown-item-with-left-icon {
-  min-height: 32px;
-  padding: 3px 12px;
-}
-
-.sea-database-dropdown-menu .sea-database-check-mark {
-  color: #666;
-}
-
-/* sub menu */
-.sea-database-sub-dropdown-menu .popover {
-  left: -8px !important;
-}
-
-.sea-database-sub-dropdown-menu .bs-popover-auto[x-placement^="left"] {
-  left: 8px !important;
-}

package/dist/components/dialogs/custom-modal-header/index.css

@@ -1,34 +0,0 @@
-.modal .custom-modal-btn.close {
-  padding: 14px 16px;
-  opacity: 1;
-  margin: -1rem -1rem -1rem auto;
-  background-color: transparent;
-  border: 0;
-  float: right;
-  font-size: 1.40625rem;
-  font-weight: 700;
-  line-height: 1;
-  color: var(--bs-icon-color);
-}
-
-.modal .custom-modal-btn.close:not(:disabled):not(.disabled):hover {
-  opacity: 1;
-}
-
-.modal .custom-modal-btn .custom-modal-btn-inner {
-  display: inline-block;
-  width: 28px;
-  height: 28px;
-  border-radius: 3px;
-}
-
-.modal .custom-modal-btn .custom-modal-btn-inner:hover {
-  background-color: var(--bs-hover-bg);
-}
-
-.modal .custom-modal-btn .custom-modal-btn-inner .seafile-multicolor-icon {
-  width: 16px;
-  height: 16px;
-  color: var(--bs-icon-color);
-  font-size: 1rem;
-}

package/dist/components/dialogs/custom-modal-header/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-var _translate = _interopRequireDefault(require("../../../lang/translate"));
-var _icons = _interopRequireDefault(require("../../icons"));
-require("./index.css");
-const CustomModalHeader = _ref => {
-  let {
-    children,
-    ...props
-  } = _ref;
-  const customCloseBtn = /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "close custom-modal-btn",
-    "data-dismiss": "modal",
-    "aria-label": _translate.default.gettext('Close'),
-    title: _translate.default.gettext('Close'),
-    onClick: props.toggle
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "custom-modal-btn-inner"
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    symbol: "close"
-  })));
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, Object.assign({}, props, {
-    close: customCloseBtn
-  }), children);
-};
-var _default = exports.default = CustomModalHeader;

package/dist/components/dialogs/insert-view-dialog.js

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-var _components = require("../../common/components");
-var _translate = _interopRequireDefault(require("../../lang/translate"));
-var _customModalHeader = _interopRequireDefault(require("./custom-modal-header"));
-const VIEW_TYPES = {
-  TABLE: 'table',
-  CARD: 'card'
-  // GALLERY: 'gallery',
-};
-const VIEW_TYPE_OPTIONS = [{
-  label: _translate.default.gettext('Table'),
-  value: VIEW_TYPES.TABLE
-}, {
-  label: _translate.default.gettext('Card'),
-  value: VIEW_TYPES.CARD
-}
-// { label: Translate.gettext('Gallery'), value: VIEW_TYPES.TABLE },
-];
-class InsertViewDialog extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "inputNewName", e => {
-      this.setState({
-        name: e.target.value
-      });
-    });
-    (0, _defineProperty2.default)(this, "handleKeyDown", e => {
-      if (e.key === 'Enter') {
-        this.handleSubmit();
-      }
-    });
-    (0, _defineProperty2.default)(this, "handleSubmit", () => {
-      const viewName = this.state.name.trim();
-      if (!viewName) {
-        _components.toaster.danger(_translate.default.gettext('View name is required.'));
-        return;
-      }
-      const {
-        viewType
-      } = this.state;
-      if (!viewType) {
-        _components.toaster.danger(_translate.default.gettext('View type is required.'));
-        return;
-      }
-      this.props.onAddView(viewName, viewType);
-    });
-    (0, _defineProperty2.default)(this, "toggle", () => {
-      this.props.toggleCancel();
-    });
-    (0, _defineProperty2.default)(this, "handleSelectChange", option => {
-      this.setState({
-        viewType: option
-      });
-    });
-    this.state = {
-      name: '',
-      isSubmitBtnActive: false,
-      selectedOption: null,
-      viewType: ''
-    };
-  }
-  render() {
-    const {
-      viewType
-    } = this.state;
-    const selectedOption = VIEW_TYPE_OPTIONS.find(item => item.value === viewType);
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
-      isOpen: true,
-      autoFocus: false,
-      toggle: this.toggle
-    }, /*#__PURE__*/_react.default.createElement(_customModalHeader.default, {
-      toggle: this.toggle
-    }, _translate.default.gettext('Add view')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _translate.default.gettext('View name')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      onKeyDown: this.handleKeyDown,
-      autoFocus: true,
-      value: this.state.name,
-      onChange: this.inputNewName,
-      name: "view-name"
-    }), /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
-      className: "mt-2"
-    }, _translate.default.gettext('View type')), /*#__PURE__*/_react.default.createElement(_components.CustomizeSelect, {
-      value: selectedOption,
-      options: VIEW_TYPE_OPTIONS,
-      onChange: this.handleSelectChange
-    })), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      color: "secondary",
-      onClick: this.toggle
-    }, _translate.default.gettext('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      color: "primary",
-      onClick: this.handleSubmit,
-      disabled: !this.state.name.trim()
-    }, _translate.default.gettext('Submit'))));
-  }
-}
-var _default = exports.default = InsertViewDialog;

package/dist/components/icons/arrow-down-icon.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-const ArrayDownIcon = props => /*#__PURE__*/React.createElement("svg", Object.assign({
-  width: 32,
-  height: 32,
-  viewBox: "0 0 32 32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, props), /*#__PURE__*/React.createElement("path", {
-  d: "M16.0605 24L28.1211 11.9395L26 9.81836L16.0605 19.7578L6.12109 9.81836L4 11.9395L16.0605 24Z",
-  fill: "currentColor"
-}));
-var _default = exports.default = ArrayDownIcon;

package/dist/components/icons/arrow-up-icon.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-const ArrayUpIcon = props => /*#__PURE__*/React.createElement("svg", Object.assign({
-  width: 32,
-  height: 32,
-  viewBox: "0 0 32 32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, props), /*#__PURE__*/React.createElement("path", {
-  d: "M16.0607 7.99988L28.1212 20.0604L26.0001 22.1815L16.0607 12.2421L6.12122 22.1815L4.00012 20.0604L16.0607 7.99988Z",
-  fill: "currentColor"
-}));
-var _default = exports.default = ArrayUpIcon;

package/dist/components/icons/close-icon.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-const CloseIcon = props => /*#__PURE__*/React.createElement("svg", Object.assign({
-  t: 1718937171668,
-  className: "icon",
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  "p-id": 18368,
-  xmlnsXlink: "http://www.w3.org/1999/xlink",
-  width: 200,
-  height: 200
-}, props), /*#__PURE__*/React.createElement("path", {
-  d: "M489.6 444.8l294.4-294.4 67.2 67.2-294.4 294.4 294.4 294.4-67.2 67.2-294.4-294.4-272 272-67.2-67.2 272-272-272-272 67.2-67.2z",
-  "p-id": 18369,
-  fill: "currentColor"
-}));
-var _default = exports.default = CloseIcon;

package/dist/components/icons/set-up-icon.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-const SetUpIcon = props => /*#__PURE__*/React.createElement("svg", Object.assign({
-  width: 32,
-  height: 32,
-  viewBox: "0 0 32 32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, props), /*#__PURE__*/React.createElement("path", {
-  d: "M12.3048 1.04102C13.0668 0.859993 13.8405 1.29543 14.0802 2.04102C14.3696 2.94055 15.1732 3.53862 16.1124 3.53223L16.3068 3.52344C17.2681 3.44595 18.0378 2.85385 18.341 2.18946L18.4035 2.06738C18.7413 1.47614 19.4426 1.18166 20.1095 1.36817C21.4489 1.74318 22.6896 2.28193 23.9728 3.06934C25.1023 3.76249 26.2908 4.71126 27.2365 5.74121C27.7325 6.28157 27.7653 7.10175 27.3136 7.67969C26.7469 8.4046 26.6346 9.27919 27.0704 10.208C27.5879 10.9886 28.5746 11.4613 29.4884 11.3984L29.6251 11.3955C30.3005 11.4102 30.8912 11.8779 31.0509 12.5459C31.668 15.1295 31.6716 18.0018 30.924 20.6621C30.7125 21.4138 29.9599 21.8777 29.1935 21.7285C28.4485 21.5834 27.587 21.9403 27.0617 22.792C26.5366 23.6433 26.6069 24.5663 27.0695 25.1602C27.5508 25.778 27.476 26.6625 26.8976 27.1904C24.8547 29.0546 22.284 30.344 19.6954 30.959C18.9335 31.14 18.1598 30.7046 17.9201 29.959C17.6489 29.1159 16.9257 28.5374 16.0626 28.4736L15.8878 28.4678C14.8367 28.4754 13.9827 29.102 13.6593 29.8105C13.3525 30.4825 12.6021 30.8308 11.8908 30.6318C10.5514 30.2568 9.31064 29.7181 8.02747 28.9307C6.89795 28.2375 5.70942 27.2888 4.7638 26.2588C4.26774 25.7184 4.23493 24.8982 4.68665 24.3203C5.25363 23.5951 5.36538 22.7203 4.92884 21.791C4.41118 21.0111 3.4253 20.5388 2.51185 20.6016C1.78077 20.6518 1.11971 20.1668 0.949349 19.4541C0.332247 16.8705 0.328662 13.9982 1.0763 11.3379C1.28775 10.5863 2.04037 10.1223 2.80677 10.2715C3.55176 10.4166 4.41323 10.0597 4.93861 9.20801C5.46366 8.35672 5.39341 7.43367 4.93079 6.83985C4.44946 6.22204 4.52418 5.3375 5.10267 4.80957C7.14554 2.94543 9.7162 1.65606 12.3048 1.04102ZM11.8673 4.28223C10.4992 4.73716 9.17485 5.41808 8.0138 6.29102C8.55023 7.76552 8.32683 9.43023 7.49232 10.7832C6.65717 12.1371 5.26815 13.0849 3.70814 13.2705C3.44526 14.7249 3.43696 16.2401 3.65931 17.6875C5.07739 17.9423 6.41655 18.7335 7.2931 19.9355L7.51283 20.2607L7.58216 20.3857C8.33408 21.8973 8.3938 23.5361 7.75208 24.9922C8.33344 25.5126 8.97641 25.9933 9.59681 26.374C10.3047 26.8084 10.9826 27.1412 11.674 27.4043C12.6652 26.2383 14.1905 25.4798 15.8663 25.4678H15.8673C17.6431 25.4556 19.203 26.3424 20.132 27.7168C21.5003 27.2619 22.8243 26.581 23.9855 25.708C23.4497 24.2338 23.6736 22.5694 24.5079 21.2168C25.3429 19.8631 26.7315 18.9143 28.2911 18.7285C28.5539 17.274 28.5625 15.759 28.34 14.3115C26.798 14.0342 25.3492 13.1229 24.4874 11.7393C24.4623 11.6988 24.4393 11.6569 24.4181 11.6143C23.6661 10.1025 23.6053 8.46308 24.2472 7.00684C23.6661 6.48681 23.0234 6.00642 22.4035 5.62598C21.6951 5.19132 21.0171 4.85788 20.3253 4.59473C19.3341 5.76081 17.8098 6.52017 16.1339 6.53223H16.1329C14.3566 6.54435 12.7962 5.65729 11.8673 4.28223Z",
-  fill: "currentColor"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M18.5 16C18.5 14.6193 17.3807 13.5 16 13.5C14.6193 13.5 13.5 14.6193 13.5 16C13.5 17.3807 14.6193 18.5 16 18.5C17.3807 18.5 18.5 17.3807 18.5 16ZM21.5 16C21.5 19.0376 19.0376 21.5 16 21.5C12.9624 21.5 10.5 19.0376 10.5 16C10.5 12.9624 12.9624 10.5 16 10.5C19.0376 10.5 21.5 12.9624 21.5 16Z",
-  fill: "currentColor"
-}));
-var _default = exports.default = SetUpIcon;

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

@@ -1,89 +0,0 @@
-"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 _utils = require("../../../common/utils/utils");
-var _iconButton = _interopRequireDefault(require("../../icon-button"));
-var _constants = require("../../../constants");
-var _hooks = require("../../../hooks");
-var _translate = _interopRequireDefault(require("../../../lang/translate"));
-var _dataProcessSetter = require("../../data-process-setter");
-const CardViewToolbar = _ref => {
-  let {
-    isCustomPermission,
-    readOnly,
-    view,
-    collaborators,
-    modifyFilters,
-    modifySorts,
-    onToggleDetail = () => {},
-    onCloseDetail = () => {}
-  } = _ref;
-  const {
-    context
-  } = (0, _hooks.useFileRepoContext)();
-  const viewType = (0, _react.useMemo)(() => view.type, [view]);
-  const viewColumns = (0, _react.useMemo)(() => {
-    if (!view) return [];
-    return view.columns;
-  }, [view]);
-
-  // const filterColumns = useMemo(() => {
-  //   return viewColumns.filter(c => c.key !== PRIVATE_COLUMN_KEY.FILE_TYPE);
-  // }, [viewColumns]);
-
-  const onToggleSettings = (0, _react.useCallback)(() => {
-    context.eventBus.dispatch(_constants.EVENT_BUS_TYPE.TOGGLE_CARD_SETTINGS);
-    onCloseDetail();
-  }, [context.eventBus, onCloseDetail]);
-  const toggleDetails = (0, _react.useCallback)(() => {
-    context.eventBus.dispatch(_constants.EVENT_BUS_TYPE.CLOSE_CARD_SETTINGS);
-    onToggleDetail();
-  }, [context.eventBus, onToggleDetail]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sea-metadata-tool-left-operations"
-  }, /*#__PURE__*/_react.default.createElement(_dataProcessSetter.FilterSetter, {
-    wrapperClass: "sea-metadata-view-tool-operation-btn sea-metadata-view-tool-filter  mr-2",
-    filtersClassName: "sea-metadata-filters",
-    target: `sea-metadata-filter-popover-${view._id}`,
-    readOnly: readOnly,
-    filterConjunction: view.filter_conjunction,
-    basicFilters: view.basic_filters,
-    filters: view.filters,
-    columns: viewColumns,
-    modifyFilters: modifyFilters,
-    collaborators: collaborators,
-    viewType: viewType
-  }), /*#__PURE__*/_react.default.createElement(_dataProcessSetter.SortSetter, {
-    wrapperClass: "sea-metadata-view-tool-operation-btn sea-metadata-view-tool-sort  mr-2",
-    target: `sea-metadata-sort-popover-${view._id}`,
-    readOnly: readOnly,
-    sorts: view.sorts,
-    type: viewType,
-    columns: viewColumns,
-    modifySorts: modifySorts
-  }), !readOnly && /*#__PURE__*/_react.default.createElement(_iconButton.default, {
-    icon: "set-up",
-    className: "sf-metadata-view-tool-operation-btn sea-metadata-view-tool-setting",
-    size: 24,
-    role: "button",
-    "aria-label": _translate.default.gettext('Settings'),
-    title: _translate.default.gettext('Settings'),
-    tabIndex: 0,
-    onClick: onToggleSettings,
-    onKeyDown: _utils.Utils.onKeyDown
-  }), !isCustomPermission && /*#__PURE__*/_react.default.createElement(_iconButton.default, {
-    className: "cur-view-path-btn ml-2",
-    icon: "info",
-    title: _translate.default.gettext('Properties'),
-    onClick: toggleDetails
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sf-metadata-tool-right-operations"
-  }));
-};
-var _default = exports.default = CardViewToolbar;

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

@@ -1,55 +0,0 @@
- .sea-database-views-wrapper {
-   display: flex;
-   align-items: center;
-   flex-grow: 1;
-   position: relative;
- }
-
- .sea-database-views-wrapper .base-view-item {
-   display: flex;
-   align-items: center;
-   cursor: pointer;
- }
-
- .sea-database-views-wrapper .base-view-item .view-icons {
-   display: flex;
-   flex-direction: column;
-   align-items: center;
-   font-size: 8px;
-   cursor: pointer;
- }
-
- .sea-database-views-dropdown-menu {
-   display: block;
- }
-
- .sea-database-views-dropdown-menu .sea-database-views-search-wrapper {
-   padding: 8px 16px;
- }
-
- .sea-database-views-dropdown-menu .sea-database-views-list-wrapper {
-   max-height: 240px;
-   min-height: 100px;
-   overflow-y: auto;
-   width: 300px;
- }
-
- .sea-database-views-dropdown-menu .view-item {
-   display: flex;
-   justify-content: space-between;
-   align-items: center;
-   position: relative;
- }
-
- .sea-database-views-dropdown-menu .view-item .view-item-left .seafile-multicolor-icon:hover {
-   cursor: grab;
- }
-
- .sea-database-views-dropdown-menu .view-item .view-item-right {
-   margin-right: 0;
- }
-
- .sea-database-views-dropdown-menu .add-item-btn {
-   padding-top: 8px;
-   height: 32px;
- }

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

@@ -1,98 +0,0 @@
-"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
-  })));
-}