dtable-ui-component 0.3.20 → 0.3.21

package/lib/SingleSelectEditor/index.js

@@ -8,48 +8,34 @@ import { getLocale } from '../lang';
 import EditEditorButton from '../EditEditorButton';
 import { SelectEditorOption, PCSelectEditorPopover, MBSelectEditorPopover } from '../select-editor';
 import './index.css';
-
 var SingleSelectEditor = /*#__PURE__*/function (_React$Component) {
   _inherits(SingleSelectEditor, _React$Component);
-
   var _super = _createSuper(SingleSelectEditor);
-
   function SingleSelectEditor(props) {
     var _this;
-
     _classCallCheck(this, SingleSelectEditor);
-
     _this = _super.call(this, props);
-
     _this.onDocumentToggle = function (e) {
       if (_this.editorContainer !== e.target && !_this.editorContainer.contains(e.target)) {
         _this.onClosePopover();
       }
     };
-
     _this.formatOption = function () {
       var newValue = _this.state.newValue;
-
       var option = _this.options.find(function (option) {
         return option.name === newValue;
       });
-
       return option;
     };
-
     _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
@@ -60,41 +46,32 @@ var SingleSelectEditor = /*#__PURE__*/function (_React$Component) {
         });
       }
     };
-
     _this.onCommit = function (newValue) {
       var updated = {};
       var column = _this.props.column;
       updated[column.name] = newValue;
-
       _this.props.onCommit(updated);
     };
-
     _this.onOptionItemToggle = function (option) {
       var newValue = _this.state.newValue === option.name ? '' : option.name;
-
       _this.setState({
         newValue: newValue
       }, function () {
         _this.onCommit(newValue);
-
         _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 = {
@@ -102,30 +79,23 @@ var SingleSelectEditor = /*#__PURE__*/function (_React$Component) {
           left: 0
         };
       }
-
       return position;
     };
-
     _this.onAddNewOption = function (optionName) {
       _this.props.onAddNewOption(optionName);
-
       _this.onClosePopover();
     };
-
     _this.onClosePopover = function () {
       _this.setState({
         isPopoverShow: false
       });
     };
-
     _this.setEditorContainerRef = function (editorContainer) {
       _this.editorContainer = editorContainer;
     };
-
     _this.setEditorRef = function (editor) {
       _this.editor = editor;
     };
-
     _this.state = {
       newValue: props.value,
       isPopoverShow: false,
@@ -135,7 +105,6 @@ var SingleSelectEditor = /*#__PURE__*/function (_React$Component) {
     _this.options = _column.data && (_column.data.options || []);
     return _this;
   }
-
   _createClass(SingleSelectEditor, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -150,8 +119,8 @@ var SingleSelectEditor = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$state = this.state,
-          isPopoverShow = _this$state.isPopoverShow,
-          popoverPosition = _this$state.popoverPosition;
+        isPopoverShow = _this$state.isPopoverShow,
+        popoverPosition = _this$state.popoverPosition;
       var option = this.formatOption();
       var options = this.options;
       var selectedOptions = option ? [option] : [];
@@ -192,10 +161,8 @@ var SingleSelectEditor = /*#__PURE__*/function (_React$Component) {
       }))));
     }
   }]);
-
   return SingleSelectEditor;
 }(React.Component);
-
 SingleSelectEditor.defaultProps = {
   isReadOnly: false,
   value: ''

package/lib/SingleSelectFormatter/index.js

@@ -6,32 +6,24 @@ import React from 'react';
 import classnames from 'classnames';
 import SelectItem from '../SelectItem';
 import './index.css';
-
 var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(SingleSelectFormatter, _React$PureComponent);
-
   var _super = _createSuper(SingleSelectFormatter);
-
   function SingleSelectFormatter() {
     var _this;
-
     _classCallCheck(this, SingleSelectFormatter);
-
     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.getOption = function () {
       var _this$props = _this.props,
-          value = _this$props.value,
-          options = _this$props.options,
-          fontSize = _this$props.fontSize;
+        value = _this$props.value,
+        options = _this$props.options,
+        fontSize = _this$props.fontSize;
       var option = options.find(function (item) {
         return item.id === value || item.name === value;
       });
-
       if (option) {
         return /*#__PURE__*/React.createElement(SelectItem, {
           option: option,
@@ -39,26 +31,22 @@ var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
         });
       }
     };
-
     return _this;
   }
-
   _createClass(SingleSelectFormatter, [{
     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 single-select-formatter', containerClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: classname
       }, value ? this.getOption() : '');
     }
   }]);
