dtable-ui-component 4.3.7 → 4.3.9-alpha1

package/lib/CollaboratorEditor/pc-collaborator-editor-popover/index.js

@@ -1,92 +1,84 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-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 { getLocale } from '../../lang';
 import CollaboratorItem from '../../CollaboratorItem';
 import './index.css';
-var PCCollaboratorEditorPopover = /*#__PURE__*/function (_React$Component) {
-  _inherits(PCCollaboratorEditorPopover, _React$Component);
-  var _super = _createSuper(PCCollaboratorEditorPopover);
-  function PCCollaboratorEditorPopover(props) {
-    var _this;
-    _classCallCheck(this, PCCollaboratorEditorPopover);
-    _this = _super.call(this, props);
-    _this.onValueChanged = function (event) {
-      var value = event.target.value;
-      _this.setState({
+class PCCollaboratorEditorPopover extends React.Component {
+  constructor(props) {
+    super(props);
+    this.onValueChanged = event => {
+      let value = event.target.value;
+      this.setState({
         searchValue: value
       });
     };
-    _this.onInputClick = function (event) {
+    this.onInputClick = event => {
       event.nativeEvent.stopImmediatePropagation();
       event.stopPropagation();
     };
-    _this.onCollaboratorItemToggle = function (item) {
-      _this.props.onCollaboratorItemToggle(item);
+    this.onCollaboratorItemToggle = item => {
+      this.props.onCollaboratorItemToggle(item);
     };
-    _this.getFilterCollaborator = function () {
-      var collaborators = _this.props.collaborators;
-      var filter = _this.state.searchValue.toLowerCase();
+    this.getFilterCollaborator = () => {
+      let {
+        collaborators
+      } = this.props;
+      let filter = this.state.searchValue.toLowerCase();
       if (!filter) {
         return collaborators;
       }
-      return collaborators.filter(function (collaborator) {
+      return collaborators.filter(collaborator => {
         return collaborator.name.toString().toLowerCase().indexOf(filter) > -1;
       });
     };
-    _this.state = {
+    this.state = {
       searchValue: ''
     };
-    return _this;
   }
-  _createClass(PCCollaboratorEditorPopover, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var searchValue = this.state.searchValue;
-      var _this$props = this.props,
-        selectedCollaborators = _this$props.selectedCollaborators,
-        popoverPosition = _this$props.popoverPosition;
-      var collaborators = this.getFilterCollaborator();
-      var popoverStyle = Object.assign({}, _objectSpread({}, popoverPosition), {
-        position: 'absolute'
+  render() {
+    let {
+      searchValue
+    } = this.state;
+    let {
+      selectedCollaborators,
+      popoverPosition
+    } = this.props;
+    let collaborators = this.getFilterCollaborator();
+    let popoverStyle = Object.assign({}, {
+      ...popoverPosition
+    }, {
+      position: 'absolute'
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "dtable-ui-editor-popover dtable-ui-collaborator-editor-popover",
+      style: popoverStyle
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "collaborator-search-container"
+    }, /*#__PURE__*/React.createElement("input", {
+      className: "form-control",
+      value: searchValue,
+      onChange: this.onValueChanged,
+      onClick: this.onInputClick,
+      placeholder: getLocale('Find_a_collaborator')
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "collaborator-list-container"
+    }, collaborators.length > 0 && collaborators.map((collaborator, index) => {
+      const isSelect = selectedCollaborators.some(selectedCollaborator => {
+        return selectedCollaborator.email === collaborator.email;
       });
       return /*#__PURE__*/React.createElement("div", {
-        className: "dtable-ui-editor-popover dtable-ui-collaborator-editor-popover",
-        style: popoverStyle
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "collaborator-search-container"
-      }, /*#__PURE__*/React.createElement("input", {
-        className: "form-control",
-        value: searchValue,
-        onChange: this.onValueChanged,
-        onClick: this.onInputClick,
-        placeholder: getLocale('Find_a_collaborator')
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "collaborator-list-container"
-      }, collaborators.length > 0 && collaborators.map(function (collaborator, index) {
-        var isSelect = selectedCollaborators.some(function (selectedCollaborator) {
-          return selectedCollaborator.email === collaborator.email;
-        });
-        return /*#__PURE__*/React.createElement("div", {
-          key: index,
-          className: "collaborator-item-container",
-          onClick: _this2.onCollaboratorItemToggle.bind(_this2, collaborator)
-        }, /*#__PURE__*/React.createElement(CollaboratorItem, {
-          collaborator: collaborator
-        }), /*#__PURE__*/React.createElement("div", {
-          className: "collaborator-checked"
-        }, isSelect && /*#__PURE__*/React.createElement("i", {
-          className: "dtable-font dtable-icon-check-mark"
-        })));
-      }), collaborators.length === 0 && /*#__PURE__*/React.createElement("div", {
-        className: "search-option-null"
-      }, getLocale('No_collaborators_available'))));
-    }
-  }]);
-  return PCCollaboratorEditorPopover;
-}(React.Component);
+        key: index,
+        className: "collaborator-item-container",
+        onClick: this.onCollaboratorItemToggle.bind(this, collaborator)
+      }, /*#__PURE__*/React.createElement(CollaboratorItem, {
+        collaborator: collaborator
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "collaborator-checked"
+      }, isSelect && /*#__PURE__*/React.createElement("i", {
+        className: "dtable-font dtable-icon-check-mark"
+      })));
+    }), collaborators.length === 0 && /*#__PURE__*/React.createElement("div", {
+      className: "search-option-null"
+    }, getLocale('No_collaborators_available'))));
+  }
+}
 export default PCCollaboratorEditorPopover;

package/lib/CollaboratorFormatter/index.js

@@ -1,7 +1,3 @@
-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 classnames from 'classnames';
 import CollaboratorItem from '../CollaboratorItem';
@@ -12,29 +8,21 @@ import './index.css';
 // 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;
+class CollaboratorFormatter extends React.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.getCollaborators = () => {
+      let {
+        value,
+        collaborators,
+        enableDeleteCollaborator,
+        onDeleteCollaborator
+      } = this.props;
       if (!Array.isArray(value)) {
         value = [value];
       }
-      return value.map(function (item, index) {
-        var collaborator = collaborators.find(function (collaborator) {
-          return collaborator.email === item;
-        });
+      return value.map((item, index) => {
+        let collaborator = collaborators.find(collaborator => collaborator.email === item);
         if (!collaborator) {
           collaborator = {
             name: item,
@@ -49,28 +37,24 @@ var CollaboratorFormatter = /*#__PURE__*/function (_React$PureComponent) {
         });
       });
     };
-    return _this;
   }
-  _createClass(CollaboratorFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        containerClassName = _this$props2.containerClassName,
-        value = _this$props2.value;
-      var classname = classnames('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();
+  render() {
+    const {
+      containerClassName,
+      value
+    } = this.props;
+    const classname = classnames('dtable-ui cell-formatter-container collaborator-formatter', containerClassName);
+    if (!value || Array.isArray(value) && value.length === 0) {
       return /*#__PURE__*/React.createElement("div", {
         className: classname
-      }, collaborators);
+      });
     }
-  }]);
-  return CollaboratorFormatter;
-}(React.PureComponent);
+    const collaborators = this.getCollaborators();
+    return /*#__PURE__*/React.createElement("div", {
+      className: classname
+    }, collaborators);
+  }
+}
 CollaboratorFormatter.defaultProps = {
   value: []
 };

package/lib/CollaboratorItem/index.js

@@ -1,51 +1,38 @@
-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);
+class CollaboratorItem extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.onDeleteCollaborator = () => {
+      let {
+        collaborator
+      } = this.props;
+      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);
+  render() {
+    const {
+      collaborator,
+      enableDeleteCollaborator
+    } = this.props;
+    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"
+    })));
+  }
+}
 CollaboratorItem.defaultProps = {
   enableDelete: false
 };

