dtable-ui-component 0.3.20 → 0.3.21

package/lib/MultipleSelectEditor/index.js

@@ -8,28 +8,20 @@ import { getLocale } from '../lang';
 import EditEditorButton from '../EditEditorButton';
 import { SelectEditorOption, PCSelectEditorPopover, MBSelectEditorPopover } from '../select-editor';
 import './index.css';
-
 var MultipleSelectEditor = /*#__PURE__*/function (_React$Component) {
   _inherits(MultipleSelectEditor, _React$Component);
-
   var _super = _createSuper(MultipleSelectEditor);
-
   function MultipleSelectEditor(props) {
     var _this;
-
     _classCallCheck(this, MultipleSelectEditor);
-
     _this = _super.call(this, props);
-
     _this.onDocumentToggle = function (e) {
       if (_this.editorContainer !== e.target && !_this.editorContainer.contains(e.target)) {
         _this.onClosePopover();
       }
     };
-
     _this.getFormattedOptions = function () {
       var newValue = _this.state.newValue;
-
       if (Array.isArray(newValue) && newValue.length > 0) {
         return newValue.map(function (option_id) {
           return _this.options.find(function (option) {
@@ -39,23 +31,17 @@ var MultipleSelectEditor = /*#__PURE__*/function (_React$Component) {
           return !!option;
         });
       }
-
       return [];
     };
-
     _this.onAddOptionToggle = function (event) {
       event.nativeEvent.stopImmediatePropagation();
       event.stopPropagation();
-
       if (_this.props.isReadOnly) {
         return;
       }
-
       var isPopoverShow = !_this.state.isPopoverShow;
-
       if (isPopoverShow) {
         var popoverPosition = _this.caculatePopoverPosition();
-
         _this.setState({
           isPopoverShow: isPopoverShow,
           popoverPosition: popoverPosition
@@ -66,70 +52,55 @@ var MultipleSelectEditor = /*#__PURE__*/function (_React$Component) {
         });
       }
     };
-
     _this.onCommit = function (newValue) {
       var updated = {};
       var column = _this.props.column;
       updated[column.key] = newValue;
-
       _this.props.onCommit(updated);
     };
-
     _this.onOptionItemToggle = function (option) {
       var newValue = _this.state.newValue.slice();
-
       var optionIndex = newValue.findIndex(function (option_id) {
         return option_id === option.id;
       });
-
       if (optionIndex !== -1) {
         newValue.splice(optionIndex, 1);
       } else {
         newValue.push(option.id);
       }
-
       _this.setState({
         newValue: newValue
       }, function () {
         _this.onCommit(newValue);
       });
     };
-
     _this.onDeleteOption = function (option) {
       var newValue = _this.state.newValue.slice();
-
       var optionIndex = newValue.findIndex(function (option_id) {
         return option_id === option.id;
       });
       newValue.splice(optionIndex, 1);
-
       _this.setState({
         newValue: newValue
       }, function () {
         _this.onCommit(newValue);
       });
     };
-
     _this.onAddNewOption = function (optionName) {
       _this.props.onAddNewOption(optionName);
-
       _this.onClosePopover();
     };
-
     _this.caculatePopoverPosition = function () {
       var POPOVER_MAX_HEIGHT = 200;
       var innerHeight = window.innerHeight;
-
       var _this$editor$getClien = _this.editor.getClientRects()[0],
-          top = _this$editor$getClien.top,
-          height = _this$editor$getClien.height;
-
+        top = _this$editor$getClien.top,
+        height = _this$editor$getClien.height;
       var isBelow = innerHeight - (top + height) > POPOVER_MAX_HEIGHT;
       var position = {
         top: height + 1,
         left: 0
       };
-
       if (!isBelow) {
         var bottom = height + 1;
         position = {
@@ -137,24 +108,19 @@ var MultipleSelectEditor = /*#__PURE__*/function (_React$Component) {
           left: 0
         };
       }
-
       return position;
     };
-
     _this.onClosePopover = function () {
       _this.setState({
         isPopoverShow: false
       });
     };
-
     _this.setEditorContainerRef = function (editorContainer) {
       _this.editorContainer = editorContainer;
     };
-
     _this.setEditorRef = function (editor) {
       _this.editor = editor;
     };
-
     _this.state = {
       newValue: Array.isArray(props.value) ? props.value : [],
       isPopoverShow: false,
@@ -164,7 +130,6 @@ var MultipleSelectEditor = /*#__PURE__*/function (_React$Component) {
     _this.options = _column.data && (_column.data.options || []);
     return _this;
   }
-
   _createClass(MultipleSelectEditor, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -179,10 +144,9 @@ var MultipleSelectEditor = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$state = this.state,
-          isPopoverShow = _this$state.isPopoverShow,
-          popoverPosition = _this$state.popoverPosition;
+        isPopoverShow = _this$state.isPopoverShow,
+        popoverPosition = _this$state.popoverPosition;
       var options = this.options;
       var selectedOptions = this.getFormattedOptions();
       return /*#__PURE__*/React.createElement("div", {
@@ -225,10 +189,8 @@ var MultipleSelectEditor = /*#__PURE__*/function (_React$Component) {
       }))));
     }
   }]);
-
   return MultipleSelectEditor;
 }(React.Component);
-
 MultipleSelectEditor.defaultProps = {
   isReadOnly: false,
   value: []

package/lib/MultipleSelectFormatter/index.js

@@ -6,27 +6,20 @@ import React from 'react';
 import classnames from 'classnames';
 import SelectItem from '../SelectItem';
 import './index.css';
-
 var MultipleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(MultipleSelectFormatter, _React$PureComponent);
-
   var _super = _createSuper(MultipleSelectFormatter);
-
   function MultipleSelectFormatter() {
     var _this;
-
     _classCallCheck(this, MultipleSelectFormatter);
-
     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.getOptions = function () {
       var _this$props = _this.props,
-          value = _this$props.value,
-          options = _this$props.options;
+        value = _this$props.value,
+        options = _this$props.options;
       if (!Array.isArray(value) || !Array.isArray(options)) return [];
       var selectedOptions = options.filter(function (option) {
         return value.includes(option.id) || value.includes(option.name);
@@ -39,34 +32,28 @@ var MultipleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
         });
       });
     };
-
     return _this;
   }
-
   _createClass(MultipleSelectFormatter, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          value = _this$props2.value,
-          containerClassName = _this$props2.containerClassName;
+        value = _this$props2.value,
+        containerClassName = _this$props2.containerClassName;
       var classname = classnames('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
-
       if (!value || Array.isArray(value) && value.length === 0) {
         return /*#__PURE__*/React.createElement("div", {
           className: classname
         });
       }
-
       var options = this.getOptions();
       return /*#__PURE__*/React.createElement("div", {
         className: classname
       }, options);
     }
   }]);
