dtable-ui-component 0.1.75-beta3 → 0.1.75-beta4

package/es/CollaboratorFormatter/index.js

@@ -1,91 +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 React from 'react';
-import cn from 'astro-classname';
-import CollaboratorItem from '../CollaboratorItem';
-import DefaultAvatar from '../assets/images/avatar/default_avatar.png';
-import './index.css';
-
-// there will be there conditions
-// 1 value is not exist, typeof value is array, but it's length is 0
-// 2 value is exist, but can't find in collaborators
-// 3 value is exist, typeof value is a string
-// 4 value is exist, typeof value is array
-var CollaboratorFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(CollaboratorFormatter, _React$PureComponent);
-
-  var _super = _createSuper(CollaboratorFormatter);
-
-  function CollaboratorFormatter() {
-    var _this;
-
-    _classCallCheck(this, CollaboratorFormatter);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.getCollaborators = function () {
-      var _this$props = _this.props,
-          value = _this$props.value,
-          collaborators = _this$props.collaborators,
-          enableDeleteCollaborator = _this$props.enableDeleteCollaborator,
-          onDeleteCollaborator = _this$props.onDeleteCollaborator;
-
-      if (!Array.isArray(value)) {
-        value = [value];
-      }
-
-      return value.map(function (item, index) {
-        var collaborator = collaborators.find(function (collaborator) {
-          return collaborator.email === item;
-        });
-
-        if (!collaborator) {
-          collaborator = {
-            name: item,
-            avatar_url: DefaultAvatar
-          };
-        }
-
-        return /*#__PURE__*/React.createElement(CollaboratorItem, {
-          key: index,
-          collaborator: collaborator,
-          enableDeleteCollaborator: enableDeleteCollaborator,
-          onDeleteCollaborator: onDeleteCollaborator
-        });
-      });
-    };
-
-    return _this;
-  }
-
-  _createClass(CollaboratorFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          containerClassName = _this$props2.containerClassName,
-          value = _this$props2.value;
-      var classname = cn('dtable-ui cell-formatter-container collaborator-formatter', containerClassName);
-
-      if (!value || Array.isArray(value) && value.length === 0) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: classname
-        });
-      }
-
-      var collaborators = this.getCollaborators();
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, collaborators);
-    }
-  }]);
-
-  return CollaboratorFormatter;
-}(React.PureComponent);
-
-export default CollaboratorFormatter;

package/es/CollaboratorItem/index.css

@@ -1,49 +0,0 @@
-.dtable-ui.collaborator-item {
-  display: inline-flex;
-  align-items: center;
-  margin-right: 10px;
-  padding: 0 8px 0 2px;
-  height: 20px;
-  font-size: 13px;
-  border-radius: 10px;
-  background: #eaeaea;
-}
-
-.dtable-ui.collaborator-item .collaborator-avatar,
-.dtable-ui.collaborator-item .collaborator-name,
-.dtable-ui.collaborator-item .collaborator-remove {
-  height: 20px;
-  line-height: 20px;
-}
-
-.dtable-ui.collaborator-item .collaborator-avatar {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 4px 0 2px;
-}
-
-.dtable-ui.collaborator-item .collaborator-avatar img {
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-}
-
-.dtable-ui.collaborator-item .collaborator-remove {
-  display: inline-block;
-  width: 14px;
-  margin: 0 -2px 0 2px;
-}
-
-.dtable-ui.collaborator-item .collaborator-remove .dtable-font {
-  display: inline-block;
-  font-size: 12px;
-  color: #909090;
-  transform: scale(.8);
-  cursor: pointer;
-}
-
-.dtable-ui.collaborator-item .collaborator-remove .dtable-font:hover {
-  color: #666666;
-  cursor: pointer;
-}

package/es/CollaboratorItem/index.js

