dtable-ui-component 0.3.2-alpha4 → 0.3.2-alpha6

package/lib/editor-formatter.js

@@ -1,369 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-var _emptyTypeMap;
-
-import React, { Fragment } from 'react';
-import { CellType } from 'dtable-store';
-import { TextFormatter, NumberFormatter, CheckboxFormatter, DateFormatter, SingleSelectFormatter, MultipleSelectFormatter, CollaboratorFormatter, SimpleLongTextFormatter, GeolocationFormatter, LinkFormatter, CTimeFormatter, CreatorFormatter, LastModifierFormatter, MTimeFormatter, AutoNumberFormatter, UrlFormatter, EmailFormatter, DurationFormatter, RateFormatter, ButtonFormatter, ImageFormatter, RowExpandFileFormatter // LongTextFormatter,
-// FormulaFormatter,
-} from './index';
-import { COLLABORATORS } from './data/dtable-value';
-var emptyTypeMap = (_emptyTypeMap = {}, _defineProperty(_emptyTypeMap, CellType.TEXT, true), _defineProperty(_emptyTypeMap, CellType.LONG_TEXT, true), _defineProperty(_emptyTypeMap, CellType.GEOLOCATION, true), _defineProperty(_emptyTypeMap, CellType.SINGLE_SELECT, true), _defineProperty(_emptyTypeMap, CellType.MULTIPLE_SELECT, true), _defineProperty(_emptyTypeMap, CellType.CTIME, true), _defineProperty(_emptyTypeMap, CellType.MTIME, true), _defineProperty(_emptyTypeMap, CellType.DATE, true), _defineProperty(_emptyTypeMap, CellType.AUTO_NUMBER, true), _defineProperty(_emptyTypeMap, CellType.URL, true), _defineProperty(_emptyTypeMap, CellType.EMAIL, true), _defineProperty(_emptyTypeMap, CellType.DURATION, true), _defineProperty(_emptyTypeMap, CellType.IMAGE, true), _defineProperty(_emptyTypeMap, CellType.FILE, true), _emptyTypeMap);
-
-var noop = function noop() {};
-
-var EditorFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(EditorFormatter, _React$Component);
-
-  var _super = _createSuper(EditorFormatter);
-
-  function EditorFormatter(props) {
-    var _this;
-
-    _classCallCheck(this, EditorFormatter);
-
-    _this = _super.call(this, props);
-
-    _this.renderEmptyFormatter = function () {
-      var emptyFormatter = /*#__PURE__*/React.createElement("span", {
-        className: "row-cell-empty d-inline-block"
-      });
-
-      if (_this.props.type === 'row_title') {
-        emptyFormatter = /*#__PURE__*/React.createElement("span", null, "\u672A\u547D\u540D\u884C");
-      }
-
-      return emptyFormatter;
-    };
-
-    _this.renderFormatter = function () {
-      var _this$props = _this.props,
-          column = _this$props.column,
-          row = _this$props.row,
-          CellType = _this$props.CellType,
-          className = _this$props.className;
-      var columnType = column.type;
-      var collaborators = _this.state.collaborators;
-      var containerClassName = "dtable-".concat(columnType, "-formatter ").concat(className || '');
-      var cellValue = row[column.key];
-
-      if (!cellValue && emptyTypeMap[columnType]) {
-        return _this.renderEmptyFormatter();
-      }
-
-      switch (columnType) {
-        case CellType.TEXT:
-          {
-            return /*#__PURE__*/React.createElement(TextFormatter, {
-              value: cellValue,
-              containerClassName: containerClassName
-            });
-          }
-
-        case CellType.COLLABORATOR:
-          {
-            if (!cellValue || cellValue.length === 0) {
-              return _this.renderEmptyFormatter();
-            }
-
-            var collaboratorFormatter = /*#__PURE__*/React.createElement(CollaboratorFormatter, {
-              value: cellValue,
-              collaborators: collaborators,
-              containerClassName: containerClassName
-            });
-            return collaboratorFormatter;
-          }
-
-        case CellType.LONG_TEXT:
-          {
-            var longTextFormatter = /*#__PURE__*/React.createElement(SimpleLongTextFormatter, {
-              value: cellValue,
-              containerClassName: containerClassName
-            });
-
-            if (!cellValue) {
-              longTextFormatter = _this.renderEmptyFormatter();
-            }
-
-            return longTextFormatter;
-          }
-
-        case CellType.IMAGE:
-          {
-            var imageFormatter = /*#__PURE__*/React.createElement(ImageFormatter, {
-              value: cellValue
-            });
-
-            if (!cellValue || cellValue.length === 0) {
-              imageFormatter = _this.renderEmptyFormatter();
-            }
-
-            return imageFormatter;
-          }
-
-        case CellType.GEOLOCATION:
-          {
-            var geolocationFormatter = /*#__PURE__*/React.createElement(GeolocationFormatter, {
-              value: cellValue,
-              data: column.data,
-              containerClassName: containerClassName
-            });
-
-            if (!cellValue) {
-              geolocationFormatter = _this.renderEmptyFormatter();
-            }
-
-            return geolocationFormatter;
-          }
-
-        case CellType.NUMBER:
-          {
-            var numberFormatter = /*#__PURE__*/React.createElement(NumberFormatter, {
-              value: cellValue,
-              data: column.data,
-              containerClassName: containerClassName
-            });
-
-            if (!cellValue) {
-              numberFormatter = _this.renderEmptyFormatter();
-            }
-
-            return numberFormatter;
-          }
-
-        case CellType.DATE:
-          {
-            var dateFormatter = /*#__PURE__*/React.createElement(DateFormatter, {
-              value: cellValue,
-              format: column.data.format,
-              containerClassName: containerClassName
-            });
-
-            if (!cellValue) {
-              dateFormatter = _this.renderEmptyFormatter();
-            }
-
-            return dateFormatter;
-          }
-
-        case CellType.MULTIPLE_SELECT:
-          {
-            var options = column.data ? column.data.options : [];
-            var multipleSelectFormatter = /*#__PURE__*/React.createElement(MultipleSelectFormatter, {
-              value: cellValue,
-              options: options,
-              containerClassName: containerClassName
-            });
-
-            if (!cellValue || cellValue.length === 0) {
-              multipleSelectFormatter = _this.renderEmptyFormatter();
-            }
-
-            return multipleSelectFormatter;
-          }
-
-        case CellType.SINGLE_SELECT:
-          {
-            var _options = column.data ? column.data.options : [];
-
-            var singleSelectFormatter = /*#__PURE__*/React.createElement(SingleSelectFormatter, {
-              value: cellValue,
-              options: _options,
-              containerClassName: containerClassName
-            });
-
-            if (!cellValue) {
-              singleSelectFormatter = _this.renderEmptyFormatter();
-            }
-
-            return singleSelectFormatter;
-          }
-
-        case CellType.FILE:
-          {
-            var fileFormatter = /*#__PURE__*/React.createElement(RowExpandFileFormatter, {
-              value: cellValue,
-              column: column,
-              downloadFile: noop,
-              deleteFile: noop,
-              readOnly: false
-            });
-
-            if (!cellValue || cellValue.length === 0) {
-              fileFormatter = _this.renderEmptyFormatter();
-            }
-
-            return fileFormatter;
-          }
-
-        case CellType.CHECKBOX:
-          {
-            return /*#__PURE__*/React.createElement(CheckboxFormatter, {
-              value: cellValue
-            });
-          }
-
-        case CellType.CTIME:
-          {
-            var cTimeFormatter = /*#__PURE__*/React.createElement(CTimeFormatter, {
-              value: row._ctime,
-              containerClassName: containerClassName
-            });
-
-            if (!row._ctime) {
-              cTimeFormatter = _this.renderEmptyFormatter();
-            }
-
-            return cTimeFormatter;
-          }
-
-        case CellType.MTIME:
-          {
-            var mTimeFormatter = /*#__PURE__*/React.createElement(MTimeFormatter, {
-              value: row._mtime,
-              containerClassName: containerClassName
-            });
-
-            if (!row._mtime) {
-              mTimeFormatter = _this.renderEmptyFormatter();
-            }
-
-            return mTimeFormatter;
-          }
-
-        case CellType.CREATOR:
-          {
-            if (!cellValue) return _this.renderEmptyFormatter();
-            var creatorFormatter = /*#__PURE__*/React.createElement(CreatorFormatter, {
-              collaborators: collaborators,
-              value: cellValue,
-              containerClassName: containerClassName
-            });
-            return creatorFormatter;
-          }
-
-        case CellType.LAST_MODIFIER:
-          {
-            if (!cellValue) return _this.renderEmptyFormatter();
-            var lastModifierFormatter = /*#__PURE__*/React.createElement(LastModifierFormatter, {
-              collaborators: collaborators,
-              value: cellValue,
-              containerClassName: containerClassName
-            });
-            return lastModifierFormatter;
-          }
-
-        case CellType.FORMULA:
-        case CellType.LINK_FORMULA:
-          {
-            var textFormatter = /*#__PURE__*/React.createElement(TextFormatter, {
-              value: cellValue,
-              containerClassName: containerClassName
-            });
-
-            if (!cellValue) {
-              textFormatter = _this.renderEmptyFormatter();
-            }
-
-            return textFormatter;
-          }
-
-        case CellType.LINK:
-          {
-            if (!Array.isArray(cellValue) || cellValue.length === 0) return _this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(LinkFormatter, {
-              value: cellValue,
-              column: column,
-              collaborators: collaborators,
-              containerClassName: 'map-app-link-formatter',
-              renderEmptyFormatter: _this.renderEmptyFormatter,
-              getOptionColors: _this.props.getOptionColors,
-              getUserCommonInfo: function getUserCommonInfo() {},
-              CellType: CellType
-            });
-          }
-
-        case CellType.AUTO_NUMBER:
-          {
-            return /*#__PURE__*/React.createElement(AutoNumberFormatter, {
-              value: cellValue,
-              containerClassName: containerClassName
-            });
-          }
-
-        case CellType.URL:
-          {
-            return /*#__PURE__*/React.createElement(UrlFormatter, {
-              value: cellValue,
-              containerClassName: containerClassName
-            });
-          }
-
-        case CellType.EMAIL:
-          {
-            return /*#__PURE__*/React.createElement(EmailFormatter, {
-              value: cellValue,
-              containerClassName: containerClassName
-            });
-          }
-
-        case CellType.DURATION:
-          {
-            return /*#__PURE__*/React.createElement(DurationFormatter, {
-              value: cellValue,
-              format: column.data.duration_format,
-              containerClassName: containerClassName
-            });
-          }
-
-        case CellType.RATE:
-          {
-            return /*#__PURE__*/React.createElement(RateFormatter, {
-              value: cellValue,
-              data: column.data,
-              containerClassName: containerClassName
-            });
-          }
-
-        case CellType.BUTTON:
-          {
-            var _column$data = column.data,
-                data = _column$data === void 0 ? {} : _column$data;
-            var buttonFormatter = /*#__PURE__*/React.createElement(ButtonFormatter, {
-              data: data,
-              containerClassName: containerClassName
-            });
-
-            if (!data.button_name) {
-              buttonFormatter = _this.renderEmptyFormatter();
-            }
-
-            return buttonFormatter;
-          }
-
-        default:
-          return null;
-      }
-    };
-
-    _this.state = {
-      collaborators: COLLABORATORS
-    };
-    return _this;
-  }
-
-  _createClass(EditorFormatter, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Fragment, null, this.renderFormatter());
-    }
-  }]);
-
-  return EditorFormatter;
-}(React.Component);
-
-export default EditorFormatter;