-
   return MultipleSelectFormatter;
 }(React.PureComponent);
-
 MultipleSelectFormatter.defaultProps = {
   options: []
 };

package/lib/NotificationPopover/index.js

@@ -5,56 +5,40 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { Popover } from 'reactstrap';
 import './index.css';
-
 var NotificationPopover = /*#__PURE__*/function (_React$Component) {
   _inherits(NotificationPopover, _React$Component);
-
   var _super = _createSuper(NotificationPopover);
-
   function NotificationPopover() {
     var _this;
-
     _classCallCheck(this, NotificationPopover);
-
     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.handleOutsideClick = function (e) {
       if (!_this.notificationContainerRef.contains(e.target)) {
         document.removeEventListener('mousedown', _this.handleOutsideClick);
-
         if (e.target.className === 'tool notification' || e.target.parentNode.className === 'tool notification') {
           return;
         }
-
         _this.props.onNotificationListToggle();
       }
     };
-
     _this.onNotificationDialogToggle = function () {
       _this.props.onNotificationDialogToggle();
-
       _this.props.onNotificationListToggle();
     };
-
     _this.onWeixinQRCodeDialogToggle = function () {
       _this.props.onOpenWeixinQRCodeDialog();
-
       _this.props.onNotificationListToggle();
     };
-
     _this.onHandleScroll = function () {
       if (_this.notificationListRef.offsetHeight + _this.notificationListRef.scrollTop + 1 >= _this.notificationsWrapperRef.offsetHeight) {
         _this.props.listNotifications && _this.props.listNotifications();
       }
     };
-
     return _this;
   }
-
   _createClass(NotificationPopover, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -69,11 +53,10 @@ var NotificationPopover = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          headerText = _this$props.headerText,
-          bodyText = _this$props.bodyText,
-          footerText = _this$props.footerText;
+        headerText = _this$props.headerText,
+        bodyText = _this$props.bodyText,
+        footerText = _this$props.footerText;
       return /*#__PURE__*/React.createElement(Popover, {
         className: "notification-wrapper",
         target: "notification-popover",
@@ -119,10 +102,8 @@ var NotificationPopover = /*#__PURE__*/function (_React$Component) {
       }, footerText))));
     }
   }]);
