@seafile/sdoc-editor 2.0.82 → 2.0.83

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

@@ -1,161 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-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 = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _basicSdk = require("../../../../../basic-sdk");
-var _constants = require("../../../../../constants");
-var _formatter = _interopRequireDefault(require("../../../seatable-tables/formatter"));
-var _helpers = require("../../helpers");
-const emptyComponent = /*#__PURE__*/_react.default.createElement("span", {
-  className: "row-cell-empty d-inline-block"
-});
-class RowCardItem extends _react.PureComponent {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "setDraggedCell", draggedCell => {
-      this.setState({
-        draggedCell
-      });
-    });
-    (0, _defineProperty2.default)(this, "getRowRecord", () => {
-      return this.linkRowRecord();
-    });
-    (0, _defineProperty2.default)(this, "linkRowRecord", () => {
-      let {
-        row,
-        formulaRow,
-        columns,
-        table,
-        rowCardType
-      } = this.props;
-      const {
-        draggedCell
-      } = this.state;
-      const {
-        _id: tableId
-      } = table;
-      return columns.filter(column => column.key !== '0000').map(column => {
-        const {
-          key,
-          width
-        } = column;
-        const draggedCellId = `${tableId}-${key}`;
-        const existedWidth = JSON.parse(localStorage.getItem(draggedCellId));
-        let columnWidth = existedWidth && rowCardType === 'link' ? existedWidth : width;
-        if (draggedCell.id === draggedCellId) {
-          columnWidth = draggedCell.width;
-        }
-        let cellValue = row[column.key];
-        if ([_dtableUtils.CellType.LINK, _dtableUtils.CellType.LINK_FORMULA, _dtableUtils.CellType.FORMULA].includes(column.type)) {
-          cellValue = formulaRow[column.key];
-        }
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "row-cell-value text-truncate",
-          key: row._id + '_' + key,
-          style: {
-            width: columnWidth
-          }
-        }, /*#__PURE__*/_react.default.createElement(_formatter.default, {
-          isSample: true,
-          column: column,
-          cellValue: cellValue,
-          collaborators: (0, _helpers.getAllCollaborators)(),
-          components: {
-            emptyComponent
-          },
-          isSeatableRow: true
-        }));
-      });
-    });
-    (0, _defineProperty2.default)(this, "changeScroll", event => {
-      event.stopPropagation();
-      const {
-        setItemScrollLeft,
-        rowIdx
-      } = this.props;
-      if (this.scrollActive) {
-        this.scrollActive = false;
-        return;
-      }
-      if (setItemScrollLeft) setItemScrollLeft(this.cardRecordsItemRef.scrollLeft, rowIdx);
-    });
-    (0, _defineProperty2.default)(this, "setScrollLeft", scrollLeft => {
-      this.scrollActive = true;
-      this.cardRecordsItemRef.scrollLeft = scrollLeft;
-    });
-    (0, _defineProperty2.default)(this, "getScrollLeft", () => {
-      return this.cardRecordsItemRef.scrollLeft;
-    });
-    (0, _defineProperty2.default)(this, "setCardRecordsItemRef", ref => {
-      this.cardRecordsItemRef = ref;
-    });
-    this.state = {
-      draggedCell: {},
-      isShowTick: false
-    };
-  }
-  componentDidMount() {
-    const {
-      rowIdx,
-      onRef
-    } = this.props;
-    onRef && onRef(this, rowIdx);
-    const eventBus = _basicSdk.EventBus.getInstance();
-    this.unsubscribeChangeHeaderWidth = eventBus.subscribe(_constants.EXTERNAL_EVENT.CHANGE_HEADER_WIDTH, this.setDraggedCell);
-  }
-  componentWillUnmount() {
-    this.unsubscribeChangeHeaderWidth();
-  }
-  UNSAFE_componentWillUpdate(nextProps) {
-    const {
-      onRef
-    } = this.props;
-    onRef && onRef(this, nextProps.rowIdx);
-  }
-  render() {
-    const {
-      row,
-      columns,
-      isSelected,
-      onRowClick
-    } = this.props;
-    const nameColumn = columns.find(column => column.key === '0000');
-    const cellValue = row['0000'];
-    return /*#__PURE__*/_react.default.createElement("div", {
-      tabIndex: 0,
-      "aria-label": row['0000'],
-      className: "row-card-item",
-      onClick: onRowClick
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "row-card-item-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "row-card-item-header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "row-card-item-name seatable-row-card-name"
-    }, /*#__PURE__*/_react.default.createElement(_formatter.default, {
-      isSample: true,
-      column: nameColumn,
-      cellValue: cellValue,
-      collaborators: (0, _helpers.getAllCollaborators)(),
-      components: {
-        emptyComponent
-      }
-    })), isSelected && /*#__PURE__*/_react.default.createElement("span", {
-      className: "row-card-item-check dtable-font dtable-icon-check-circle"
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "row-card-item-content",
-      onScroll: this.changeScroll,
-      ref: this.setCardRecordsItemRef
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "d-inline-flex"
-    }, this.getRowRecord()))));
-  }
-}
-var _default = exports.default = RowCardItem;

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/seatable-table-record.js