package/lib/CreatorFormatter/index.js

@@ -1,7 +1,3 @@
-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 classnames from 'classnames';
 import CollaboratorItem from '../CollaboratorItem';
@@ -12,27 +8,19 @@ import './index.css';
 // 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;
+class CreatorFormatter extends React.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.getCollaborators = () => {
+      let {
+        value,
+        collaborators
+      } = this.props;
       if (!Array.isArray(value)) {
         value = [value];
       }
-      return value.map(function (item, index) {
-        var collaborator = collaborators.find(function (collaborator) {
-          return collaborator.email === item;
-        });
+      return value.map((item, index) => {
+        let collaborator = collaborators.find(collaborator => collaborator.email === item);
         // the collaborator can be not exist, because the row created by third app
         if (!collaborator) {
           collaborator = {
@@ -46,28 +34,24 @@ var CreatorFormatter = /*#__PURE__*/function (_React$PureComponent) {
         });
       });
     };
-    return _this;
   }
-  _createClass(CreatorFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        containerClassName = _this$props2.containerClassName,
-        value = _this$props2.value;
-      var classname = classnames('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();
+  render() {
+    const {
+      containerClassName,
+      value
+    } = this.props;
+    const classname = classnames('dtable-ui cell-formatter-container creator-formatter', containerClassName);
+    if (!value || Array.isArray(value) && value.length === 0) {
       return /*#__PURE__*/React.createElement("div", {
         className: classname
-      }, collaborators);
+      });
     }
-  }]);
-  return CreatorFormatter;
-}(React.PureComponent);
+    const collaborators = this.getCollaborators();
+    return /*#__PURE__*/React.createElement("div", {
+      className: classname
+    }, collaborators);
+  }
+}
 CreatorFormatter.defaultProps = {
   value: ''
 };

package/lib/DTableCustomizeCollaboratorSelect/index.css

@@ -88,7 +88,7 @@
 .dtable-customize-collaborator-select.dtable-select .option-active,
 .dtable-customize-collaborator-select.dtable-select .option:hover {
   color: #212529;
-  background-color: #f7f7f7;
+  background-color: #f5f5f5;
 }
 
 .dtable-customize-collaborator-select.dtable-select .option.option-active .select-option-name {