@seafile/sdoc-editor 2.0.82 → 2.0.83

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/resize-handle/ResizeHandle.js

@@ -1,38 +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 _draggable = _interopRequireDefault(require("../../../../seatable-tables/draggable"));
-require("./index.css");
-const style = {
-  position: 'absolute',
-  top: 0,
-  width: 5,
-  borderRadius: '3px',
-  margin: '3px 0',
-  height: '80%'
-};
-class ResizeHandle extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "setResizeHandleLeft", left => {
-      this.draggable.setDraggableLeft(left);
-    });
-  }
-  render() {
-    return /*#__PURE__*/_react.default.createElement(_draggable.default, Object.assign({}, this.props, {
-      ref: ref => this.draggable = ref,
-      className: "react-grid-HeaderCell__resizeHandle",
-      style: {
-        ...this.props.style,
-        ...style
-      }
-    }));
-  }
-}
-var _default = exports.default = ResizeHandle;

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/resize-handle/index.css

@@ -1,384 +0,0 @@
-.react-grid-Header {
-  background: #f9f9f9;
-}
-
-.react-grid-Header--resizing {
-  cursor: ew-resize;
-}
-
-.react-grid-HeaderRow {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  display: flex;
-  justify-content: space-between;
-}
-
-.dtable-header-setting {
-  height: 100%;
-  width: 30px;
-  float: right;
-  display: flex;
-  align-items: center;
-  color: #666666;
-}
-
-.dtable-header-setting::after {
-  content: '';
-  display: block;
-  clear: both;
-}
-
-.dtable-header-setting:hover {
-  color: #444;
-  cursor: pointer;
-}
-
-.dtable-header-setting-submenu .dtable-dropdown-menu {
-  top: -12px !important;
-  left: -10px !important;
-}
-
-.dtable-dropdown-menu .dtable-header-setting-submenu:hover .dtable-dropdown-menu .item-icon {
-  color: #8c8c8c;
-}
-
-.dtable-dropdown-menu .dtable-header-setting-submenu:hover .dropdown-item:hover .item-icon {
-  color: #fff;
-}
-
-.react-grid-HeaderCell {
-  user-select: none;
-  background: #f9f9f9;
-  padding: 8px;
-  font-weight: normal;
-  border-right: 1px solid #dddddd;
-  border-bottom: 1px solid #dddddd;
-  font-size: 14px;
-}
-
-.react-grid-HeaderCell.rdg-row-actions-cell {
-  z-index: 3;
-}
-
-.react-grid-HeaderCell__value {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  position: relative;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.react-grid-HeaderCell__resizeHandle {
-  cursor: ew-resize;
-}
-
-.react-grid-HeaderCell__resizeHandle:hover {
-  background: #dddddd;
-}
-
-.react-grid-HeaderCell--frozen:last-of-type {
-  box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);
-}
-
-.react-grid-HeaderCell--resizing .react-grid-HeaderCell__resizeHandle {
-  background: #dddddd;
-}
-
-.react-grid-HeaderCell__draggable {
-  cursor: col-resize;
-}
-
-.react-grid-HeaderCell__draggable:hover {
-  background-color: #2d7ff9;
-}
-
-.rdg-can-drop>.react-grid-HeaderCell {
-  background: #ececec;
-}
-
-.react-grid-HeaderCell .Select {
-  max-height: 30px;
-  font-size: 12px;
-  font-weight: normal;
-}
-
-.react-grid-HeaderCell .Select-control {
-  max-height: 30px;
-  border: 1px solid #cccccc;
-  color: #555;
-  border-radius: 3px;
-}
-
-.react-grid-HeaderCell .is-focused:not(.is-open)>.Select-control {
-  border-color: #66afe9;
-  outline: 0;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-}
-
-.react-grid-HeaderCell .Select-control .Select-placeholder {
-  line-height: 20px;
-  color: #999;
-  padding: 4px;
-}
-
-.react-grid-HeaderCell .Select-control .Select-input {
-  max-height: 28px;
-  padding: 4px;
-  margin-left: 0px;
-}
-
-.react-grid-HeaderCell .Select-control .Select-input input {
-  padding: 0px;
-  height: 100%;
-}
-
-.react-grid-HeaderCell .Select-control .Select-arrow-zone .Select-arrow {
-  border-color: gray transparent transparent;
-  border-width: 4px 4px 2.5px;
-}
-
-.react-grid-HeaderCell .Select-control .Select-value {
-  padding: 4px;
-  line-height: 20px !important;
-}
-
-.react-grid-HeaderCell .Select--multi .Select-control .Select-value {
-  padding: 0px;
-  line-height: 16px !important;
-  max-height: 20px;
-}
-
-.react-grid-HeaderCell .Select--multi .Select-control .Select-value .Select-value-icon {
-  max-height: 20px;
-}
-
-.react-grid-HeaderCell .Select--multi .Select-control .Select-value .Select-value-label {
-  max-height: 20px;
-}
-
-.react-grid-HeaderCell .Select-control .Select-value .Select-value-label {
-  color: #555555 !important;
-}
-
-.react-grid-HeaderCell .Select-menu-outer {
-  z-index: 2;
-}
-
-.react-grid-HeaderCell .Select-menu-outer .Select-option {
-  padding: 4px;
-  line-height: 20px;
-}
-
-.react-grid-HeaderCell .Select-menu-outer .Select-menu .Select-option.is-selected {
-  color: #555555;
-}
-
-.react-grid-HeaderCell .Select-menu-outer .Select-menu .Select-option.is-focused {
-  color: #555555;
-}
-
-/* custom */
-.header-cell-container {
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-.header-cell-container>div {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  min-width: 30px;
-}
-
-.header-cell-container .header-cell-left {
-  width: calc(100% - 20px);
-  display: flex;
-}
-
-.header-cell-container .header-uneditable-cell-left {
-  width: calc(100% - 34px);
-}
-
-.header-cell-container .header-uneditable-description-cell-left {
-  width: calc(100% - 50px);
-}
-
-.header-cell-container .dtable-dropdown-menu {
-  width: 20px;
-  padding: 0 5px;
-}
-
-.header-icon {
-  display: inline-block;
-  padding: 0 0.3125rem;
-  margin-left: -0.3125rem;
-}
-
-.header-cell-container .header-icon {
-  display: flex;
-  align-items: center;
-}
-
-.header-icon:hover {
-  cursor: default;
-}
-
-.header-icon .dtable-font {
-  font-size: 14px;
-  color: #aaa;
-  cursor: default;
-}
-
-.header-icon .dtable-font.dtable-icon-use-help {
-  color: #bdbdbd;
-}
-
-.header-icon .dtable-font.dtable-icon-use-help:hover {
-  color: #888;
-}
-
-.bs-tooltip-bottom .arrow::before,
-.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
-  border-bottom-color: #303133;
-}
-
-.bs-tooltip-auto[x-placement^='right'] .arrow::before {
-  border-right-color: #303133;
-}
-
-.bs-tooltip-auto[x-placement^='left'] .arrow::before {
-  border-left-color: #303133;
-}
-
-.tooltip-inner {
-  max-width: 242px;
-  font-weight: lighter;
-  text-align: start;
-  background-color: #303133;
-}
-
-.help-icon-tooltip-inner {
-  position: relative;
-  overflow: hidden;
-}
-
-.help-icon-tooltip-btn {
-  float: right;
-  cursor: pointer;
-  color: rgba(255, 255, 255, 0.6);
-}
-
-.help-icon-tooltip-btn:hover {
-  color: rgba(255, 255, 255, 1);
-}
-
-.expand-row-icon {
-  display: inline-block;
-  margin-right: 0.5rem;
-}
-
-.expand-row-icon .dtable-font {
-  font-size: 14px;
-  color: #535354;
-}
-
-.header-name {
-  margin-left: 3px;
-  overflow: hidden;
-}
-
-.header-cell-container .header-name {
-  align-items: center;
-}
-
-.header-dropdown {
-  position: unset;
-  display: inline-block;
-  margin-left: auto;
-  z-index: 1;
-  cursor: pointer !important;
-}
-
-.header-dropdown:hover {
-  cursor: pointer;
-}
-
-.header-dropdown>span {
-  display: inline-block;
-  padding: 0 6px;
-}
-
-.header-dropdown .dtable-icon-drop-down {
-  display: inline-block;
-  font-size: 12px;
-  color: #999;
-  transform: scale(0.8);
-  transition: all 0.1s;
-}
-
-.header-dropdown:hover .dtable-icon-drop-down {
-  color: #aaa;
-}
-
-.header-dropdown .dropdown-item:hover {
-  background-color: #20a0ff;
-  color: #fff;
-  cursor: pointer;
-}
-
-.dtable-dropdown-menu .header-dropdown .grid-header-dropdown-item {
-  padding: 0 1rem !important;
-}
-
-.header-dropdown .grid-header-dropdown-item .item-icon {
-  line-height: 32px;
-}
-
-.dtable-dropdown-menu .grid-header-dropdown-item.formula-date-format-item {
-  padding-left: 15px;
-}
-
-.react-grid-HeaderCell.add-column-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  position: absolute;
-  cursor: pointer;
-}
-
-.react-grid-HeaderCell.add-column-icon .dtable-font {
-  font-size: 15px;
-}
-
-.react-grid-HeaderCell-default .header-cell-container .widget-HeaderCell__value {
-  line-height: 24px;
-}
-
-.react-grid-HeaderCell-default .header-name .header-name-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.react-grid-HeaderCell-double .header-cell-container .header-cell-left {
-  height: 100%;
-}
-
-.react-grid-HeaderCell-double .header-name .header-name-text {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: initial;
-  max-height: 46px;
-  height: fit-content;
-}

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header-cell.js