@@ -1,47 +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 _reactI18next = require("react-i18next");
-var _dtableUtils = require("dtable-utils");
-var _recordContent = _interopRequireDefault(require("./record-content"));
-const SeatableTableRecord = _ref => {
-  let {
-    table,
-    setSelectedRow
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const renderedColumns = () => {
-    var _table$columns;
-    return table === null || table === void 0 ? void 0 : (_table$columns = table.columns) === null || _table$columns === void 0 ? void 0 : _table$columns.filter(column => {
-      if (column.type === _dtableUtils.CellType.LONG_TEXT) {
-        return false;
-      }
-      return true;
-    }).map(column => Object.assign({}, column, {
-      width: 100
-    }));
-  };
-  return /*#__PURE__*/_react.default.createElement(_recordContent.default, {
-    table: table,
-    renderedColumns: renderedColumns(),
-    columns: renderedColumns(),
-    rows: table.rows,
-    rowCardType: "link",
-    isAdditionEditorView: false,
-    showScrollBtn: !window.isMobile,
-    isShowRowCardHeader: true,
-    cardListClassName: window.isMobile ? 'mobile-link-row-card-list' : '',
-    cardHeaderClassName: window.isMobile ? 'mobile-link-row-card-header' : '',
-    noCardItemTip: t('No_linked_records'),
-    setSelectedRow: setSelectedRow,
-    t: t
-  });
-};
-var _default = exports.default = SeatableTableRecord;

package/dist/plugin-module/plugins/seatable-row/helpers.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateSeaTableTable = exports.isInsertSeaTableRowDisabled = exports.insertSeaTableRow = exports.getAllCollaborators = exports.generateSeaTableRow = void 0;
-var _slate = require("@seafile/slate");
-var _slugid = _interopRequireDefault(require("slugid"));
-var _constants = require("../../../basic-sdk/extension/constants");
-var _core = require("../../../basic-sdk/extension/core");
-var _helper = require("../../../basic-sdk/extension/plugins/paragraph/helper");
-var _constants2 = require("../../constants");
-var _helpers = require("../seatable-column/helpers");
-const isInsertSeaTableRowDisabled = (editor, readonly) => {
-  if (readonly) return true;
-  const {
-    selection
-  } = editor;
-  if (selection === null) return true;
-  const [match] = _slate.Editor.nodes(editor, {
-    match: n => {
-      let type = (0, _core.getNodeType)(n);
-      if (!type && (0, _core.isTextNode)(n) && n.id) {
-        const parentNode = (0, _core.getParentNode)(editor.children, n.id);
-        type = (0, _core.getNodeType)(parentNode);
-      }
-      if (type.startsWith('header')) return true;
-      if (type === _constants.ELEMENT_TYPE.TITLE) return true;
-      if (type === _constants.ELEMENT_TYPE.SUBTITLE) return true;
-      if (type === _constants.ELEMENT_TYPE.CODE_BLOCK) return true;
-      if (type === _constants.ELEMENT_TYPE.ORDERED_LIST) return true;
-      if (type === _constants.ELEMENT_TYPE.UNORDERED_LIST) return true;
-      if (type === _constants.ELEMENT_TYPE.BLOCKQUOTE) return true;
-      if (type === _constants.ELEMENT_TYPE.LIST_ITEM) return true;
-      if (type === _constants.ELEMENT_TYPE.TABLE) return true;
-      if (type === _constants.ELEMENT_TYPE.TABLE_CELL) return true;
-      if (type === _constants.ELEMENT_TYPE.TABLE_ROW) return true;
-      if (type === _constants.ELEMENT_TYPE.CALL_OUT) return true;
-      if (type === _constants.ELEMENT_TYPE.MULTI_COLUMN) return true;
-      if (_slate.Editor.isVoid(editor, n)) return true;
-      return false;
-    },
-    universal: true
-  });
-  if (match) return true;
-  return false;
-};
-exports.isInsertSeaTableRowDisabled = isInsertSeaTableRowDisabled;
-const generateSeaTableRow = (table_id, selectedRowID, editor) => {
-  const table = editor.getTableById(table_id);
-  const columnWidth = {};
-  table.columns.forEach(item => {
-    columnWidth[item.key] = (0, _helpers.getColumnWidth)(item);
-  });
-  return {
-    id: _slugid.default.nice(),
-    type: _constants2.SEATABLE_ROW,
-    table_id: table_id,
-    row_id: selectedRowID,
-    column_width: columnWidth,
-    children: [(0, _core.generateDefaultText)()]
-  };
-};
-exports.generateSeaTableRow = generateSeaTableRow;
-const insertSeaTableRow = function (editor, table_id, selectedRowID) {
-  let insertPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants.INSERT_POSITION.CURRENT;
-  const seatableRowNode = generateSeaTableRow(table_id, selectedRowID, editor);
-  if (insertPosition === _constants.INSERT_POSITION.AFTER) {
-    const path = _slate.Editor.path(editor, editor.selection);
-    const currentNode = (0, _core.getNode)(editor, [path[0]]);
-
-    // Insert into selection position if in empty paragraph nodes
-    if (currentNode.type === _constants.PARAGRAPH && (0, _helper.isEmptyNode)(currentNode)) {
-      _slate.Transforms.setNodes(editor, seatableRowNode);
-      return;
-    }
-    path && _slate.Transforms.insertNodes(editor, seatableRowNode, {
-      at: [path[0] + 1]
-    });
-    return;
-  }
-  _slate.Transforms.setNodes(editor, seatableRowNode);
-};
-exports.insertSeaTableRow = insertSeaTableRow;
-const updateSeaTableTable = (editor, props, options) => {
-  _slate.Transforms.setNodes(editor, {
-    ...props
-  }, options);
-};
-exports.updateSeaTableTable = updateSeaTableTable;
-const getAllCollaborators = () => {
-  const {
-    collaboratorManager
-  } = window.seafile || window.seafileConfig;
-  const collaborators = Object.values(collaboratorManager === null || collaboratorManager === void 0 ? void 0 : collaboratorManager.emailUserMap);
-  return collaborators;
-};
-exports.getAllCollaborators = getAllCollaborators;

package/dist/plugin-module/plugins/seatable-row/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../../constants");
-var _plugin = _interopRequireDefault(require("./plugin"));
-var _renderElem = _interopRequireDefault(require("./render-elem"));
-const SeaTableRowPlugin = {
-  type: _constants.SEATABLE_ROW,
-  nodeType: 'element',
-  editorPlugin: _plugin.default,
-  renderElements: [_renderElem.default]
-};
-var _default = exports.default = SeaTableRowPlugin;

package/dist/plugin-module/plugins/seatable-row/menu/index.css

@@ -1,3 +0,0 @@
-.sdoc-insert-seatable-row-menu-popover .sdoc-seatable-selected-table-list-wrapper {
-  left: unset !important;
-}

package/dist/plugin-module/plugins/seatable-row/menu/index.js

@@ -1,46 +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 _classnames = _interopRequireDefault(require("classnames"));
-var _dropdownMenuItem = _interopRequireDefault(require("../../../../basic-sdk/extension/commons/dropdown-menu-item"));
-var _constants = require("../../../constants");
-var _helpers = require("../helpers");
-var _seatableList = _interopRequireDefault(require("./seatable-list"));
-require("./index.css");
-const SeaTableRowMenu = _ref => {
-  let {
-    editor,
-    readonly,
-    toggle,
-    isHidden = false
-  } = _ref;
-  const disabled = (0, _helpers.isInsertSeaTableRowDisabled)(editor, readonly);
-  const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.SEATABLE_ROW];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    disabled: disabled,
-    menuConfig: menuConfig,
-    className: (0, _classnames.default)('pr-2 sdoc-dropdown-menu-item-relative', {
-      'sdoc-dropdown-menu-item-hidden': isHidden
-    })
-  }, !disabled && /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
-  })), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
-    target: menuConfig.id,
-    hideArrow: true,
-    trigger: "hover",
-    fade: false,
-    placement: "right-start",
-    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-seatable-row-menu-popover"
-  }, /*#__PURE__*/_react.default.createElement(_seatableList.default, {
-    editor: editor,
-    readonly: readonly,
-    toggle: toggle
-  })));
-};
-var _default = exports.default = SeaTableRowMenu;

