dtable-ui-component 0.3.20 → 0.3.21

package/lib/CollaboratorFormatter/index.js

@@ -7,7 +7,6 @@ import classnames from 'classnames';
 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
@@ -15,43 +14,33 @@ import './index.css';
 // 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;
-
+        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,
@@ -60,34 +49,28 @@ 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;
+        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();
       return /*#__PURE__*/React.createElement("div", {
         className: classname
       }, collaborators);
     }
   }]);
-
   return CollaboratorFormatter;
 }(React.PureComponent);
-
 CollaboratorFormatter.defaultProps = {
   value: []
 };

package/lib/CollaboratorItem/index.js

@@ -4,38 +4,28 @@ 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;
+        collaborator = _this$props.collaborator,
+        enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
       return /*#__PURE__*/React.createElement("div", {
         className: "dtable-ui collaborator-item"
       }, /*#__PURE__*/React.createElement("span", {
@@ -54,10 +44,8 @@ var CollaboratorItem = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-
   return CollaboratorItem;
 }(React.Component);
-
 CollaboratorItem.defaultProps = {
   enableDelete: false
 };

package/lib/CreatorFormatter/index.js

@@ -7,7 +7,6 @@ import classnames from 'classnames';
 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
@@ -15,75 +14,60 @@ import './index.css';
 // 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;
-
+        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
-
+        });
+        // 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;
+        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();
       return /*#__PURE__*/React.createElement("div", {
         className: classname
       }, collaborators);
     }
   }]);
-
   return CreatorFormatter;
 }(React.PureComponent);
-
 CreatorFormatter.defaultProps = {
   value: ''
 };

package/lib/DTableCustomizeCollaboratorSelect/index.js

@@ -8,75 +8,60 @@ import { Popover } from 'reactstrap';
 import SelectOptionGroup from '../SelectOptionGroup';
 import { searchCollaborators } from './utils';
 import './index.css';
-
 var CollaboratorSelect = /*#__PURE__*/function (_Component) {
   _inherits(CollaboratorSelect, _Component);
-
   var _super = _createSuper(CollaboratorSelect);
-
   function CollaboratorSelect(props) {
     var _this;
-
     _classCallCheck(this, CollaboratorSelect);
-
     _this = _super.call(this, props);
-
     _this.onSelectToggle = function (event) {
       event.preventDefault();
       /*
         if select is showing, click events do not need to be monitored by other click events,
         so it can be closed when other select is clicked.
       */
-
       if (_this.state.isShowSelectOptions) event.nativeEvent.stopImmediatePropagation();
       var eventClassName = event.target.className;
-      if (_this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return; //Prevent closing by pressing the spacebar in the search input
-
+      if (_this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return;
+      //Prevent closing by pressing the spacebar in the search input
       if (event.target.value === '') return;
       _this.selectedOptionWidth = _this.selectedOptionRef.clientWidth;
-
       _this.setState({
         isShowSelectOptions: !_this.state.isShowSelectOptions
       });
     };
-
     _this.onClick = function (event) {
       var name = event.target.className;
-
       if (name === 'select-placeholder' || name.includes('icon-fork-number')) {
         return;
       }
-
       if (!_this.selector.contains(event.target)) {
         _this.closeSelect();
       }
     };
-
     _this.closeSelect = function () {
       _this.setState({
         isShowSelectOptions: false
       });
     };
-
     _this.getFilterOptions = function (searchValue) {
       var _this$props = _this.props,
-          options = _this$props.options,
-          searchable = _this$props.searchable;
+        options = _this$props.options,
+        searchable = _this$props.searchable;
       if (!searchable) return options || [];
       return searchCollaborators(options, searchValue);
     };
-
     _this.renderOptionGroup = function () {
       var _this$props2 = _this.props,
-          value = _this$props2.value,
-          options = _this$props2.options,
-          searchable = _this$props2.searchable,
-          searchPlaceholder = _this$props2.searchPlaceholder,
-          noOptionsPlaceholder = _this$props2.noOptionsPlaceholder,
-          top = _this$props2.top,
-          left = _this$props2.left,
-          isUsePopover = _this$props2.isUsePopover;
-
+        value = _this$props2.value,
+        options = _this$props2.options,
+        searchable = _this$props2.searchable,
+        searchPlaceholder = _this$props2.searchPlaceholder,
+        noOptionsPlaceholder = _this$props2.noOptionsPlaceholder,
+        top = _this$props2.top,
+        left = _this$props2.left,
+        isUsePopover = _this$props2.isUsePopover;
       if (!isUsePopover) {
         return /*#__PURE__*/React.createElement(SelectOptionGroup, {
           value: value,
@@ -96,7 +81,6 @@ var CollaboratorSelect = /*#__PURE__*/function (_Component) {
           isShowSelected: true
         });
       }
-
       return /*#__PURE__*/React.createElement(Popover, {
         placement: "bottom",
         isOpen: true,
@@ -122,14 +106,12 @@ var CollaboratorSelect = /*#__PURE__*/function (_Component) {
         isShowSelected: true
       }));
     };
-
     _this.state = {
       isShowSelectOptions: false
     };
     _this.id = 'collaborator-select-' + Math.trunc(Math.random() * 10000);
     return _this;
   }
-
   _createClass(CollaboratorSelect, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -145,12 +127,11 @@ var CollaboratorSelect = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props3 = this.props,
-          className = _this$props3.className,
-          value = _this$props3.value,
-          placeholder = _this$props3.placeholder,
-          isLocked = _this$props3.isLocked;
+        className = _this$props3.className,
+        value = _this$props3.value,
+        placeholder = _this$props3.placeholder,
+        isLocked = _this$props3.isLocked;
       return /*#__PURE__*/React.createElement("button", {
         ref: function ref(node) {
           return _this2.selector = node;
@@ -176,10 +157,8 @@ var CollaboratorSelect = /*#__PURE__*/function (_Component) {
       })), this.state.isShowSelectOptions && this.renderOptionGroup());
     }
   }]);
-
   return CollaboratorSelect;
 }(Component);