-
   return SingleSelectFormatter;
 }(React.PureComponent);
-
 SingleSelectFormatter.defaultProps = {
   options: []
 };

package/lib/TextEditor/index.js

@@ -5,46 +5,34 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import isHotkey from 'is-hotkey';
 import { Input } from 'reactstrap';
-
 var TextEditor = /*#__PURE__*/function (_React$Component) {
   _inherits(TextEditor, _React$Component);
-
   var _super = _createSuper(TextEditor);
-
   function TextEditor(props) {
     var _this;
-
     _classCallCheck(this, TextEditor);
-
     _this = _super.call(this, props);
-
     _this.onCommit = function () {
       var updated = {};
       var column = _this.props.column;
       var newValue = _this.state.newValue;
       updated[column.name] = newValue ? newValue.trim() : '';
-
       _this.props.onCommit(updated);
     };
-
     _this.onBlur = function () {
       _this.onCommit();
     };
-
     _this.onChange = function (event) {
       var value = event.target.value;
-
       _this.setState({
         newValue: value
       });
     };
-
     _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();
         event.target.blur();
@@ -52,25 +40,20 @@ var TextEditor = /*#__PURE__*/function (_React$Component) {
         event.stopPropagation();
       }
     };
-
     _this.onPaste = function (e) {
       e.stopPropagation();
     };
-
     _this.onCut = function (e) {
       e.stopPropagation();
     };
-
     _this.setInputRef = function (input) {
       _this.input = input;
     };
-
     _this.state = {
       newValue: props.value
     };
     return _this;
   }
-
   _createClass(TextEditor, [{
     key: "render",
     value: function render() {
@@ -88,10 +71,8 @@ var TextEditor = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return TextEditor;
 }(React.Component);
-
 TextEditor.defaultProps = {
   isReadOnly: false,
   value: ''

package/lib/TextFormatter/index.js

@@ -5,44 +5,33 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
 import './index.css';
-
 var TextFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(TextFormatter, _React$Component);
-
   var _super = _createSuper(TextFormatter);
-
   function TextFormatter() {
     var _this;
-
     _classCallCheck(this, TextFormatter);
-
     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.getFormattedValue = function (val) {
       if (typeof val === 'object') {
         return null;
       }
-
       if (Object.prototype.toString.call(val) === '[object Boolean]') {
         return val + '';
       }
-
       return val;
     };
-
     return _this;
   }
-
   _createClass(TextFormatter, [{
     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 text-formatter', containerClassName);
       var formattedValue = this.getFormattedValue(value);
       return /*#__PURE__*/React.createElement("div", {
@@ -51,8 +40,6 @@ var TextFormatter = /*#__PURE__*/function (_React$Component) {
       }, formattedValue);
     }
   }]);
-
   return TextFormatter;
 }(React.Component);
-
 export default TextFormatter;

package/lib/UrlFormatter/index.js

@@ -5,32 +5,25 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
 import './index.css';
-
 var UrlFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(UrlFormatter, _React$Component);
-
   var _super = _createSuper(UrlFormatter);
-
   function UrlFormatter() {
     _classCallCheck(this, UrlFormatter);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(UrlFormatter, [{
     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 url-formatter', containerClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: classname
       }, value);
     }
   }]);
-
   return UrlFormatter;
 }(React.Component);
-
 export default UrlFormatter;

package/lib/cellFormatterFactory/index.js

