@seafile/sdoc-editor 2.0.18-alph-0.0.4 → 2.0.18-alph-0.0.6

package/dist/basic-sdk/extension/plugins/seatable-row/constants/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NEED_FORMATTER = exports.LINK_NOT_SUPPORT_TYPES = exports.DELETED_OPTION_BACKGROUND_COLOR = void 0;
+var _dtableUtils = require("dtable-utils");
+const LINK_NOT_SUPPORT_TYPES = exports.LINK_NOT_SUPPORT_TYPES = [_dtableUtils.CellType.CHECKBOX, _dtableUtils.CellType.RATE, _dtableUtils.CellType.LONG_TEXT, _dtableUtils.CellType.IMAGE, _dtableUtils.CellType.FILE, _dtableUtils.CellType.COLLABORATOR, _dtableUtils.CellType.MULTIPLE_SELECT, _dtableUtils.CellType.GEOLOCATION, _dtableUtils.CellType.LINK_FORMULA, _dtableUtils.CellType.BUTTON, _dtableUtils.CellType.LINK, _dtableUtils.CellType.DIGITAL_SIGN];
+const NEED_FORMATTER = exports.NEED_FORMATTER = [_dtableUtils.CellType.CREATOR, _dtableUtils.CellType.LAST_MODIFIER, _dtableUtils.CellType.SINGLE_SELECT];
+const DELETED_OPTION_BACKGROUND_COLOR = exports.DELETED_OPTION_BACKGROUND_COLOR = '#eaeaea';

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/formatters/RateFormatter.js

@@ -0,0 +1,111 @@
+"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 _rateItem = _interopRequireDefault(require("./widget/rate-item"));
+require("./rate-formatter.css");
+class RateFormatter extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "onMouseEnterRateItem", index => {
+      this.setState({
+        enterRateItemIndex: index
+      });
+    });
+    (0, _defineProperty2.default)(this, "onMouseLeaveRateItem", () => {
+      this.setState({
+        enterRateItemIndex: -1
+      });
+    });
+    (0, _defineProperty2.default)(this, "onChangeRateNumber", index => {
+      const {
+        value
+      } = this.state;
+      let {
+        column,
+        onCommit,
+        row
+      } = this.props;
+      let updated;
+      if (value === index) {
+        this.setState({
+          value: ''
+        });
+        updated = {
+          [column === null || column === void 0 ? void 0 : column.key]: ''
+        };
+      } else {
+        this.setState({
+          value: index
+        });
+        updated = {
+          [column === null || column === void 0 ? void 0 : column.key]: index
+        };
+      }
+      onCommit({
+        rowId: row ? row._id : '',
+        cellKey: column === null || column === void 0 ? void 0 : column.key,
+        updated
+      });
+    });
+    (0, _defineProperty2.default)(this, "getRateMaxStar", () => {
+      const {
+        column,
+        value,
+        isCellSelected,
+        readOnly
+      } = this.props;
+      const {
+        enterRateItemIndex
+      } = this.state;
+      const {
+        rate_max_number
+      } = column.data || {};
+      const editable = !readOnly && this.props.editable;
+      let rateList = [];
+      if (value || isCellSelected) {
+        for (let i = 0; i < rate_max_number; i++) {
+          let rateItem = /*#__PURE__*/_react.default.createElement(_rateItem.default, {
+            key: i,
+            enterRateItemIndex: enterRateItemIndex,
+            rateItemIndex: i + 1,
+            onMouseEnterRateItem: this.onMouseEnterRateItem,
+            onMouseLeaveRateItem: this.onMouseLeaveRateItem,
+            value: value,
+            column: column,
+            isShowRateItem: isCellSelected && editable,
+            onChangeRateNumber: this.onChangeRateNumber,
+            editable: editable
+          });
+          rateList.push(rateItem);
+        }
+      }
+      return rateList;
+    });
+    this.state = {
+      value: props.value || 0,
+      enterRateItemIndex: -1
+    };
+  }
+  render() {
+    const {
+      value
+    } = this.props;
+    let rateList = this.getRateMaxStar();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "d-flex rate-formatter",
+      title: value,
+      role: "button",
+      "aria-label": `${value}${this.props.cellAriaLabel || ''}`
+    }, rateList);
+  }
+}
+RateFormatter.defaultProps = {
+  editable: true
+};
+var _default = exports.default = RateFormatter;

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/formatters/SimpleCellFormatter.js

@@ -0,0 +1,41 @@
+"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"));
+class SimpleCellFormatter extends _react.default.Component {
+  constructor() {
+    super(...arguments);
+    (0, _defineProperty2.default)(this, "getFormattedValue", val => {
+      let formattedValue = val;
+      if (Object.prototype.toString.call(val) === '[object Boolean]') {
+        formattedValue += '';
+      }
+      return formattedValue;
+    });
+  }
+  shouldComponentUpdate(nextProps) {
+    return nextProps.value !== this.props.value;
+  }
+  render() {
+    const {
+      value,
+      type,
+      cellAriaLabel = ''
+    } = this.props;
+    if (typeof value === 'object') {
+      return null;
+    }
+    let formattedValue = this.getFormattedValue(value);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: type ? `grid-cell-type-${type}` : 'grid-cell-type-default',
+      title: formattedValue,
+      "aria-label": `${formattedValue}${cellAriaLabel}`
+    }, formattedValue);
+  }
+}
+var _default = exports.default = SimpleCellFormatter;

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/formatters/SingleSelectOption.js

