dtable-ui-component 0.1.75-beta1 → 0.1.75-beta5

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/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/modal-portal.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var propTypes = {
-  children: _propTypes.default.object.isRequired
-};
-var modalRoot = document.getElementById('modal-wrapper');
-
-var ModalPortal = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(ModalPortal, _React$Component);
-
-  function ModalPortal(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.el = document.createElement('div');
-    return _this;
-  }
-
-  var _proto = ModalPortal.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    modalRoot.appendChild(this.el);
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    modalRoot.removeChild(this.el);
-  };
-
-  _proto.render = function render() {
-    return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
-  };
-
-  return ModalPortal;
-}(_react.default.Component);
-
-ModalPortal.propTypes = propTypes;
-var _default = ModalPortal;
-exports.default = _default;

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

@@ -1,73 +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.shape({
-    id: _propTypes.default.string.isRequired,
-    name: _propTypes.default.string.isRequired,
-    color: _propTypes.default.string.isRequired
-  }).isRequired,
-  fontSize: _propTypes.default.number
-};
-
-var SelectItem = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inheritsLoose2.default)(SelectItem, _React$PureComponent);
-
-  function SelectItem() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getStyle", function (option, fontSize) {
-      return {
-        display: 'inline-block',
-        padding: '0px 10px',
-        marginRight: '8px',
-        height: '20px',
-        lineHeight: '20px',
-        textAlign: 'center',
-        borderRadius: '10px',
-        fontSize: fontSize ? fontSize + "px" : '13px',
-        backgroundColor: option.color,
-        color: option.textColor || null
-      };
-    });
-    return _this;
-  }
-
-  var _proto = SelectItem.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        option = _this$props.option,
-        fontSize = _this$props.fontSize;
-    var style = this.getStyle(option, fontSize);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui select-item",
-      style: style
-    }, option.name);
-  };
-
-  return SelectItem;
-}(_react.default.PureComponent);
-
-SelectItem.propTypes = propTypes;
-var _default = SelectItem;
-exports.default = _default;

package/lib/components/file-uploader/index.js

@@ -1,63 +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 = {
-  isCheckRepeat: _propTypes.default.bool,
-  onFileUploadProgress: _propTypes.default.func,
-  onFileUploadSuccss: _propTypes.default.func,
-  onFileUploadFailed: _propTypes.default.func,
-  dtableWebAPI: _propTypes.default.object.isRequired
-};
-
-var FileUploader = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(FileUploader, _React$Component);
-
-  function FileUploader(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFilesChanged", function () {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "uploadFiles", function (fileList, isMultiple) {
-      if (isMultiple === void 0) {
-        isMultiple = false;
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "checkRepeat", function () {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cancelUploadFile", function () {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileUploadProgress", function () {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileUploadSuccss", function () {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileUploadFailed", function () {});
-    _this.state = {};
-    _this.uploadFiles = [];
-    return _this;
-  }
-
-  var _proto = FileUploader.prototype;
-
-  _proto.render = function render() {
-    return /*#__PURE__*/_react.default.createElement("input", {
-      type: "file",
-      onChange: this.onFilesChanged
-    });
-  };
-
-  return FileUploader;
-}(_react.default.Component);
-
-FileUploader.propTypes = propTypes;
-var _default = FileUploader;
-exports.default = _default;

package/lib/components/loading.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = Loading;
-
-var _react = _interopRequireDefault(require("react"));
-
-require("../css/loading.css");
-
-function Loading() {
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: "loading-icon loading-tip"
-  });
-}