-
 CollaboratorSelect.defaultProps = {
   top: -3,
   left: -3

package/lib/DTableCustomizeCollaboratorSelect/utils.js

@@ -4,17 +4,18 @@ export var searchCollaborators = function searchCollaborators(collaborators, sea
   if (!validSearchValue) return validCollaborators;
   return validCollaborators.filter(function (collaborator) {
     var name = collaborator.name,
-        _collaborator$name_pi = collaborator.name_pinyin,
-        name_pinyin = _collaborator$name_pi === void 0 ? '' : _collaborator$name_pi;
+      _collaborator$name_pi = collaborator.name_pinyin,
+      name_pinyin = _collaborator$name_pi === void 0 ? '' : _collaborator$name_pi;
     if (name.toString().toLowerCase().indexOf(validSearchValue) > -1) return true;
     if (!name_pinyin) return false;
     var validNamePinyin = name_pinyin.toString().toLowerCase();
-    var validSearchPinyinValue = validSearchValue.replace(/ |'/g, ''); // complete
+    var validSearchPinyinValue = validSearchValue.replace(/ |'/g, '');
 
+    // complete
     if (validNamePinyin.indexOf(validSearchPinyinValue) > -1) return true;
     if (validNamePinyin.replace(/'/g, '').indexOf(validSearchPinyinValue) > -1) return true;
-    var validNamePinyinList = validNamePinyin.split('\''); // acronym
-
+    var validNamePinyinList = validNamePinyin.split('\'');
+    // acronym
     var namePinyinAcronym = validNamePinyinList.map(function (item) {
       return item && item.trim() ? item.trim().slice(0, 1) : '';
     });

package/lib/DTableCustomizeSelect/index.js

@@ -6,91 +6,71 @@ import React, { Component } from 'react';
 import SelectOptionGroup from '../SelectOptionGroup';
 import classnames from 'classnames';
 import '../assets/css/DTableCustomSelect.css';
-
 var DTableCustomizeSelect = /*#__PURE__*/function (_Component) {
   _inherits(DTableCustomizeSelect, _Component);
-
   var _super = _createSuper(DTableCustomizeSelect);
-
   function DTableCustomizeSelect(props) {
     var _this;
-
     _classCallCheck(this, DTableCustomizeSelect);
-
     _this = _super.call(this, props);
-
     _this.onSelectToggle = function (event) {
       event.preventDefault();
       /*
         if select is showing, click events do not need to be monitored by other click events,
         so it can be closed when other select is clicked.
       */
-
       if (_this.state.isShowSelectOptions) event.nativeEvent.stopImmediatePropagation();
       var eventClassName = event.target.className;
-      if (_this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return; //Prevent closing by pressing the spacebar in the search input
-
+      if (_this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return;
+      //Prevent closing by pressing the spacebar in the search input
       if (event.target.value === '') return;
-
       _this.setState({
         isShowSelectOptions: !_this.state.isShowSelectOptions
       });
     };
-
     _this.onClick = function (event) {
       if (_this.props.isShowSelected && event.target.className.includes('icon-fork-number')) {
         return;
       }
-
       if (!_this.selector.contains(event.target)) {
         _this.closeSelect();
       }
     };
-
     _this.closeSelect = function () {
       _this.setState({
         isShowSelectOptions: false
       });
     };
-
     _this.getSelectedOptionTop = function () {
       if (!_this.selector) return 38;
-
       var _this$selector$getBou = _this.selector.getBoundingClientRect(),
-          height = _this$selector$getBou.height;
-
+        height = _this$selector$getBou.height;
       return height;
     };
-
     _this.getFilterOptions = function (searchValue) {
       var _this$props = _this.props,
-          options = _this$props.options,
-          searchable = _this$props.searchable;
+        options = _this$props.options,
+        searchable = _this$props.searchable;
       if (!searchable) return options || [];
       var validSearchVal = searchValue.trim().toLowerCase();
       if (!validSearchVal) return options || [];
       return options.filter(function (option) {
         var value = option.value,
-            name = option.name;
-
+          name = option.name;
         if (typeof name === 'string') {
           return name.toLowerCase().indexOf(validSearchVal) > -1;
         }
-
         if (typeof value === 'object') {
           return value.columnOption && value.columnOption.name.toLowerCase().indexOf(validSearchVal) > -1;
         }
-
         return false;
       });
     };
-
     _this.state = {
       isShowSelectOptions: false
     };
     return _this;
   }
-
   _createClass(DTableCustomizeSelect, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -105,16 +85,15 @@ var DTableCustomizeSelect = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          className = _this$props2.className,
-          value = _this$props2.value,
-          options = _this$props2.options,
-          placeholder = _this$props2.placeholder,
-          searchable = _this$props2.searchable,
-          searchPlaceholder = _this$props2.searchPlaceholder,
-          noOptionsPlaceholder = _this$props2.noOptionsPlaceholder,
-          isLocked = _this$props2.isLocked;
+        className = _this$props2.className,
+        value = _this$props2.value,
+        options = _this$props2.options,
+        placeholder = _this$props2.placeholder,
+        searchable = _this$props2.searchable,
+        searchPlaceholder = _this$props2.searchPlaceholder,
+        noOptionsPlaceholder = _this$props2.noOptionsPlaceholder,
+        isLocked = _this$props2.isLocked;
       return /*#__PURE__*/React.createElement("div", {
         ref: function ref(node) {
           return _this2.selector = node;
@@ -148,8 +127,6 @@ var DTableCustomizeSelect = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return DTableCustomizeSelect;
 }(Component);
-
 export default DTableCustomizeSelect;

package/lib/DTablePopover/index.js

@@ -5,35 +5,25 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { Popover } from 'reactstrap';
 import { getEventClassName } from './utils';
-
 var DTablePopover = /*#__PURE__*/function (_React$Component) {
   _inherits(DTablePopover, _React$Component);
-
   var _super = _createSuper(DTablePopover);
-
   function DTablePopover() {
     var _this;
-
     _classCallCheck(this, DTablePopover);
-
     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.dtablePopoverRef = null;
-
     _this.onHistoryState = function (e) {
       e.preventDefault();
-
       _this.props.hideDTablePopover(e);
     };
-
     _this.onKeyDown = function (e) {
       var _this$props = _this.props,
-          canHideDTablePopover = _this$props.canHideDTablePopover,
-          hideDTablePopoverWithEsc = _this$props.hideDTablePopoverWithEsc;
-
+        canHideDTablePopover = _this$props.canHideDTablePopover,
+        hideDTablePopoverWithEsc = _this$props.hideDTablePopoverWithEsc;
       if (e.keyCode === 27 && typeof hideDTablePopoverWithEsc === 'function') {
         e.preventDefault();
         hideDTablePopoverWithEsc();
@@ -43,23 +33,18 @@ var DTablePopover = /*#__PURE__*/function (_React$Component) {
         e.stopImmediatePropagation();
       }
     };
-
     _this.onClick = function (e) {
       var canHideDTablePopover = _this.props.canHideDTablePopover;
       if (!canHideDTablePopover) return;
-
       if (_this.dtablePopoverRef && e && getEventClassName(e).indexOf('popover') === -1 && !_this.dtablePopoverRef.contains(e.target)) {
         _this.props.hideDTablePopover(e);
       }
     };
-
     _this.onPopoverInsideClick = function (e) {
       e.stopPropagation();
     };
-
     return _this;
   }
-
   _createClass(DTablePopover, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -78,14 +63,13 @@ var DTablePopover = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          target = _this$props2.target,
-          innerClassName = _this$props2.innerClassName,
-          popoverClassName = _this$props2.popoverClassName,
-          hideArrow = _this$props2.hideArrow,
-          modifiers = _this$props2.modifiers,
-          placement = _this$props2.placement;
+        target = _this$props2.target,
+        innerClassName = _this$props2.innerClassName,
+        popoverClassName = _this$props2.popoverClassName,
+        hideArrow = _this$props2.hideArrow,
+        modifiers = _this$props2.modifiers,
+        placement = _this$props2.placement;
       return /*#__PURE__*/React.createElement(Popover, {
         placement: placement,
         isOpen: true,
@@ -103,10 +87,8 @@ var DTablePopover = /*#__PURE__*/function (_React$Component) {
       }, this.props.children));
     }
   }]);
-
   return DTablePopover;
 }(React.Component);
-
 DTablePopover.defaultProps = {
   placement: 'bottom-start',
   hideArrow: true,

package/lib/DTableRadio/index.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import classnames from 'classnames';
 import './index.css';
-
 function DTableRadio(props) {
   var className = props.className;
   return /*#__PURE__*/React.createElement("label", {
@@ -25,7 +24,6 @@ function DTableRadio(props) {
     className: "dtable-radio-description text-truncate ml-2"
   }, props.label));
 }
-
 DTableRadio.defaultProps = {
   disabled: false,
   name: 'dtable-radio-input',