-
   return NotificationPopover;
 }(React.Component);
-
 NotificationPopover.defaultProps = {
   headerText: '',
   bodyText: '',

package/lib/NumberEditor/index.js

@@ -7,24 +7,17 @@ import isHotkey from 'is-hotkey';
 import { getNumberDisplayString, formatStringToNumber, replaceNumberNotAllowInput } from 'dtable-utils';
 import { NUMBER_TYPES } from '../constants';
 import { isMac } from '../utils/utils';
-
 var NumberEditor = /*#__PURE__*/function (_React$Component) {
   _inherits(NumberEditor, _React$Component);
-
   var _super = _createSuper(NumberEditor);
-
   function NumberEditor(props) {
     var _this;
-
     _classCallCheck(this, NumberEditor);
-
     _this = _super.call(this, props);
-
     _this.onEditorHandle = function () {
       if (_this.props.isReadOnly) {
         return;
       }
-
       _this.setState({
         isEditorShow: true,
         inputValue: _this.state.textValue
@@ -32,87 +25,69 @@ var NumberEditor = /*#__PURE__*/function (_React$Component) {
         _this.input.focus();
       });
     };
-
     _this.onCommit = function () {
       var updated = {};
       var column = _this.props.column;
       var inputValue = _this.state.inputValue ? _this.state.inputValue.toString() : '';
       var value = inputValue ? formatStringToNumber(inputValue) : ''; // format the number to submit
-
       updated[column.key] = value;
-
       _this.props.onCommit(updated);
-
       var newValue = getNumberDisplayString(value, column.data); // format the number to display
-
       _this.setState({
         isEditorShow: false,
         textValue: newValue
       });
     };
-
     _this.onChange = function (event) {
       var data = _this.props.column.data; // data maybe 'null'
-
       var value = event.target.value.trim();
       var currency_symbol = null;
-
       if (data && data.format === 'custom_currency') {
         currency_symbol = data['currency_symbol'];
-      } //Prevent the repetition of periods bug in the Chinese input method of the Windows system
-
+      }
 
+      //Prevent the repetition of periods bug in the Chinese input method of the Windows system
       if (!isMac() && value.indexOf('.。') > -1) return;
       value = replaceNumberNotAllowInput(value, _this.dataFormat, currency_symbol);
       if (value === _this.state.inputValue) return;
-
       _this.setState({
         inputValue: value
       });
     };
-
     _this.onBlur = function () {
       _this.onCommit();
     };
-
     _this.onKeyDown = function (event) {
       var _event$currentTarget = event.currentTarget,
-          selectionStart = _event$currentTarget.selectionStart,
-          selectionEnd = _event$currentTarget.selectionEnd,
-          value = _event$currentTarget.value;
-
+        selectionStart = _event$currentTarget.selectionStart,
+        selectionEnd = _event$currentTarget.selectionEnd,
+        value = _event$currentTarget.value;
       if (isHotkey('enter', event)) {
         event.preventDefault();
-
         _this.onBlur();
       } else if (event.keyCode === 37 && selectionStart === 0 || event.keyCode === 39 && selectionEnd === value.length) {
         event.stopPropagation();
       }
     };
-
     _this.onPaste = function (e) {
       e.stopPropagation();
     };
-
     _this.onCut = function (e) {
       e.stopPropagation();
     };
-
     _this.getStyle = function () {
       return {
         width: '320px',
         textAlign: 'left'
       };
     };
-
     _this.setInputRef = function (input) {
       _this.input = input;
       return _this.input;
     };
-
     var _this$props = _this.props,
-        _value = _this$props.value,
-        _column = _this$props.column;
+      _value = _this$props.value,
+      _column = _this$props.column;
     var dataFormat = _column.data && _column.data.format;
     _this.dataFormat = dataFormat || NUMBER_TYPES.NUMBER;
     var initValue = getNumberDisplayString(_value, _column.data); // format the number to display
@@ -124,7 +99,6 @@ var NumberEditor = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass(NumberEditor, [{
     key: "render",
     value: function render() {
@@ -151,10 +125,8 @@ var NumberEditor = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-
   return NumberEditor;
 }(React.Component);
-
 NumberEditor.defaultProps = {
   isReadOnly: false,
   value: ''

package/lib/NumberFormatter/index.js

@@ -6,40 +6,31 @@ import React from 'react';
 import classnames from 'classnames';
 import { getNumberDisplayString } from 'dtable-utils';
 import './index.css';
-
 var NumberFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(NumberFormatter, _React$Component);
-
   var _super = _createSuper(NumberFormatter);
-
   function NumberFormatter() {
     _classCallCheck(this, NumberFormatter);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(NumberFormatter, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          number = _this$props.value,
-          data = _this$props.data,
-          containerClassName = _this$props.containerClassName;
+        number = _this$props.value,
+        data = _this$props.data,
+        containerClassName = _this$props.containerClassName;
       var classname = classnames('dtable-ui cell-formatter-container number-formatter', containerClassName);
-
       if (number || number === 0) {
         number = getNumberDisplayString(number, data);
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: classname
       }, number);
     }
   }]);
-
   return NumberFormatter;
 }(React.Component);
-
 NumberFormatter.defaultProps = {
   value: '',
   containerClassName: ''

package/lib/RateFormatter/index.js

@@ -5,39 +5,29 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
 import './index.css';
-
 var RateFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(RateFormatter, _React$Component);
-
   var _super = _createSuper(RateFormatter);
-
   function RateFormatter() {
     var _this;
-
     _classCallCheck(this, RateFormatter);
-
     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.getRateList = function () {
       var _this$props = _this.props,
-          data = _this$props.data,
-          value = _this$props.value;
-
+        data = _this$props.data,
+        value = _this$props.value;
       var _ref = data || {},
-          _ref$rate_max_number = _ref.rate_max_number,
-          rate_max_number = _ref$rate_max_number === void 0 ? 5 : _ref$rate_max_number,
-          _ref$rate_style_color = _ref.rate_style_color,
-          rate_style_color = _ref$rate_style_color === void 0 ? '#e5e5e5' : _ref$rate_style_color,
-          _ref$rate_style_type = _ref.rate_style_type,
-          rate_style_type = _ref$rate_style_type === void 0 ? 'dtable-icon-rate' : _ref$rate_style_type;
-
+        _ref$rate_max_number = _ref.rate_max_number,
+        rate_max_number = _ref$rate_max_number === void 0 ? 5 : _ref$rate_max_number,
+        _ref$rate_style_color = _ref.rate_style_color,
+        rate_style_color = _ref$rate_style_color === void 0 ? '#e5e5e5' : _ref$rate_style_color,
+        _ref$rate_style_type = _ref.rate_style_type,
+        rate_style_type = _ref$rate_style_type === void 0 ? 'dtable-icon-rate' : _ref$rate_style_type;
       var validValue = Math.min(rate_max_number, value);
       var rateList = [];
-
       for (var i = 0; i < validValue; i++) {
         rateList.push( /*#__PURE__*/React.createElement("i", {
           key: "dtable-ui-component-rate-".concat(i),
@@ -47,19 +37,16 @@ var RateFormatter = /*#__PURE__*/function (_React$Component) {
           }
         }));
       }
-
       return rateList;
     };
-
     return _this;
   }
-
   _createClass(RateFormatter, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          number = _this$props2.value,
-          containerClassName = _this$props2.containerClassName;
+        number = _this$props2.value,
+        containerClassName = _this$props2.containerClassName;
       var className = classnames('dtable-ui cell-formatter-container rate-formatter', containerClassName);
       if (!number) return null;
       var rateList = this.getRateList();
@@ -68,10 +55,8 @@ var RateFormatter = /*#__PURE__*/function (_React$Component) {
       }, rateList);
     }
   }]);
