dtable-ui-component 0.1.75-beta1 → 0.1.75-beta10

package/lib/components/cell-formatter/widgets/long-text-formatter/html-long-text-formatter.js

@@ -1,107 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _markdown2html = require("../../../../utils/markdown2html");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2.default)(HtmlLongTextFormatter, _Component);
-
-  function HtmlLongTextFormatter(_props) {
-    var _this;
-
-    _this = _Component.call(this, _props) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "translateValue", function (props) {
-      var value = props.value;
-
-      if (!value) {
-        _this.setState({
-          innerHtml: null
-        });
-
-        return;
-      }
-
-      var valueType = Object.prototype.toString.call(value);
-
-      if (valueType === '[object String]') {
-        _this.convertMarkdown(value);
-
-        return;
-      }
-
-      if (valueType === '[object Object]') {
-        _this.convertMarkdown(value.text);
-
-        return;
-      }
-
-      return;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "convertMarkdown", function (mdFile) {
-      _markdown2html.processor.process(mdFile).then(function (result) {
-        var innerHtml = String(result).replace(/<a /ig, '<a target="_blank" ');
-
-        _this.setState({
-          innerHtml: innerHtml
-        });
-      });
-    });
-    _this.state = {
-      innerHtml: null
-    };
-    return _this;
-  }
-
-  var _proto = HtmlLongTextFormatter.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    this.translateValue(this.props);
-  };
-
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    var value = this.props.value;
-
-    if (nextProps.value !== value) {
-      this.translateValue(nextProps);
-    }
-  };
-
-  _proto.render = function render() {
-    var innerHtml = this.state.innerHtml;
-    var className = this.props.className;
-    if (!innerHtml) return null;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: className + " article",
-      dangerouslySetInnerHTML: {
-        __html: innerHtml
-      }
-    });
-  };
-
-  return HtmlLongTextFormatter;
-}(_react.Component);
-
-HtmlLongTextFormatter.propTypes = {
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  className: _propTypes.default.string
-};
-var _default = HtmlLongTextFormatter;
-exports.default = _default;

package/lib/components/cell-formatter/widgets/long-text-formatter/simple-long-text-formatter.js

@@ -1,110 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _normalizeLongTextValue = _interopRequireDefault(require("../../../../utils/normalize-long-text-value"));
-
-var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(SimpleLongTextFormatter, _React$Component);
-
-  function SimpleLongTextFormatter() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderLinks", function (value) {
-      var links = value.links;
-      if (!Array.isArray(links) || links.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: "long-text-links"
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-url"
-      }), links.length);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderCheckList", function (value) {
-      var checkList = value.checklist;
-      if (!checkList || checkList.total === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: "long-text-check-list"
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-check-square-solid " + (checkList.completed === checkList.total ? 'long-text-check-list-completed' : '')
-      }), checkList.completed + "/" + checkList.total);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderImages", function (value) {
-      var images = value.images;
-      if (!Array.isArray(images) || images.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: "long-text-images"
-      }, /*#__PURE__*/_react.default.createElement("img", {
-        src: images[0],
-        alt: ""
-      }), /*#__PURE__*/_react.default.createElement("i", {
-        className: "image-number"
-      }, images.length > 1 ? '+' + images.length : null));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderContent", function (value) {
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: "long-text-content"
-      }, value.preview);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "translateValue", function () {
-      var value = _this.props.value;
-      if (!value) return {};
-      var valueType = Object.prototype.toString.call(value);
-
-      if (valueType === '[object String]') {
-        return (0, _normalizeLongTextValue.default)(value);
-      }
-
-      if (valueType === '[object Object]') {
-        return value;
-      }
-
-      return {};
-    });
-    return _this;
-  }
-
-  var _proto = SimpleLongTextFormatter.prototype;
-
-  _proto.render = function render() {
-    var className = this.props.className;
-    var value = this.translateValue();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: className
-    }, this.renderLinks(value), this.renderCheckList(value), this.renderImages(value), this.renderContent(value));
-  };
-
-  return SimpleLongTextFormatter;
-}(_react.default.Component);
-
-(0, _defineProperty2.default)(SimpleLongTextFormatter, "defaultProps", {
-  value: {
-    text: '',
-    images: [],
-    links: [],
-    preview: ''
-  }
-});
-SimpleLongTextFormatter.propTypes = {
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  className: _propTypes.default.string
-};
-var _default = SimpleLongTextFormatter;
-exports.default = _default;