@@ -1,25 +1,20 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import FormatterConfig from '../formatterConfig';
-
 var CellFormatterFactory = /*#__PURE__*/function () {
   function CellFormatterFactory() {
     _classCallCheck(this, CellFormatterFactory);
   }
-
   _createClass(CellFormatterFactory, [{
     key: "createFormatter",
     value: function createFormatter(formatterType) {
       if (FormatterConfig[formatterType]) {
         return FormatterConfig[formatterType];
       }
-
       return null;
     }
   }]);
-
   return CellFormatterFactory;
 }();
-
 var cellFormatterFactory = new CellFormatterFactory();
 export default cellFormatterFactory;

package/lib/common/delete-tip.js

@@ -6,32 +6,23 @@ import React from 'react';
 import ModalPortal from './modal-portal';
 import { getLocale } from '../lang';
 import './delete-tip.css';
-
 var DeleteTip = /*#__PURE__*/function (_React$Component) {
   _inherits(DeleteTip, _React$Component);
-
   var _super = _createSuper(DeleteTip);
-
   function DeleteTip() {
     var _this;
-
     _classCallCheck(this, DeleteTip);
-
     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.tipContainer && !_this.tipContainer.contains(e.target)) {
         _this.props.toggle();
       }
     };
-
     return _this;
   }
-
   _createClass(DeleteTip, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -46,12 +37,11 @@ var DeleteTip = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          toggle = _this$props.toggle,
-          onDelete = _this$props.onDelete,
-          position = _this$props.position,
-          deleteTip = _this$props.deleteTip;
+        toggle = _this$props.toggle,
+        onDelete = _this$props.onDelete,
+        position = _this$props.position,
+        deleteTip = _this$props.deleteTip;
       return /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement("div", {
         ref: function ref(node) {
           return _this2.tipContainer = node;
@@ -77,8 +67,6 @@ var DeleteTip = /*#__PURE__*/function (_React$Component) {
       }, getLocale('Delete')))));
     }
   }]);
-
   return DeleteTip;
 }(React.Component);
-
 export { DeleteTip as default };

package/lib/common/modal-portal.js

@@ -5,22 +5,16 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import ReactDOM from 'react-dom';
 var modalRoot = document.getElementById('modal-wrapper');
-
 var ModalPortal = /*#__PURE__*/function (_React$Component) {
   _inherits(ModalPortal, _React$Component);
-
   var _super = _createSuper(ModalPortal);
-
   function ModalPortal(props) {
     var _this;
-
     _classCallCheck(this, ModalPortal);
-
     _this = _super.call(this, props);
     _this.el = document.createElement('div');
     return _this;
   }
-
   _createClass(ModalPortal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -37,8 +31,6 @@ var ModalPortal = /*#__PURE__*/function (_React$Component) {
       return ReactDOM.createPortal(this.props.children, this.el);
     }
   }]);
-
   return ModalPortal;
 }(React.Component);
-
 export { ModalPortal as default };

package/lib/formatterConfig/base-formatter-config.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _CellType$DEFAULT$Cel;
-
 import React from 'react';
 import { CellType } from '../constants';
 import CheckboxFormatter from '../CheckboxFormatter';

package/lib/formatterConfig/index.js

@@ -1,14 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-
 var _objectSpread2;
-
 import React from 'react';
 import { CellType } from '../constants';
 import BaseFormatterConfig from './base-formatter-config';
 import LinkFormatter from '../LinkFormatter';
 import FormulaFormatter from '../FormulaFormatter';
-
 var FormatterConfig = _objectSpread(_objectSpread({}, BaseFormatterConfig), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, CellType.FORMULA, /*#__PURE__*/React.createElement(FormulaFormatter, null)), _defineProperty(_objectSpread2, CellType.LINK, /*#__PURE__*/React.createElement(LinkFormatter, null)), _objectSpread2));
-
 export default FormatterConfig;

package/lib/index.js

@@ -1,9 +1,11 @@
 // toaster
-export { default as toaster } from './toaster'; // Loading
+export { default as toaster } from './toaster';
 