@@ -1,125 +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 _reactDom = _interopRequireDefault(require("react-dom"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _basicSdk = require("../../../../../basic-sdk");
-var _constants = require("../../../../../constants");
-var _ResizeHandle = _interopRequireDefault(require("./resize-handle/ResizeHandle"));
-class RowCardHeaderCell extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "getHeaderCellWidth", () => {
-      const {
-        column,
-        rowCardType,
-        table
-      } = this.props;
-      const {
-        key,
-        width
-      } = column;
-      let headerCellWidth = width;
-      if (rowCardType === 'link') {
-        const tableId = table._id;
-        const draggedCellId = `${tableId}-${key}`;
-        const existedWidth = JSON.parse(localStorage.getItem(draggedCellId));
-        if (existedWidth) {
-          headerCellWidth = existedWidth;
-        }
-      }
-      return headerCellWidth;
-    });
-    (0, _defineProperty2.default)(this, "onDrag", e => {
-      const headerCellWidth = this.getWidthFromMouseEvent(e);
-      this.setState({
-        headerCellWidth
-      });
-    });
-    (0, _defineProperty2.default)(this, "onDragStart", e => {
-      this.setState({
-        resizing: true
-      });
-    });
-    (0, _defineProperty2.default)(this, "onDragEnd", e => {
-      const {
-        column,
-        table
-      } = this.props;
-      const columnKey = column.key;
-      const {
-        _id: tableId
-      } = table;
-      const draggedCellId = `${tableId}-${columnKey}`;
-      let width = this.getWidthFromMouseEvent(e);
-      this.setState({
-        resizing: false
-      });
-      const eventBus = _basicSdk.EventBus.getInstance();
-      eventBus.dispatch(_constants.EXTERNAL_EVENT.CHANGE_HEADER_WIDTH, {
-        id: draggedCellId,
-        width
-      });
-      localStorage.setItem(draggedCellId, width);
-    });
-    (0, _defineProperty2.default)(this, "getWidthFromMouseEvent", e => {
-      let right = e.pageX || e.touches && e.touches[0] && e.touches[0].pageX || e.changedTouches && e.changedTouches[e.changedTouches.length - 1].pageX;
-      if (e.pageX === 0) {
-        right = 0;
-      }
-      const left = _reactDom.default.findDOMNode(this.headerCell).getBoundingClientRect().left;
-      // add 5px is ResizeHandle component DOM width, and the draggable column minimum width is 50px
-      return Math.max(right - left + 5, 50);
-    });
-    this.state = {
-      resizing: false,
-      headerCellWidth: this.getHeaderCellWidth(),
-      isDraggable: props.rowCardType === 'link'
-    };
-  }
-  render() {
-    const {
-      column
-    } = this.props;
-    const {
-      headerCellWidth,
-      resizing,
-      isDraggable
-    } = this.state;
-    const {
-      name,
-      key
-    } = column;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('row-card-column-name text-truncate position-relative', {
-        'row-card-column--resizing': resizing
-      }, {
-        'row-card-draggable': isDraggable
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref => this.headerCell = ref,
-      className: "row-card-column-name-item position-relative",
-      style: {
-        width: headerCellWidth
-      },
-      key: key,
-      title: name
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      title: name
-    }, name)), isDraggable && /*#__PURE__*/_react.default.createElement(_ResizeHandle.default, {
-      style: {
-        right: 0
-      },
-      onDrag: this.onDrag,
-      onDragStart: this.onDragStart,
-      onDragEnd: this.onDragEnd
-    }));
-  }
-}
-var _default = exports.default = RowCardHeaderCell;

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header.js