package/lib/components/common/collaborator-item.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var propTypes = {
-  collaborator: _propTypes.default.shape({
-    name: _propTypes.default.string.isRequired,
-    avatar_url: _propTypes.default.string.isRequired,
-    email: _propTypes.default.string
-  }),
-  enableDeleteCollaborator: _propTypes.default.bool,
-  onDeleteCollaborator: _propTypes.default.func
-};
-
-var CollaboratorItem = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(CollaboratorItem, _React$Component);
-
-  function CollaboratorItem() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDeleteCollaborator", function () {
-      var collaborator = _this.props.collaborator;
-
-      _this.props.onDeleteCollaborator(collaborator);
-    });
-    return _this;
-  }
-
-  var _proto = CollaboratorItem.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        collaborator = _this$props.collaborator,
-        enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui collaborator-item"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "collaborator-avatar"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      className: "collaborator-avatar-icon",
-      alt: collaborator.name,
-      src: collaborator.avatar_url
-    })), /*#__PURE__*/_react.default.createElement("span", {
-      className: "collaborator-name"
-    }, collaborator.name), enableDeleteCollaborator && /*#__PURE__*/_react.default.createElement("span", {
-      className: "collaborator-remove",
-      onClick: this.onDeleteCollaborator
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-fork-number"
-    })));
-  };
-
-  return CollaboratorItem;
-}(_react.default.Component);
-
-(0, _defineProperty2.default)(CollaboratorItem, "defaultProps", {
-  enableDelete: false
-});
-CollaboratorItem.propTypes = propTypes;
-var _default = CollaboratorItem;
-exports.default = _default;

package/lib/components/common/edit-editor-button.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var propTypes = {
-  text: _propTypes.default.string.isRequired,
-  onClick: _propTypes.default.func
-};
-
-var EditEditorButton = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(EditEditorButton, _React$Component);
-
-  function EditEditorButton() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getStyle", function () {
-      return {
-        display: 'inline-block',
-        padding: '0 12px',
-        height: '28px',
-        lineHeight: '28px',
-        fontSize: '14px',
-        backgroundColor: '#f0f0f0',
-        color: '#8f8f8f',
-        borderRadius: '4px',
-        cursor: 'pointer',
-        userSelect: 'none'
-      };
-    });
-    return _this;
-  }
-
-  var _proto = EditEditorButton.prototype;
-
-  _proto.render = function render() {
-    var text = this.props.text;
-    var style = this.getStyle();
-    return /*#__PURE__*/_react.default.createElement("span", {
-      style: style,
-      onClick: this.props.onClick
-    }, text);
-  };
-
-  return EditEditorButton;
-}(_react.default.Component);
-
-EditEditorButton.propTypes = propTypes;
-var _default = EditEditorButton;
-exports.default = _default;

package/lib/components/common/images-lazy-load.js