@@ -0,0 +1,65 @@
+"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 _constants = require("../../../constants");
+var _helpers = require("../helpers");
+class SingleSelectOption extends _react.default.Component {
+  constructor() {
+    super(...arguments);
+    (0, _defineProperty2.default)(this, "getCurrentOption", () => {
+      let {
+        value,
+        column
+      } = this.props;
+      let options = (0, _helpers.getSelectColumnOptions)(column);
+      return options.find(item => item.id === value);
+    });
+    (0, _defineProperty2.default)(this, "getStyle", option => {
+      let style = {
+        display: 'inline-block',
+        padding: '0px 10px',
+        height: '20px',
+        lineHeight: '20px',
+        textAlign: 'center',
+        borderRadius: '10px',
+        fontSize: '13px'
+      };
+      if (option) {
+        style.backgroundColor = option.color;
+        style.color = option.textColor || null;
+      } else {
+        style.backgroundColor = _constants.DELETED_OPTION_BACKGROUND_COLOR;
+      }
+      return style;
+    });
+  }
+  render() {
+    const {
+      value,
+      column,
+      cellAriaLabel = ''
+    } = this.props;
+    if (!value) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "w-100 h-100",
+        "aria-label": cellAriaLabel
+      });
+    }
+    const currentOption = this.getCurrentOption();
+    const name = currentOption ? currentOption.name : null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      // If parent node is FormulaFormatter, column is {data: array_data}, so column.type is undefined
+      className: 'grid-cell-type-' + (column.type || ''),
+      style: this.getStyle(currentOption),
+      title: name,
+      "aria-label": `${name}${cellAriaLabel}`
+    }, name);
+  }
+}
+var _default = exports.default = SingleSelectOption;

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/formatters/rate-formatter.css

@@ -0,0 +1,23 @@
+.rate-formatter {
+  height: fit-content;
+}
+
+.rate-formatter .rate-item {
+  cursor: pointer;
+}
+
+.rate-item-active {
+  opacity: 1 !important;
+}
+
+@media (max-width: 767px) {
+  .mobile-row-expand-rate-container .rate-item,
+  .mobile-row-expand-rate-container .rate-item-active {
+    margin-right: 0.25rem;
+  }
+
+  .mobile-row-expand-rate-container .rate-item .dtable-font,
+  .mobile-row-expand-rate-container .rate-item-active .dtable-font {
+    font-size: 24px;
+  }
+}

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/formatters/widget/rate-item.js

@@ -0,0 +1,78 @@
+"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");
+class RateItem extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "onMouseEnterRateItem", () => {
+      const {
+        rateItemIndex
+      } = this.props;
+      this.props.onMouseEnterRateItem(rateItemIndex);
+    });
+    (0, _defineProperty2.default)(this, "onMouseLeaveRateItem", () => {
+      this.props.onMouseLeaveRateItem();
+    });
+    (0, _defineProperty2.default)(this, "onChangeRateNumber", () => {
+      const {
+        onChangeRateNumber,
+        rateItemIndex,
+        editable
+      } = this.props;
+      if (onChangeRateNumber && editable) {
+        onChangeRateNumber(rateItemIndex);
+      }
+    });
+    this.tooltipRef = /*#__PURE__*/_react.default.createRef();
+  }
+  render() {
+    const {
+      enterRateItemIndex,
+      rateItemIndex,
+      value,
+      column,
+      isShowRateItem,
+      editable
+    } = this.props;
+    const {
+      rate_style_color,
+      rate_style_type
+    } = column.data || {};
+    const rateShowType = rate_style_type ? rate_style_type : 'dtable-icon-rate';
+    if (!isShowRateItem && rateItemIndex > value) return null;
+    let style = {
+      color: value >= rateItemIndex ? rate_style_color : '#e5e5e5'
+    };
+    if (enterRateItemIndex >= rateItemIndex) {
+      style = {
+        color: rate_style_color,
+        opacity: value >= rateItemIndex ? 1 : 0.4
+      };
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      onMouseEnter: this.onMouseEnterRateItem,
+      onMouseLeave: this.onMouseLeaveRateItem,
+      style: {
+        cursor: editable ? 'pointer' : 'default'
+      },
+      onClick: this.onChangeRateNumber,
+      className: `rate-item ${value >= rateItemIndex ? 'rate-item-active' : ''}`
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: `dtable-font ${rateShowType}`,
+      ref: this.tooltipRef,
+      style: style,
+      "aria-hidden": "true"
+    }), editable && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
+      placement: "bottom",
+      target: this.tooltipRef
+    }, rateItemIndex));
+  }
+}
+var _default = exports.default = RateItem;