@@ -1,144 +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 _classnames = _interopRequireDefault(require("classnames"));
-var _rowCardHeaderCell = _interopRequireDefault(require("./row-card-header-cell"));
-class RowCardHeader extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "onScrollControlClick", type => {
-      const tablesNav = this.linkRecordsHeader;
-      const {
-        offsetWidth,
-        scrollWidth,
-        scrollLeft
-      } = tablesNav;
-      let targetScrollLeft;
-      if (type === 'prev') {
-        if (scrollLeft === 0) {
-          return;
-        }
-        targetScrollLeft = scrollLeft - offsetWidth;
-        targetScrollLeft = targetScrollLeft > 0 ? targetScrollLeft : 0;
-      }
-      if (type === 'next') {
-        if (scrollLeft + offsetWidth === scrollWidth) {
-          return;
-        }
-        targetScrollLeft = scrollLeft + offsetWidth;
-        targetScrollLeft = targetScrollLeft > scrollWidth - offsetWidth ? scrollWidth - offsetWidth : targetScrollLeft;
-      }
-      if (this.state.canCardHeaderScroll) {
-        this.setState({
-          canCardHeaderScroll: false
-        });
-        let timer = null;
-        let step = (targetScrollLeft - scrollLeft) / 10;
-        step = step > 0 ? Math.ceil(step) : Math.floor(step);
-        timer = setInterval(() => {
-          tablesNav.scrollLeft = tablesNav.scrollLeft + step;
-          if (Math.abs(targetScrollLeft - tablesNav.scrollLeft) <= Math.abs(step)) {
-            tablesNav.scrollLeft = targetScrollLeft;
-            clearInterval(timer);
-            this.setState({
-              canCardHeaderScroll: true
-            });
-          }
-        }, 30);
-      }
-    });
-    (0, _defineProperty2.default)(this, "onScrollHeader", () => {
-      let {
-        scrollLeft
-      } = this.linkRecordsHeader;
-      this.props.setItemScrollLeft(scrollLeft, -1);
-      if (this.timer) {
-        clearTimeout(this.timer);
-      }
-      this.timer = setTimeout(() => {
-        this.props.setScrollLeft(scrollLeft);
-      }, 60);
-    });
-    (0, _defineProperty2.default)(this, "setHeaderScrollLeft", scrollLeft => {
-      this.linkRecordsHeader.scrollLeft = scrollLeft;
-    });
-    (0, _defineProperty2.default)(this, "getCardHeaderCells", () => {
-      const cardHeaderCells = [];
-      const {
-        renderedColumns,
-        rowCardType,
-        table
-      } = this.props;
-      // Start from the second column without name
-      for (let i = 1; i < renderedColumns.length; i++) {
-        const renderedColumn = renderedColumns[i];
-        cardHeaderCells.push( /*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
-          key: renderedColumn.key,
-          column: renderedColumn,
-          rowCardType: rowCardType,
-          table: table
-        }));
-      }
-      return cardHeaderCells;
-    });
-    this.state = {
-      canCardHeaderScroll: true,
-      linkRecordsNavScrollWidth: 0,
-      linkRecordsNavWidth: 0
-    };
-  }
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      offsetWidth,
-      scrollWidth
-    } = this.linkRecordsHeader;
-    if (prevState.linkRecordsNavScrollWidth !== scrollWidth || prevState.linkRecordsNavWidth !== offsetWidth) {
-      this.props.getCurrentDisplayRowMaxIndex();
-      this.setState({
-        linkRecordsNavScrollWidth: scrollWidth,
-        linkRecordsNavWidth: offsetWidth
-      });
-    }
-  }
-  render() {
-    const {
-      showScrollBtn,
-      scrollLeft,
-      cardHeaderClassName
-    } = this.props;
-    const {
-      linkRecordsNavWidth,
-      linkRecordsNavScrollWidth
-    } = this.state;
-    const cardHeaderCells = this.getCardHeaderCells();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: `row-card-header ${cardHeaderClassName ? cardHeaderClassName : ''}`
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "row-card-column-names records-column-names",
-      ref: ref => this.recordItemRef = ref
-    }, showScrollBtn && /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)('dtable-font', 'dtable-icon-left', 'row-card-scroll', 'link-scroll-prev', {
-        'scroll-active': scrollLeft > 0
-      }),
-      onClick: this.onScrollControlClick.bind(this, 'prev')
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "row-card-columns-container",
-      onScroll: this.onScrollHeader,
-      ref: ref => this.linkRecordsHeader = ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "d-inline-flex"
-    }, cardHeaderCells)), showScrollBtn && /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)('dtable-font', 'dtable-icon-right', 'row-card-scroll', 'link-scroll-next', {
-        'scroll-active': scrollLeft + linkRecordsNavWidth < linkRecordsNavScrollWidth
-      }),
-      onClick: this.onScrollControlClick.bind(this, 'next')
-    })));
-  }
-}
-var _default = exports.default = RowCardHeader;