@seafile/sdoc-editor 2.0.82 → 2.0.83

package/dist/plugin-module/plugins/seatable-tables/render-element/record-item.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = RecordItem;
-var _react = _interopRequireDefault(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _formatter = _interopRequireDefault(require("../formatter"));
-function RecordItem(_ref) {
-  let {
-    element,
-    index,
-    record,
-    formulaRow,
-    columns,
-    editor
-  } = _ref;
-  const {
-    column_width = {}
-  } = element;
-  return /*#__PURE__*/_react.default.createElement("tr", {
-    className: "seatable-view-body-column-row"
-  }, element.show_record_numbers && /*#__PURE__*/_react.default.createElement("td", {
-    className: "seatable-view-body-column-cell first-cell"
-  }, index), columns.map(column => {
-    const width = column_width[column.key];
-    let cellValue = record[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("td", {
-      className: "seatable-view-body-column-cell",
-      key: record._id + '_' + column.key,
-      style: {
-        width,
-        minWidth: width
-      }
-    }, /*#__PURE__*/_react.default.createElement(_formatter.default, {
-      isSample: true,
-      column: column,
-      cellValue: cellValue,
-      collaborators: editor.collaborators
-    }));
-  }));
-}

package/dist/plugin-module/plugins/seatable-tables/render-element/record-list.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = RecordList;
-var _react = _interopRequireDefault(require("react"));
-var _recordItem = _interopRequireDefault(require("./record-item"));
-function RecordList(_ref) {
-  let {
-    editor,
-    records,
-    columns,
-    element,
-    formulaRows = {}
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, records.map((record, index) => {
-    const formulaRow = formulaRows[record._id] || {};
-    return /*#__PURE__*/_react.default.createElement(_recordItem.default, {
-      key: record._id,
-      index: index,
-      editor: editor,
-      record: record,
-      formulaRow: formulaRow,
-      columns: columns,
-      element: element
-    });
-  }));
-}

package/dist/plugin-module/plugins/seatable-tables/render-element/seatable-table.js

@@ -1,343 +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 _reactI18next = require("react-i18next");
-var _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dtableUtils = require("dtable-utils");
-var _basicSdk = require("../../../../basic-sdk");
-var _utils = require("../../../../basic-sdk/extension/utils");
-var _useScrollContext = require("../../../../basic-sdk/hooks/use-scroll-context");
-var _helpers = require("../../seatable-column/helpers");
-var _helpers2 = require("../helpers");
-var _opMenu = _interopRequireDefault(require("../op-menu"));
-var _recordHeader = _interopRequireDefault(require("./record-header"));
-var _recordList = _interopRequireDefault(require("./record-list"));
-require("./index.css");
-function SeaTableTable(_ref) {
-  var _tableInfoRef$current, _tableInfoRef$current2;
-  let {
-    element,
-    className,
-    attributes,
-    children,
-    editor
-  } = _ref;
-  const {
-    column_width,
-    table_id
-  } = element;
-  const scrollRef = (0, _useScrollContext.useScrollContext)();
-  const isSelected = (0, _slateReact.useSelected)();
-  const readOnly = (0, _slateReact.useReadOnly)();
-  const [isLoading, setIsLoading] = (0, _react.useState)(true);
-  const [columns, setColumns] = (0, _react.useState)([]);
-  const [records, setRecords] = (0, _react.useState)([]);
-  const [shownRecords, setShownRecords] = (0, _react.useState)([]);
-  const [isShowTipMessage, setIsShowTipMessage] = (0, _react.useState)(false);
-  const [isShowColumnWidth, setIsShowColumnWidth] = (0, _react.useState)(false);
-  const [isCanModifyColumnWidth, setIsCanModifyColumnWidth] = (0, _react.useState)(false);
-  const tableInfoRef = (0, _react.useRef)(null);
-  const [activeTale, setActiveTable] = (0, _react.useState)(null);
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-
-  // menu control
-  const seaTableRef = (0, _react.useRef)(null);
-  const [isShowMenu, setIsShowMenu] = (0, _react.useState)(false);
-  const [menuPosition, setMenuPosition] = (0, _react.useState)({
-    top: '',
-    left: ''
-  });
-  (0, _react.useEffect)(() => {
-    // Compatible with old element data structures
-    if (!column_width) {
-      const table = editor.getTableById(table_id);
-      setActiveTable(table);
-      if (!table) return;
-      const columnWidth = {};
-      table.columns.forEach(item => {
-        columnWidth[item.key] = (0, _helpers.getColumnWidth)(item);
-      });
-      const path = _slateReact.ReactEditor.findPath(editor, element);
-      _slate.Transforms.setNodes(editor, {
-        column_width: columnWidth
-      }, {
-        at: [path[0]]
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [column_width]);
-  (0, _react.useEffect)(() => {
-    async function initTableData() {
-      const {
-        table_id
-      } = element;
-      const table = await editor.getTableById(table_id);
-      setActiveTable(table);
-      if (!table) {
-        setIsLoading(false);
-        return;
-      }
-      if (!tableInfoRef.current) {
-        tableInfoRef.current = {};
-      }
-      if (!tableInfoRef.current[table_id]) {
-        tableInfoRef.current[table_id] = {
-          formulaRows: editor.getTableFormulaResults(table, table.rows),
-          idRowMap: table.rows.reduce((result, item) => {
-            result[item._id] = item;
-            return result;
-          }, {})
-        };
-      }
-
-      // filter rows
-      let validRecords = table.rows;
-      const {
-        idRowMap,
-        formulaRows
-      } = tableInfoRef.current[table_id];
-      if (element.filters && Array.isArray(element.filters) && element.filters.length > 0) {
-        const {
-          filter_conjunction,
-          filters
-        } = element;
-        const {
-          username,
-          userId,
-          userDepartmentIdsMap
-        } = window.seafile || window.seafileConfig;
-        const optionalParams = {
-          formulaRows,
-          username,
-          userId,
-          userDepartmentIdsMap
-        };
-        const {
-          row_ids
-        } = (0, _dtableUtils.getFilteredRowsWithoutFormulaCalculation)(filter_conjunction, filters, validRecords, table, optionalParams);
-        validRecords = row_ids.map(rowId => {
-          const row = idRowMap[rowId];
-          return row;
-        });
-      }
-
-      // sort rows
-      if (element.sorts && Array.isArray(element.sorts) && element.sorts.length > 0) {
-        const {
-          sorts
-        } = element;
-        const value = {
-          collaborators: editor.collaborators
-        };
-        const row_ids = (0, _dtableUtils.sortTableRows)(sorts, validRecords, table.columns, {
-          formulaRows,
-          value
-        });
-        validRecords = row_ids.map(rowId => {
-          const row = idRowMap[rowId];
-          return row;
-        });
-      }
-      const isShowTipMessage = readOnly ? validRecords.length > 200 : validRecords.length > 10;
-      const shownRecords = readOnly ? validRecords.slice(0, 200) : validRecords.slice(0, 10);
-      setIsShowTipMessage(isShowTipMessage);
-      setRecords(validRecords);
-      setShownRecords(shownRecords);
-
-      // filter columns
-      let validColumns = table.columns;
-      if (element.shown_column_keys && Array.isArray(element.shown_column_keys) && element.shown_column_keys.length > 0) {
-        const {
-          shown_column_keys
-        } = element;
-        validColumns = table.columns.filter(item => shown_column_keys.includes(item.key));
-      }
-      // formatted columns
-      validColumns = validColumns.map(column => {
-        const {
-          type
-        } = column;
-        if (type === _dtableUtils.CellType.LINK) {
-          const {
-            data
-          } = column;
-          const {
-            display_column_key,
-            array_type,
-            array_data
-          } = data;
-          const display_column = {
-            key: display_column_key || '0000',
-            type: array_type || _dtableUtils.CellType.TEXT,
-            data: array_data || null
-          };
-          return {
-            ...column,
-            data: {
-              ...data,
-              display_column
-            }
-          };
-        }
-        return column;
-      });
-      setColumns(validColumns);
-      setIsLoading(false);
-    }
-    initTableData();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [element, readOnly]);
-  const handleScroll = (0, _react.useCallback)(e => {
-    if (readOnly) return;
-    if (!isShowMenu) return;
-    if (e.currentTarget.scrollTop) {
-      const menuPosition = (0, _utils.getMenuPosition)(seaTableRef.current, editor);
-      setMenuPosition(menuPosition);
-    }
-  }, [editor, isShowMenu, readOnly]);
-  (0, _react.useEffect)(() => {
-    if (readOnly) return;
-    let observerRefValue = null;
-    if (scrollRef.current) {
-      scrollRef.current.addEventListener('scroll', handleScroll);
-      observerRefValue = scrollRef.current;
-    }
-    return () => {
-      observerRefValue.removeEventListener('scroll', handleScroll);
-    };
-  }, [handleScroll, readOnly, scrollRef]);
-  const handleSaveData = (0, _react.useCallback)(() => {
-    const {
-      filterData,
-      sortsData
-    } = seaTableRef.current;
-    if (filterData && Object.keys(filterData).length > 0) {
-      const path = _slateReact.ReactEditor.findPath(editor, element);
-      (0, _helpers2.updateSeaTableTable)(editor, filterData, {
-        at: {
-          anchor: {
-            offset: 0,
-            path
-          },
-          focus: {
-            offset: 0,
-            path
-          }
-        }
-      });
-      seaTableRef.current['filterData'] = {};
-    }
-    if (sortsData && Object.keys(sortsData).length > 0) {
-      const path = _slateReact.ReactEditor.findPath(editor, element);
-      (0, _helpers2.updateSeaTableTable)(editor, sortsData, {
-        at: {
-          anchor: {
-            offset: 0,
-            path
-          },
-          focus: {
-            offset: 0,
-            path
-          }
-        }
-      });
-      seaTableRef.current['sortsData'] = {};
-    }
-  }, [editor, element]);
-  (0, _react.useEffect)(() => {
-    if (!isSelected && activeTale) {
-      handleSaveData();
-      queueMicrotask(() => {
-        setIsShowMenu(false);
-        setIsShowColumnWidth(false);
-        setIsCanModifyColumnWidth(false);
-      });
-    }
-  }, [activeTale, editor, element, handleSaveData, isSelected]);
-  const onTableClick = (0, _react.useCallback)(event => {
-    if (readOnly) return;
-    const {
-      top,
-      left
-    } = seaTableRef.current.getBoundingClientRect();
-    const menuTop = top - 42; // top = top distance - menu height
-    const newMenuPosition = {
-      top: menuTop,
-      left: left // left = callout left distance
-    };
-    // 201 is distance with browser top
-    if (menuTop <= 201) {
-      newMenuPosition['display'] = 'none';
-    }
-    setMenuPosition(newMenuPosition);
-    setIsShowMenu(true);
-    setIsShowColumnWidth(true);
-  }, [readOnly]);
-  const onTableDoubleClick = (0, _react.useCallback)(event => {
-    if (readOnly) return;
-    setIsShowColumnWidth(false);
-    setIsCanModifyColumnWidth(true);
-  }, [readOnly]);
-  const containerClass = (0, _classnames.default)('seatable-view-container', {
-    selected: isSelected
-  });
-  if (!activeTale) {
-    return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
-      className: "seatable-table-wrapper no-table",
-      contentEditable: false,
-      suppressContentEditableWarning: true
-    }), t('Table_not_exist'), children);
-  }
-  return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
-    className: "seatable-table-wrapper",
-    contentEditable: true,
-    suppressContentEditableWarning: true
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    ref: seaTableRef,
-    className: containerClass,
-    onClick: onTableClick,
-    onDoubleClick: onTableDoubleClick
-  }, isShowMenu && /*#__PURE__*/_react.default.createElement(_opMenu.default, {
-    editor: editor,
-    element: element,
-    menuPosition: menuPosition,
-    seaTableRef: seaTableRef
-  }), isLoading && /*#__PURE__*/_react.default.createElement(_basicSdk.Loading, null), !isLoading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("table", {
-    className: (0, _classnames.default)('seatable-view-records', {
-      'no_alternate_color': !element.alternate_color
-    }),
-    contentEditable: false
-  }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_recordHeader.default, {
-    editor: editor,
-    element: element,
-    columns: columns,
-    isCanModifyColumnWidth: isCanModifyColumnWidth
-  })), /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement(_recordList.default, {
-    element: element,
-    editor: editor,
-    records: shownRecords,
-    columns: columns,
-    formulaRows: tableInfoRef === null || tableInfoRef === void 0 ? void 0 : (_tableInfoRef$current = tableInfoRef.current) === null || _tableInfoRef$current === void 0 ? void 0 : (_tableInfoRef$current2 = _tableInfoRef$current[element.table_id]) === null || _tableInfoRef$current2 === void 0 ? void 0 : _tableInfoRef$current2.formulaRows
-  }))), !readOnly && isShowTipMessage && /*#__PURE__*/_react.default.createElement("div", {
-    className: "d-print-none ml-2 m-2"
-  }, t('And_x_more_records', {
-    count: records.length - 10
-  })), readOnly && isShowTipMessage && /*#__PURE__*/_react.default.createElement("div", {
-    className: "d-print-none ml-2 m-2"
-  }, t('Print_limit_exceeded')), !readOnly && isShowColumnWidth && !isCanModifyColumnWidth && /*#__PURE__*/_react.default.createElement("div", {
-    className: "seatable-column-editor-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "seatable-column-width-tip"
-  }, t('Double_click_to_enter_edit_mode_and_adjust_field_width')))), children));
-}
-var _default = exports.default = SeaTableTable;

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/common-add-tool/index.css

