@seafile/sdoc-editor 1.0.17 → 1.0.18

package/dist/basic-sdk/comment/components/global-comment/index.js

@@ -73,7 +73,6 @@ const GlobalComment = _ref => {
   const handleResizing = useCallback(e => {
     const commentDrawer = commentDrawerRef.current;
     if (isResizingRef.current && commentDrawer) {
-      console.log('999', 999);
       let width = commentDrawer.offsetWidth - e.movementX;
       // Limit the width of the comment drawer
       width = Math.min(width, 620);

package/dist/basic-sdk/extension/plugins/seatable-tables/formatter/index.js

@@ -1,3 +1,4 @@
+import _DepartmentSingleSelectFormatter from "dtable-ui-component/lib/DepartmentSingleSelectFormatter";
 import _ButtonFormatter from "dtable-ui-component/lib/ButtonFormatter";
 import _RateFormatter from "dtable-ui-component/lib/RateFormatter";
 import _DurationFormatter from "dtable-ui-component/lib/DurationFormatter";
@@ -22,6 +23,7 @@ import _TextFormatter from "dtable-ui-component/lib/TextFormatter";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { Fragment } from 'react';
 import { CellType, SELECT_OPTION_COLORS } from 'dtable-utils';
+import { withTranslation } from 'react-i18next';
 class CellFormatter extends React.Component {
   constructor() {
     super(...arguments);
@@ -246,6 +248,20 @@ class CellFormatter extends React.Component {
               optionColors: SELECT_OPTION_COLORS
             });
           }
+        case CellType.DEPARTMENT_SINGLE_SELECT:
+          {
+            const {
+              userId,
+              departments = []
+            } = window.seafile || window.seafileConfig;
+            if (!userId) return null;
+            return /*#__PURE__*/React.createElement(_DepartmentSingleSelectFormatter, {
+              tip: this.props.t('Deleted_department'),
+              value: cellValue,
+              departments: departments,
+              containerClassName: containerClassName
+            });
+          }
         default:
           return null;
       }
@@ -258,4 +274,4 @@ class CellFormatter extends React.Component {
 CellFormatter.defaultProps = {
   isSample: true
 };
-export default CellFormatter;
+export default withTranslation('sdoc-editor')(CellFormatter);

package/dist/basic-sdk/extension/plugins/seatable-tables/helpers.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Editor, Transforms } from '@seafile/slate';
 import slugId from 'slugid';
 import { getNodeType, isTextNode, getParentNode, generateDefaultText } from '../../core';
@@ -33,15 +34,27 @@ export const isInsertSeaTableTableDisabled = (editor, readonly) => {
   if (match) return true;
   return false;
 };
-export const generateSeaTableTable = table_id => {
+export const generateSeaTableTable = (table_id, editor) => {
+  const table = editor.getTableById(table_id);
+  const columnKeys = table.columns.map(item => item.key) || [];
   return {
     id: slugId.nice(),
     type: SEATABLE_TABLE,
     table_id,
+    filters: [],
+    filter_conjunction: 'And',
+    sorts: [],
+    shown_column_keys: columnKeys,
+    show_record_numbers: false,
+    alternate_color: true,
+    select_column_display_option_color: true,
     children: [generateDefaultText()]
   };
 };
 export const insertSeaTableTable = (editor, item) => {
-  const node = generateSeaTableTable(item._id);
+  const node = generateSeaTableTable(item._id, editor);
   Transforms.setNodes(editor, node);
+};
+export const updateSeaTableTable = (editor, props) => {
+  Transforms.setNodes(editor, _objectSpread({}, props));
 };

package/dist/basic-sdk/extension/plugins/seatable-tables/model.js

@@ -3,6 +3,13 @@ class SeaTableTable {
   constructor(options) {
     this.type = options.type || SEATABLE_TABLE;
     this.table_id = options.table_id;
+    this.filter_conjunction = options.filter_conjunction || 'And';
+    this.filters = options.filters || [];
+    this.sorts = options.sorts || [];
+    this.shown_column_keys = options.shown_column_keys || [];
+    this.show_record_numbers = false;
+    this.alternate_color = true;
+    this.select_column_display_option_color = true;
     this.children = options.children || [{
       text: ''
     }];

package/dist/basic-sdk/extension/plugins/seatable-tables/op-menu/index.js

@@ -15,7 +15,6 @@ export default function OpMenu(_ref) {
   const onHideSettings = useCallback(() => {
     setIsShowSeaTableSetting(false);
   }, []);
-  console.log(isShowSeaTableSetting);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ElementPopover, null, /*#__PURE__*/React.createElement("div", {
     className: "seatable-op-menu",
     style: menuPosition

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/index.css

@@ -13,9 +13,32 @@
   margin: 0;
 }
 
+.seatable-view-column-header-row th {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
 .seatable-view-body-column-cell {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-all;
 }
+
+.seatable-view-column-header-row .first-cell,
+.seatable-view-body-column-row .first-cell {
+  flex: initial;
+  width: 60px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.seatable-view-records.no_alternate_color tr:nth-child(2n+1) {
+  background-color: #fff;
+}

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/record-header.js

@@ -2,11 +2,14 @@ import React from 'react';
 import { getColumnWidth } from '../../seatable-column/helpers';
 export default function RecordHeader(_ref) {
   let {
+    element,
     columns
   } = _ref;
-  return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+  return /*#__PURE__*/React.createElement("tr", {
     className: "seatable-view-column-header-row"
-  }, columns.map(column => {
+  }, element.show_record_numbers && /*#__PURE__*/React.createElement("th", {
+    className: "seatable-view-column-header-cell first-cell"
+  }), columns.map(column => {
     const width = getColumnWidth(column);
     return /*#__PURE__*/React.createElement("th", {
       className: "seatable-view-column-header-cell",
@@ -15,5 +18,5 @@ export default function RecordHeader(_ref) {
         width
       }
     }, column.name);
-  })));
+  }));
 }

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/record-item.js

@@ -3,13 +3,17 @@ import { getColumnWidth } from '../../seatable-column/helpers';
 import Formatter from '../formatter';
 export default function RecordItem(_ref) {
   let {
+    element,
+    index,
     record,
     columns,
     editor
   } = _ref;
   return /*#__PURE__*/React.createElement("tr", {
     className: "seatable-view-body-column-row"
-  }, columns.map(column => {
+  }, element.show_record_numbers && /*#__PURE__*/React.createElement("th", {
+    className: "seatable-view-body-column-cell first-cell"
+  }, index), columns.map(column => {
     const width = getColumnWidth(column);
     return /*#__PURE__*/React.createElement("td", {
       className: "seatable-view-body-column-cell",

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/record-list.js

@@ -4,14 +4,17 @@ export default function RecordList(_ref) {
   let {
     editor,
     records,
-    columns
+    columns,
+    element
   } = _ref;
-  return /*#__PURE__*/React.createElement("tbody", null, records.map(record => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, records.map((record, index) => {
     return /*#__PURE__*/React.createElement(RecordItem, {
       key: record._id,
+      index: index,
       editor: editor,
       record: record,
-      columns: columns
+      columns: columns,
+      element: element
     });
   }));
 }

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/seatable-table.js

@@ -2,12 +2,13 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
 import { useReadOnly, useSelected } from '@seafile/slate-react';
+import { getFilteredRowsWithoutFormulaCalculation, sortTableRows } from 'dtable-utils';
 import Loading from '../../../../../components/loading';
 import RecordHeader from './record-header';
 import RecordList from './record-list';
-import './index.css';
 import OpMenu from '../op-menu';
 import { useScrollContext } from '../../../../hooks/use-scroll-context';
+import './index.css';
 function SeaTableTable(_ref) {
   let {
     element,
@@ -24,6 +25,7 @@ function SeaTableTable(_ref) {
   const [records, setRecords] = useState([]);
   const [shownRecords, setShownRecords] = useState([]);
   const [isShowTipMessage, setIsShowTipMessage] = useState(false);
+  const tableInfoRef = useRef(null);
   const {
     t
   } = useTranslation();
@@ -40,15 +42,85 @@ function SeaTableTable(_ref) {
       table_id
     } = element;
     const table = editor.getTableById(table_id);
-    setColumns(table.columns);
-    const records = table.rows;
-    const isShowTipMessage = readOnly ? records.length > 200 : records.length > 10;
-    const shownRecords = readOnly ? records.slice(0, 200) : records.slice(0, 10);
+    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
+      };
+      console.log(filters);
+      console.log(userDepartmentIdsMap);
+      const {
+        row_ids
+      } = 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 = 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(records);
+    setRecords(validRecords);
     setShownRecords(shownRecords);
-    setIsLoading(false);
 
+    // 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));
+    }
+    setColumns(validColumns);
+    setIsLoading(false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [element, readOnly]);
   const handleScroll = useCallback(e => {
@@ -114,14 +186,18 @@ function SeaTableTable(_ref) {
     element: element,
     menuPosition: menuPosition
   }), isLoading && /*#__PURE__*/React.createElement(Loading, null), !isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("table", {
-    className: "seatable-view-records"
-  }, /*#__PURE__*/React.createElement(RecordHeader, {
+    className: classNames('seatable-view-records', {
+      'no_alternate_color': !element.alternate_color
+    })
+  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement(RecordHeader, {
+    element: element,
     columns: columns
   }), /*#__PURE__*/React.createElement(RecordList, {
+    element: element,
     editor: editor,
     records: shownRecords,
     columns: columns
-  })), !readOnly && isShowTipMessage && /*#__PURE__*/React.createElement("div", {
+  }))), !readOnly && isShowTipMessage && /*#__PURE__*/React.createElement("div", {
     className: "d-print-none ml-2 m-2"
   }, t('And_x_more_records', {
     count: records.length - 10

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/common-add-tool/index.css

@@ -0,0 +1,18 @@
+.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/basic-sdk/extension/plugins/seatable-tables/seatable-settings/common-add-tool/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import './index.css';
+function CommonAddTool(_ref) {
+  let {
+    callBack,
+    footerName,
+    className,
+    addIconClassName,
+    hideIcon,
+    style
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "add-item-btn ".concat(className ? className : ''),
+    style: style,
+    onClick: e => {
+      callBack(e);
+    }
+  }, !hideIcon && /*#__PURE__*/React.createElement("span", {
+    className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "text-truncate"
+  }, footerName));
+}
+export default CommonAddTool;

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/dtable-search-input/index.js

@@ -0,0 +1,131 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React, { Component } from 'react';
+import classnames from 'classnames';
+const isFunction = functionToCheck => {
+  const getType = {};
+  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+};
+class DtableSearchInput extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "onCompositionStart", () => {
+      this.isInputtingChinese = true;
+    });
+    _defineProperty(this, "onChange", e => {
+      this.timer && clearTimeout(this.timer);
+      const {
+        onChange,
+        wait
+      } = 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);
+      });
+    });
+    _defineProperty(this, "onCompositionEnd", e => {
+      this.isInputtingChinese = false;
+      this.onChange(e);
+    });
+    _defineProperty(this, "clearSearch", () => {
+      const {
+        clearValue
+      } = this.props;
+      this.setState({
+        searchValue: ''
+      }, () => {
+        clearValue && clearValue();
+      });
+    });
+    _defineProperty(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);
+      }
+    });
+    _defineProperty(this, "renderClear", () => {
+      const {
+        isClearable,
+        clearClassName,
+        components = {}
+      } = this.props;
+      const {
+        searchValue
+      } = this.state;
+      if (!isClearable || !searchValue) return null;
+      const {
+        ClearIndicator
+      } = components;
+      if (React.isValidElement(ClearIndicator)) {
+        return React.cloneElement(ClearIndicator, {
+          clearValue: this.clearSearch
+        });
+      } else if (isFunction(ClearIndicator)) {
+        return /*#__PURE__*/React.createElement(ClearIndicator, {
+          clearValue: this.clearSearch
+        });
+      }
+      return /*#__PURE__*/React.createElement("i", {
+        className: classnames('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,
+      style
+    } = this.props;
+    const {
+      searchValue
+    } = this.state;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
+      type: "text",
+      value: searchValue,
+      className: classnames('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());
+  }
+}
+DtableSearchInput.defaultProps = {
+  wait: 100,
+  disabled: false,
+  value: ''
+};
+export default DtableSearchInput;

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/calendar-filter/date-translate.js

@@ -0,0 +1,56 @@
+const zhCN = require('@seafile/seafile-calendar/lib/locale/zh_CN');
+const zhTW = require('@seafile/seafile-calendar/lib/locale/zh_TW');
+const enUS = require('@seafile/seafile-calendar/lib/locale/en_US');
+const frFR = require('@seafile/seafile-calendar/lib/locale/fr_FR');
+const deDE = require('@seafile/seafile-calendar/lib/locale/de_DE');
+const esES = require('@seafile/seafile-calendar/lib/locale/es_ES');
+const plPL = require('@seafile/seafile-calendar/lib/locale/pl_PL');
+const csCZ = require('@seafile/seafile-calendar/lib/locale/cs_CZ');
+const ruRU = require('@seafile/seafile-calendar/lib/locale/ru_RU');
+function translateCalendar() {
+  // TODO: Cheating, non-compliant operations
+  const {
+    lang
+  } = window.seafile || window.seafileConfig;
+  const locale = lang ? lang : 'en';
+  let language;
+  switch (locale) {
+    case 'zh-cn':
+      language = zhCN;
+      break;
+    case 'zh-tw':
+      language = zhTW;
+      break;
+    case 'en':
+      language = enUS;
+      break;
+    case 'fr':
+      language = frFR;
+      break;
+    case 'de':
+      language = deDE;
+      break;
+    case 'es':
+      language = esES;
+      break;
+    case 'es-ar':
+      language = esES;
+      break;
+    case 'es-mx':
+      language = esES;
+      break;
+    case 'pl':
+      language = plPL;
+      break;
+    case 'cs':
+      language = csCZ;
+      break;
+    case 'ru':
+      language = ruRU;
+      break;
+    default:
+      language = enUS;
+  }
+  return language;
+}
+export { translateCalendar };

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/calendar-filter/dayjs.js

@@ -0,0 +1,4 @@
+import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+dayjs.extend(customParseFormat);
+export default dayjs;