package/dist/plugin-module/plugins/seatable-row/menu/seatable-list.js

@@ -1,92 +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"));
-var _reactI18next = require("react-i18next");
-var _reactstrap = require("reactstrap");
-var _basicSdk = require("../../../../basic-sdk");
-var _constants = require("../../../../basic-sdk/constants");
-var _utils = require("../../../../basic-sdk/extension/utils");
-var _constants2 = require("../../../constants");
-const SeaTableList = _ref => {
-  let {
-    editor,
-    toggle
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const seatableRef = (0, _react.useRef)(null);
-  const isComposingRef = (0, _react.useRef)(null);
-  const [computedStyle, setComputedStyle] = (0, _react.useState)({});
-  const [tables, setTables] = (0, _react.useState)(editor.tables || []);
-  (0, _react.useEffect)(() => {
-    if (seatableRef.current) {
-      // bottom overflow
-      if ((0, _utils.isOverflowPortByDirection)(seatableRef.current, 'bottom')) {
-        return setComputedStyle({
-          bottom: '0px'
-        });
-      }
-      // default
-      setComputedStyle({
-        top: '-20px'
-      });
-    }
-  }, []);
-  const onChange = (0, _react.useCallback)(event => {
-    if (isComposingRef.current) return;
-    const value = event.target.value.trim().toUpperCase();
-    if (value) {
-      const list = editor.tables.filter(item => item.name.toUpperCase().includes(value));
-      setTables(list);
-    } else {
-      setTables(editor.tables);
-    }
-  }, [editor.tables]);
-  const openSelectSeatableTableDialog = (0, _react.useCallback)(item => {
-    const eventBus = _basicSdk.EventBus.getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants2.SEATABLE_ROW,
-      data: {
-        table: item
-      }
-    });
-    toggle && toggle();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [toggle]);
-  const onCompositionStart = (0, _react.useCallback)(() => {
-    isComposingRef.current = true;
-  }, []);
-  const onCompositionEnd = (0, _react.useCallback)(e => {
-    isComposingRef.current = false;
-    onChange(e);
-  }, [onChange]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: seatableRef,
-    className: "sdoc-dropdown-menu-container sdoc-seatable-selected-table-list-wrapper",
-    style: computedStyle
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-seatable-list-search-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-    placeholder: t('Search_action'),
-    onChange: onChange,
-    autoFocus: true,
-    onCompositionStart: onCompositionStart,
-    onCompositionEnd: onCompositionEnd
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-seatable-list-wrapper"
-  }, tables.map(item => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: item._id,
-      className: "sdoc-dropdown-menu-item text-truncate d-block",
-      onClick: () => openSelectSeatableTableDialog(item)
-    }, item.name);
-  })));
-};
-var _default = exports.default = SeaTableList;