@@ -1,64 +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 React from 'react';
-import './index.css';
-
-var CollaboratorItem = /*#__PURE__*/function (_React$Component) {
-  _inherits(CollaboratorItem, _React$Component);
-
-  var _super = _createSuper(CollaboratorItem);
-
-  function CollaboratorItem() {
-    var _this;
-
-    _classCallCheck(this, CollaboratorItem);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.onDeleteCollaborator = function () {
-      var collaborator = _this.props.collaborator;
-
-      _this.props.onDeleteCollaborator(collaborator);
-    };
-
-    return _this;
-  }
-
-  _createClass(CollaboratorItem, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          collaborator = _this$props.collaborator,
-          enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "dtable-ui collaborator-item"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "collaborator-avatar"
-      }, /*#__PURE__*/React.createElement("img", {
-        className: "collaborator-avatar-icon",
-        alt: collaborator.name,
-        src: collaborator.avatar_url
-      })), /*#__PURE__*/React.createElement("span", {
-        className: "collaborator-name"
-      }, collaborator.name), enableDeleteCollaborator && /*#__PURE__*/React.createElement("span", {
-        className: "collaborator-remove",
-        onClick: this.onDeleteCollaborator
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-fork-number"
-      })));
-    }
-  }]);
-
-  return CollaboratorItem;
-}(React.Component);
-
-CollaboratorItem.defaultProps = {
-  enableDelete: false
-};
-export default CollaboratorItem;

package/es/CreatorFormatter/index.css

@@ -1 +0,0 @@
-@import url('../css/cell-formatter.css');

package/es/CreatorFormatter/index.js

@@ -1,87 +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 React from 'react';
-import cn from 'astro-classname';
-import CollaboratorItem from '../CollaboratorItem';
-import DefaultAvatar from '../assets/images/avatar/default_avatar.png';
-import './index.css';
-
-// there will be there conditions
-// 1 value is not exist, typeof value is array, but it's length is 0
-// 2 value is exist, but can't find in collaborators
-// 3 value is exist, typeof value is a string
-// 4 value is exist, typeof value is array
-var CreatorFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(CreatorFormatter, _React$PureComponent);
-
-  var _super = _createSuper(CreatorFormatter);
-
-  function CreatorFormatter() {
-    var _this;
-
-    _classCallCheck(this, CreatorFormatter);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.getCollaborators = function () {
-      var _this$props = _this.props,
-          value = _this$props.value,
-          collaborators = _this$props.collaborators;
-
-      if (!Array.isArray(value)) {
-        value = [value];
-      }
-
-      return value.map(function (item, index) {
-        var collaborator = collaborators.find(function (collaborator) {
-          return collaborator.email === item;
-        }); // the collaborator can be not exist, because the row created by third app
-
-        if (!collaborator) {
-          collaborator = {
-            name: item,
-            avatar_url: DefaultAvatar
-          };
-        }
-
-        return /*#__PURE__*/React.createElement(CollaboratorItem, {
-          key: index,
-          collaborator: collaborator
-        });
-      });
-    };
-
-    return _this;
-  }
-
-  _createClass(CreatorFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          containerClassName = _this$props2.containerClassName,
-          value = _this$props2.value;
-      var classname = cn('dtable-ui cell-formatter-container creator-formatter', containerClassName);
-
-      if (!value || Array.isArray(value) && value.length === 0) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: classname
-        });
-      }
-
-      var collaborators = this.getCollaborators();
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, collaborators);
-    }
-  }]);
-
-  return CreatorFormatter;
-}(React.PureComponent);
-
-export default CreatorFormatter;

package/es/DateFormatter/index.css

@@ -1 +0,0 @@
-@import url('../css/cell-formatter.css');

package/es/DateFormatter/index.js