@@ -1,158 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _loading = _interopRequireDefault(require("../loading"));
-
-var _utils = require("../../utils/utils");
-
-var propTypes = {
-  images: _propTypes.default.array.isRequired,
-  server: _propTypes.default.string,
-  onImageClick: _propTypes.default.func
-};
-
-var ImagesLazyLoad = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(ImagesLazyLoad, _React$Component);
-
-  function ImagesLazyLoad(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentDidMount", function () {
-      var images = _this.state.images;
-
-      _this.lazyLoadImages(images);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentWillReceiveProps", function (nextProps) {
-      if (nextProps.images.toString() !== _this.props.images.toString()) {
-        _this.lazyLoadImages(nextProps.images);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentWillUnmount", function () {
-      // prevent async operation
-      _this.setState = function (state, callback) {
-        return;
-      };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lazyLoadImages", function (images) {
-      if (!Array.isArray(images) || images.length === 0) {
-        return;
-      }
-
-      var server = _this.props.server.server;
-      images.forEach(function (item) {
-        var url = (0, _utils.getImageThumbnailUrl)(item, server);
-
-        _this.lazyLoadImage(url, function (image) {
-          var _this$state = _this.state,
-              loadedCount = _this$state.loadedCount,
-              loadedImages = _this$state.loadedImages;
-
-          _this.setState({
-            loadedCount: loadedCount + 1,
-            loadedImages: loadedImages.concat(image)
-          });
-        }, function () {
-          var loadedCount = _this.state.loadedCount;
-
-          _this.setState({
-            loadedCount: loadedCount + 1
-          });
-        });
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lazyLoadImage", function (url, resolve, reject) {
-      if (!url) {
-        reject('img path is require');
-        return;
-      }
-
-      var image = new Image();
-
-      image.onload = function () {
-        resolve(image);
-      };
-
-      image.onerror = function (e) {
-        reject(e);
-      };
-
-      image.src = url;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function (event) {
-      event.stopPropagation();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImageClick", function (event, index) {
-      event.stopPropagation();
-
-      _this.props.onImageClick(index);
-    });
-    _this.state = {
-      images: props.images,
-      loadedImages: [],
-      loadedCount: 0
-    };
-    return _this;
-  }
-
-  var _proto = ImagesLazyLoad.prototype;
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    var _this$state2 = this.state,
-        images = _this$state2.images,
-        loadedImages = _this$state2.loadedImages,
-        loadedCount = _this$state2.loadedCount;
-
-    if (!Array.isArray(images) || images.length === 0) {
-      return '';
-    }
-
-    if (images.length > loadedCount) {
-      var style = {
-        marginLeft: '4px'
-      };
-      return /*#__PURE__*/_react.default.createElement("div", {
-        style: style
-      }, /*#__PURE__*/_react.default.createElement(_loading.default, null));
-    }
-
-    if (images.length === loadedCount) {
-      return loadedImages.map(function (image, index) {
-        return /*#__PURE__*/_react.default.createElement("img", {
-          key: index,
-          className: "image-item",
-          src: image.src,
-          onMouseDown: _this2.onMouseDown,
-          onClick: function onClick(event) {
-            return _this2.onImageClick(event, index);
-          },
-          alt: ""
-        });
-      });
-    }
-
-    return '';
-  };
-
-  return ImagesLazyLoad;
-}(_react.default.Component);
-
-ImagesLazyLoad.propTypes = propTypes;
-var _default = ImagesLazyLoad;
-exports.default = _default;

package/lib/components/common/link-editor-option.js

@@ -1,121 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var propTypes = {
-  option: _propTypes.default.object.isRequired,
-  isShowRemoveIcon: _propTypes.default.bool,
-  onDeleteLinkOption: _propTypes.default.func
-};
-
-var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(LinkEditorOption, _React$Component);
-
-  function LinkEditorOption() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDeleteOption", function (event) {
-      event.nativeEvent.stopImmediatePropagation();
-      event.stopPropagation();
-
-      _this.props.onDeleteLinkOption(_this.props.option);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getContainerStyle", function () {
-      return {
-        display: 'inline-flex',
-        marginRight: '10px',
-        padding: '0px 5px',
-        height: '20px',
-        borderRadius: '2px',
-        fontSize: '13px',
-        background: '#eceff4',
-        cursor: 'pointer'
-      };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptionStyle", function () {
-      return {
-        flex: 1,
-        display: 'flex',
-        alignContent: 'center',
-        margin: '0 4px 0 2px'
-      };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptionNameStyle", function () {
-      return {
-        maxWidth: '230px',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis'
-      };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOperationStyle", function () {
-      return {
-        height: '20px',
-        width: '16px',
-        cursor: 'pointer',
-        color: '#909090',
-        transform: 'scale(.8)'
-      };
-    });
-    return _this;
-  }
-
-  var _proto = LinkEditorOption.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        option = _this$props.option,
-        isShowRemoveIcon = _this$props.isShowRemoveIcon;
-    var containerStyle = this.getContainerStyle();
-    var optionStyle = this.getOptionStyle();
-    var optionNameStyle = this.getOptionNameStyle();
-    var operationStyle = this.getOperationStyle();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui link-option-item",
-      style: containerStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "option-info",
-      style: optionStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "option-name",
-      style: optionNameStyle
-    }, option.name)), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("div", {
-      className: "option-remove",
-      style: operationStyle,
-      onClick: this.onDeleteOption
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-fork-number",
-      style: {
-        fontSize: '12px',
-        lineHeight: '20px'
-      }
-    })));
-  };
-
-  return LinkEditorOption;
-}(_react.default.Component);
-
-(0, _defineProperty2.default)(LinkEditorOption, "defaultProps", {
-  isShowRemoveIcon: false
-});
-LinkEditorOption.propTypes = propTypes;
-var _default = LinkEditorOption;
-exports.default = _default;