package/dist/plugin-module/plugins/seatable-row/model.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../../constants");
-class Row {
-  constructor(option) {
-    this.type = option.type || _constants.SEATABLE_ROW;
-    this.table_id = option.table_id;
-    this.row_id = option.row_id;
-    this.column_width = option.column_width;
-    this.children = option.children || [{
-      text: ''
-    }];
-  }
-}
-var _default = exports.default = Row;

package/dist/plugin-module/plugins/seatable-row/plugin.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slate = require("@seafile/slate");
-var _constants = require("../../../basic-sdk/extension/constants");
-var _core = require("../../../basic-sdk/extension/core");
-var _constants2 = require("../../constants");
-const withRow = editor => {
-  const {
-    isVoid,
-    deleteBackward,
-    normalizeNode
-  } = editor;
-  const newEditor = editor;
-  newEditor.isVoid = element => {
-    const {
-      type
-    } = element;
-    if (type === _constants2.SEATABLE_ROW) return true;
-    return isVoid(element);
-  };
-  newEditor.deleteBackward = unit => {
-    const {
-      selection
-    } = editor;
-    const focusPoint = _slate.Editor.before(editor, selection);
-    const point = _slate.Editor.before(editor, selection, {
-      distance: 1
-    });
-    if (!point) return deleteBackward(unit);
-    const [node, path] = _slate.Editor.node(editor, [point.path[0], point.path[1]]);
-    const isPerviousSeaTableRow = node.type === _constants2.SEATABLE_ROW;
-    if (isPerviousSeaTableRow && Range.isCollapsed(selection) && (0, _core.isBlockAboveEmpty)(editor) && !_slate.Path.isCommon(path, selection.anchor.path)) {
-      deleteBackward(unit);
-      (0, _core.focusEditor)(newEditor, _slate.Editor.end(newEditor, focusPoint));
-      return;
-    }
-    deleteBackward(unit);
-  };
-  newEditor.normalizeNode = _ref => {
-    let [node, path] = _ref;
-    const type = (0, _core.getNodeType)(node);
-    if (type !== _constants2.SEATABLE_ROW) {
-      return normalizeNode([node, path]);
-    }
-
-    // insert empty node，continue editor
-    const isLast = (0, _core.isLastNode)(newEditor, node);
-    if (isLast) {
-      const p = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
-      _slate.Transforms.insertNodes(newEditor, p, {
-        at: [path[0] + 1]
-      });
-    }
-  };
-  return newEditor;
-};
-var _default = exports.default = withRow;