@@ -1,18 +0,0 @@
-.add-item-btn {
-  align-items: center;
-  background: #fff;
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-  border-top: 1px solid #dedede;
-  display: flex;
-  font-size: 14px;
-  font-weight: 500;
-  height: 40px;
-  padding: 0 1rem;
-  position: relative;
-}
-
-.add-item-btn:hover {
-  background: #f5f5f5;
-  cursor: pointer;
-}

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/common-add-tool/index.js

@@ -1,31 +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"));
-require("./index.css");
-function CommonAddTool(_ref) {
-  let {
-    callBack,
-    footerName,
-    className,
-    addIconClassName,
-    hideIcon,
-    style
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `add-item-btn ${className ? className : ''}`,
-    style: style,
-    onClick: e => {
-      callBack(e);
-    }
-  }, !hideIcon && /*#__PURE__*/_react.default.createElement("span", {
-    className: `dtable-font dtable-icon-add-table ${addIconClassName || ''}`
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "text-truncate"
-  }, footerName));
-}
-var _default = exports.default = CommonAddTool;

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/custom-switch/index.css

@@ -1,28 +0,0 @@
-.document-plugin .widget-table-switch-properties .custom-switch-description {
-  margin-left: 0;
-  white-space: normal;
-  flex: 1;
-  margin-right: .5rem;
-}
-
-.document-plugin .widget-table-switch-properties .custom-switch {
-  width: 100%;
-  justify-content: space-between;
-  cursor: pointer;
-  padding-left: 0;
-}
-
-.document-plugin .widget-table-switch-properties .custom-switch-indicator {
-  width: 22px;
-  height: 12px;
-  flex-shrink: 0;
-}
-
-.document-plugin .widget-table-switch-properties .custom-switch-indicator:before {
-  height: 8px;
-  width: 8px;
-}
-
-.document-plugin .widget-table-switch-properties .custom-switch-input:checked~.custom-switch-indicator:before {
-  left: 12px;
-}

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/custom-switch/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
-var _react = _interopRequireDefault(require("react"));
-require("./index.css");
-function CustomSwitch(props) {
-  const {
-    isLocked,
-    checked,
-    title
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
-    checked: checked,
-    disabled: isLocked,
-    switchClassName: "widget-table-switch-properties w-100",
-    placeholder: title,
-    onChange: () => props.onPropertiesChanged(!checked)
-  });
-}
-var _default = exports.default = CustomSwitch;

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/dtable-search-input/index.js