@@ -1,60 +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 React from 'react';
-import cn from 'astro-classname';
-import { getDateDisplayString } from '../utils/value-format-utils';
-import './index.css';
-
-var DateFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(DateFormatter, _React$Component);
-
-  var _super = _createSuper(DateFormatter);
-
-  function DateFormatter() {
-    var _this;
-
-    _classCallCheck(this, DateFormatter);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.formatDate = function (date, format) {
-      return getDateDisplayString(date, format);
-    };
-
-    return _this;
-  }
-
-  _createClass(DateFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          date = _this$props.value,
-          format = _this$props.format,
-          containerClassName = _this$props.containerClassName;
-      var classname = cn('dtable-ui cell-formatter-container date-formatter', containerClassName);
-
-      if (date !== '') {
-        date = this.formatDate(date, format);
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, date);
-    }
-  }]);
-
-  return DateFormatter;
-}(React.Component);
-
-DateFormatter.defaultProps = {
-  value: '',
-  format: 'YYYY-MM-DD',
-  containerClassName: ''
-};
-export default DateFormatter;

package/es/DurationFormatter/index.css

@@ -1 +0,0 @@
-@import url('../css/cell-formatter.css');

package/es/DurationFormatter/index.js

@@ -1,38 +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 React from 'react';
-import cn from 'astro-classname';
-import { getDurationDisplayString } from '../utils/value-format-utils';
-import './index.css';
-
-var DurationFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(DurationFormatter, _React$Component);
-
-  var _super = _createSuper(DurationFormatter);
-
-  function DurationFormatter() {
-    _classCallCheck(this, DurationFormatter);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(DurationFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          containerClassName = _this$props.containerClassName,
-          format = _this$props.format;
-      var classname = cn('dtable-ui cell-formatter-container duration-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, getDurationDisplayString(value, format));
-    }
-  }]);
-
-  return DurationFormatter;
-}(React.Component);
-
-export default DurationFormatter;

package/es/EmailFormatter/index.css

@@ -1,5 +0,0 @@
-@import url('../css/cell-formatter.css');
-
-.dtable-ui.email-formatter {
-  text-decoration: underline;
-}

package/es/EmailFormatter/index.js

@@ -1,36 +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 React from 'react';
-import cn from 'astro-classname';
-import './index.css';
-
-var EmailFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(EmailFormatter, _React$Component);
-
-  var _super = _createSuper(EmailFormatter);
-
-  function EmailFormatter() {
-    _classCallCheck(this, EmailFormatter);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(EmailFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          containerClassName = _this$props.containerClassName,
-          value = _this$props.value;
-      var classname = cn('dtable-ui cell-formatter-container email-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, value);
-    }
-  }]);
-
-  return EmailFormatter;
-}(React.Component);
-
-export default EmailFormatter;

package/es/FileFormatter/index.css

@@ -1,29 +0,0 @@
-@import url('../css/cell-formatter.css');
-
-.dtable-ui.file-formatter {
-  display: flex;
-  align-items: center;
-}
-
-.dtable-ui.file-formatter .file-item-icon {
-  display: inline-block;
-  height: 28px;
-  width: 28px;
-  border: 1px solid #f0f0f0;
-}
-
-.dtable-ui.file-formatter .file-item-count {
-  display: inline-block;
-  padding: 0 3px;
-  min-width: 14px;
-  line-height: 14px;
-  font-size: 12px;
-  border-radius: 6px;
-  text-align: center;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: #fff;
-  background-color: #999;
-  -webkit-transform: translate(-50%, 8px) scale(.8);
-  transform: translate(-50%, 8px) scale(.8);
-}

package/es/FileFormatter/index.js