package/dist/plugin-module/plugins/seatable-row/render-elem/index.css

@@ -1,133 +0,0 @@
-.seatable-rows-record-wrapper {
-  outline: none;
-}
-
-.seatable-rows-record-wrapper.no-row {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid #ddd;
-  padding: 20px;
-  border-radius: 5px;
-}
-
-.seatable-rows-record-container {
-  margin: 5px 0;
-  border: 1.5px solid #ddd;
-  border-radius: 5px;
-  width: 100%;
-  overflow: auto;
-  position: relative;
-  user-select: none;
-  outline: none;
-}
-
-.seatable-rows-record-container .seatable-rows-record-table-name {
-  margin-left: 10px;
-  margin-top: 10px;
-  margin-bottom: 3px;
-  font-size: 15px;
-  font-weight: 500;
-}
-
-
-.seatable-rows-record-wrapper .seatable-rows-record-container table tr {
-  background-color: unset !important;
-}
-
-.seatable-rows-record-wrapper .seatable-rows-record-container table {
-  margin-top: unset !important;
-  margin-bottom: 3px !important;
-}
-
-.seatable-rows-record-wrapper .seatable-rows-record-container table th {
-  font-size: 14px;
-  color: #888;
-  font-weight: 400;
-}
-
-.seatable-rows-record-wrapper .seatable-rows-record-container table td {
-  font-size: 14px;
-  font-weight: 400;
-  color: #212529
-}
-
-.seatable-rows-record-wrapper .seatable-rows-record-container table,
-.seatable-rows-record-wrapper .seatable-rows-record-container table td,
-.seatable-rows-record-wrapper .seatable-rows-record-container table th {
-  border: unset !important;
-  padding-bottom: 5px !important;
-  padding-top: 5px !important;
-}
-
-.seatable-rows-record-container .seatable-view-records .seatable-rows-record-header,
-.seatable-rows-record-wrapper .seatable-rows-record-container table td,
-.seatable-rows-record-wrapper .seatable-rows-record-container table th {
-  height: 32px;
-  padding: 0 10px;
-}
-
-.seatable-rows-record-container.selected {
-  box-shadow: 0 0 0 2px #0aba45;
-}
-
-.seatable-rows-record-container .seatable-view-records {
-  margin: 0;
-  width: fit-content;
-}
-
-.seatable-rows-record-container .seatable-column-editor-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  height: 30px;
-}
-
-.seatable-rows-record-container .seatable-column-editor-wrapper .seatable-column-width-tip {
-  background-color: #0009;
-  border-radius: 3px;
-  color: #fff;
-  font-size: 13px;
-  line-height: 20px;
-  padding: 2px 8px;
-}
-
-.seatable-rows-record-header th {
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  flex: unset !important;
-}
-
-.seatable-rows-record-header .seatable-rows-record-header-cell {
-  position: relative;
-}
-
-.seatable-rows-record-header .seatable-rows-record-header-cell span:first-child {
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.seatable-rows-record-body-cell {
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  word-break: break-all;
-  flex: unset !important
-}
-
-.seatable-rows-record-body-cell .document-number-formatter {
-  text-align: right;
-}
-
-.seatable-rows-record-body-cell .collaborator-item .collaborator-avatar img {
-  min-width: 16px;
-  min-height: 16px;
-}