+// Loading
 export { default as Loading } from './Loading';
-export { setLocale } from './lang'; // formatter
+export { setLocale } from './lang';
 
+// formatter
 export { default as CheckboxFormatter } from './CheckboxFormatter';
 export { default as ImageFormatter } from './ImageFormatter';
 export { default as LongTextFormatter } from './LongTextFormatter';
@@ -32,8 +34,9 @@ export { default as ImagePreviewerLightbox } from './ImagePreviewerLightbox';
 export { default as CollaboratorItem } from './CollaboratorItem';
 export { default as FileItemFormatter } from './FileItemFormatter';
 export { default as DigitalSignFormatter } from './DigitalSignFormatter';
-export { default as SimpleLongTextFormatter } from './SimpleLongTextFormatter'; // row expand formatter
+export { default as SimpleLongTextFormatter } from './SimpleLongTextFormatter';
 
+// row expand formatter
 export { default as RowExpandFileFormatter } from './RowExpandFileFormatter';
 export { default as RowExpandImageFormatter } from './RowExpandImageFormatter';
 export { default as RowExpandLinkFormatter } from './RowExpandLinkFormatter';
@@ -41,8 +44,9 @@ export { default as RowExpandRateFormatter } from './RowExpandRateFormatter';
 export { default as RowExpandEmailFormatter } from './RowExpandEmailFormatter';
 export { default as RowExpandUrlFormatter } from './RowExpandUrlFormatter';
 export { default as RowExpandFormulaFormatter } from './RowExpandFormulaFormatter';
-export { default as RowExpandFormatter } from './RowExpandFormatter'; // editor
+export { default as RowExpandFormatter } from './RowExpandFormatter';
 
+// editor
 export { default as TextEditor } from './TextEditor';
 export { default as NumberEditor } from './NumberEditor';
 export { default as CheckboxEditor } from './CheckboxEditor';
@@ -50,8 +54,9 @@ export { default as SingleSelectEditor } from './SingleSelectEditor';
 export { default as MultipleSelectEditor } from './MultipleSelectEditor';
 export { default as CollaboratorEditor } from './CollaboratorEditor';
 export { default as DateEditor } from './DateEditor';
-export { default as LinkEditor } from './LinkEditor'; // dtable custom
+export { default as LinkEditor } from './LinkEditor';
 
+// dtable custom
 export { default as DTablePopover } from './DTablePopover';
 export { default as NotificationPopover } from './NotificationPopover';
 export { default as DTableSelect } from './DTableSelect';
@@ -59,6 +64,7 @@ export { default as DTableSwitch } from './DTableSwitch';
 export { default as DTableCustomizeSelect } from './DTableCustomizeSelect';
 export { default as DTableCustomizeCollaboratorSelect } from './DTableCustomizeCollaboratorSelect';
 export { default as DTableSearchInput } from './DTableSearchInput';
-export { default as ModalPortal } from './ModalPortal'; // setting
+export { default as ModalPortal } from './ModalPortal';
 
+// setting
 export { default as FieldDisplaySetting } from './FieldDisplaySetting';

package/lib/lang/index.js

@@ -16,11 +16,9 @@ export function setLocale(args) {
 }
 export function getLocale(key, def) {
   if (!key) return def;
-
   if (!LANGUAGE_MAP[key]) {
     return def || key;
   }
-
   return LANGUAGE_MAP[key];
 }
 export function substitute(str, obj) {
@@ -28,23 +26,18 @@ export function substitute(str, obj) {
     if (str.indexOf('{') < 0) {
       return str;
     }
-
     return str.replace(/\\?\{([^{}]+)\}/g, function (match, name) {
       if (match.charAt(0) === '\\') {
         return match.slice(1);
       }
-
       return obj[name] === null || obj[name] === undefined ? '' : obj[name];
     });
   } else if (typeof str === 'function') {
     var val = str(obj);
-
     if (val === obj && typeof val === 'object') {
       val = Object.assign({}, obj);
     }
-
     return val;
   }
-
   return '';
 }