@@ -1,64 +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 React from 'react';
-import cn from 'astro-classname';
-import FileItemFormatter from '../FileItemFormatter';
-import './index.css';
-
-var FileFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(FileFormatter, _React$PureComponent);
-
-  var _super = _createSuper(FileFormatter);
-
-  function FileFormatter() {
-    _classCallCheck(this, FileFormatter);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(FileFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          isSample = _this$props.isSample,
-          value = _this$props.value,
-          containerClassName = _this$props.containerClassName;
-      var className = cn('dtable-ui cell-formatter-container file-formatter', containerClassName);
-
-      if (!Array.isArray(value) || value.length === 0) {
-        return null;
-      }
-
-      if (isSample) {
-        var item = value[0];
-        return /*#__PURE__*/React.createElement("div", {
-          className: className
-        }, /*#__PURE__*/React.createElement(FileItemFormatter, {
-          file: item
-        }), value.length !== 1 && /*#__PURE__*/React.createElement("span", {
-          className: "file-item-count"
-        }, "+".concat(value.length)));
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: className
-      }, value.map(function (item, index) {
-        return /*#__PURE__*/React.createElement(FileItemFormatter, {
-          file: item,
-          key: index
-        });
-      }));
-    }
-  }]);
-
-  return FileFormatter;
-}(React.PureComponent);
-
-FileFormatter.defaultProps = {
-  isSample: false,
-  value: [],
-  containerClassName: ''
-};
-export default FileFormatter;

package/es/FileItemFormatter/index.js

@@ -1,50 +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 React, { Component } from 'react';
-import { getFileIconUrl } from '../utils/utils';
-
-var FileItemFormatter = /*#__PURE__*/function (_Component) {
-  _inherits(FileItemFormatter, _Component);
-
-  var _super = _createSuper(FileItemFormatter);
-
-  function FileItemFormatter() {
-    var _this;
-
-    _classCallCheck(this, FileItemFormatter);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.getFileIconData = function (item) {
-      var fileIconUrl = getFileIconUrl(item.name, item.type);
-
-      var fileIconData = require('' + fileIconUrl);
-
-      return fileIconData;
-    };
-
-    return _this;
-  }
-
-  _createClass(FileItemFormatter, [{
-    key: "render",
-    value: function render() {
-      var file = this.props.file;
-      return /*#__PURE__*/React.createElement("img", {
-        className: "file-item-icon",
-        src: this.getFileIconData(file),
-        alt: file.name
-      });
-    }
-  }]);
-
-  return FileItemFormatter;
-}(Component);
-
-export default FileItemFormatter;

package/es/FileUploader/index.js

@@ -1,53 +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 React from 'react';
-
-var FileUploader = /*#__PURE__*/function (_React$Component) {
-  _inherits(FileUploader, _React$Component);
-
-  var _super = _createSuper(FileUploader);
-
-  function FileUploader(props) {
-    var _this;
-
-    _classCallCheck(this, FileUploader);
-
-    _this = _super.call(this, props);
-
-    _this.onFilesChanged = function () {};
-
-    _this.uploadFiles = function (fileList) {
-      var isMultiple = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    };
-
-    _this.checkRepeat = function () {};
-
-    _this.cancelUploadFile = function () {};
-
-    _this.onFileUploadProgress = function () {};
-
-    _this.onFileUploadSuccss = function () {};
-
-    _this.onFileUploadFailed = function () {};
-
-    _this.state = {};
-    _this.uploadFiles = [];
-    return _this;
-  }
-
-  _createClass(FileUploader, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("input", {
-        type: "file",
-        onChange: this.onFilesChanged
-      });
-    }
-  }]);
-
-  return FileUploader;
-}(React.Component);
-
-export default FileUploader;

package/es/FormulaFormatter/index.css

@@ -1,19 +0,0 @@
-@import url('../css/cell-formatter.css');
-
-.dtable-ui.formula-formatter.multiple .formula-formatter-content-item {
-  display: inline-flex;
-  margin-right: 10px;
-}
-
-
-.dtable-ui.formula-formatter.multiple .formula-formatter-content-item.simple-cell-formatter {
-  height: 20px;
-  padding: 0 8px;
-  align-items: center;
-  background: #eceff4;
-  border-radius: 3px;
-}
-
-.dtable-ui.formula-formatter.multiple .formula-formatter-content-item .collaborator {
-  margin-right: 0;
-}