-
   return RateFormatter;
 }(React.Component);
-
 RateFormatter.defaultProps = {
   value: '',
   containerClassName: ''

package/lib/RowExpandEmailFormatter/index.js

@@ -6,38 +6,29 @@ import React from 'react';
 import classnames from 'classnames';
 import { getTrimmedString } from '../utils/editor-utils';
 import './index.css';
-
 var RowExpandEmailFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(RowExpandEmailFormatter, _React$Component);
-
   var _super = _createSuper(RowExpandEmailFormatter);
-
   function RowExpandEmailFormatter() {
     var _this;
-
     _classCallCheck(this, RowExpandEmailFormatter);
-
     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.onOpenEmailLink = function () {
       var value = _this.props.value;
       var newValue = value.trim();
       window.location.href = "mailto:".concat(newValue);
     };
-
     return _this;
   }
-
   _createClass(RowExpandEmailFormatter, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          containerClassName = _this$props.containerClassName,
-          value = _this$props.value;
+        containerClassName = _this$props.containerClassName,
+        value = _this$props.value;
       var classname = classnames('dtable-ui cell-formatter-container email-formatter', containerClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: classname
@@ -49,8 +40,6 @@ var RowExpandEmailFormatter = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return RowExpandEmailFormatter;
 }(React.Component);
-
 export default RowExpandEmailFormatter;

package/lib/RowExpandFileFormatter/index.js

@@ -6,33 +6,26 @@ import React from 'react';
 import classname from 'classnames';
 import RowExpandFileItemFormatter from './row-expand-file-item-formatter';
 import './index.css';
-
 var RowExpandFileFormatter = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(RowExpandFileFormatter, _React$PureComponent);
-
   var _super = _createSuper(RowExpandFileFormatter);
-
   function RowExpandFileFormatter() {
     _classCallCheck(this, RowExpandFileFormatter);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(RowExpandFileFormatter, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          value = _this$props.value,
-          containerClassName = _this$props.containerClassName,
-          column = _this$props.column,
-          downloadFile = _this$props.downloadFile,
-          deleteFile = _this$props.deleteFile,
-          readOnly = _this$props.readOnly;
-
+        value = _this$props.value,
+        containerClassName = _this$props.containerClassName,
+        column = _this$props.column,
+        downloadFile = _this$props.downloadFile,
+        deleteFile = _this$props.deleteFile,
+        readOnly = _this$props.readOnly;
       if (!Array.isArray(value) || value.length === 0) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: classname('dtable-ui cell-formatter-container row-expand-file-formatter', containerClassName)
       }, value.map(function (item, index) {
@@ -48,10 +41,8 @@ var RowExpandFileFormatter = /*#__PURE__*/function (_React$PureComponent) {
       }));
     }
   }]);
-
   return RowExpandFileFormatter;
 }(React.PureComponent);
-
 RowExpandFileFormatter.defaultProps = {
   value: [],
   containerClassName: ''