@@ -1,134 +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 _classnames = _interopRequireDefault(require("classnames"));
-const isFunction = functionToCheck => {
-  const getType = {};
-  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-};
-class DtableSearchInput extends _react.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "onCompositionStart", () => {
-      this.isInputtingChinese = true;
-    });
-    (0, _defineProperty2.default)(this, "onChange", e => {
-      this.timer && clearTimeout(this.timer);
-      const {
-        onChange,
-        wait = 100
-      } = this.props;
-      let text = e.target.value;
-      this.setState({
-        searchValue: text || ''
-      }, () => {
-        if (this.isInputtingChinese) return;
-        this.timer = setTimeout(() => {
-          onChange && onChange(this.state.searchValue.trim());
-        }, wait);
-      });
-    });
-    (0, _defineProperty2.default)(this, "onCompositionEnd", e => {
-      this.isInputtingChinese = false;
-      this.onChange(e);
-    });
-    (0, _defineProperty2.default)(this, "clearSearch", () => {
-      const {
-        clearValue
-      } = this.props;
-      this.setState({
-        searchValue: ''
-      }, () => {
-        clearValue && clearValue();
-      });
-    });
-    (0, _defineProperty2.default)(this, "setFocus", isSelectAllText => {
-      if (this.inputRef === document.activeElement) return;
-      this.inputRef.focus();
-      if (isSelectAllText) {
-        const txtLength = this.state.searchValue.length;
-        this.inputRef.setSelectionRange(0, txtLength);
-      }
-    });
-    (0, _defineProperty2.default)(this, "renderClear", () => {
-      const {
-        isClearable,
-        clearClassName,
-        components = {}
-      } = this.props;
-      const {
-        searchValue
-      } = this.state;
-      if (!isClearable || !searchValue) return null;
-      const {
-        ClearIndicator
-      } = components;
-      if ( /*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
-        return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
-          clearValue: this.clearSearch
-        });
-      } else if (isFunction(ClearIndicator)) {
-        return /*#__PURE__*/_react.default.createElement(ClearIndicator, {
-          clearValue: this.clearSearch
-        });
-      }
-      return /*#__PURE__*/_react.default.createElement("i", {
-        className: (0, _classnames.default)('search-text-clear input-icon-addon', clearClassName),
-        onClick: this.clearSearch
-      }, "\xD7");
-    });
-    this.state = {
-      searchValue: props.value || ''
-    };
-    this.isInputtingChinese = false;
-    this.timer = null;
-    this.inputRef = null;
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.value !== this.props.value) {
-      this.setState({
-        searchValue: nextProps.value
-      });
-    }
-  }
-  componentWillUnmount() {
-    this.timer && clearTimeout(this.timer);
-    this.timer = null;
-    this.inputRef = null;
-  }
-  render() {
-    const {
-      placeholder,
-      autoFocus,
-      className,
-      onKeyDown,
-      disabled = false,
-      style
-    } = this.props;
-    const {
-      searchValue
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      value: searchValue,
-      className: (0, _classnames.default)('form-control', className),
-      onChange: this.onChange,
-      autoFocus: autoFocus,
-      placeholder: placeholder,
-      onCompositionStart: this.onCompositionStart,
-      onCompositionEnd: this.onCompositionEnd,
-      onKeyDown: onKeyDown,
-      disabled: disabled,
-      style: style,
-      ref: ref => this.inputRef = ref
-    }), this.renderClear());
-  }
-}
-var _default = exports.default = DtableSearchInput;