dtable-ui-component 0.3.20 → 0.3.21

package/lib/LinkEditor/link-editor-option.js

@@ -3,30 +3,21 @@ 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 LinkEditorOption = /*#__PURE__*/function (_React$Component) {
   _inherits(LinkEditorOption, _React$Component);
-
   var _super = _createSuper(LinkEditorOption);
-
   function LinkEditorOption() {
     var _this;
-
     _classCallCheck(this, LinkEditorOption);
-
     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.onDeleteOption = function (event) {
       event.nativeEvent.stopImmediatePropagation();
       event.stopPropagation();
-
       _this.props.onDeleteLinkOption(_this.props.option);
     };
-
     _this.getContainerStyle = function () {
       return {
         display: 'inline-flex',
@@ -39,7 +30,6 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
         cursor: 'pointer'
       };
     };
-
     _this.getOptionStyle = function () {
       return {
         flex: 1,
@@ -48,7 +38,6 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
         margin: '0 4px 0 2px'
       };
     };
-
     _this.getOptionNameStyle = function () {
       return {
         maxWidth: '230px',
@@ -57,7 +46,6 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
         textOverflow: 'ellipsis'
       };
     };
-
     _this.getOperationStyle = function () {
       return {
         height: '20px',
@@ -67,16 +55,14 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
         transform: 'scale(.8)'
       };
     };
-
     return _this;
   }
-
   _createClass(LinkEditorOption, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          option = _this$props.option,
-          isShowRemoveIcon = _this$props.isShowRemoveIcon;
+        option = _this$props.option,
+        isShowRemoveIcon = _this$props.isShowRemoveIcon;
       var containerStyle = this.getContainerStyle();
       var optionStyle = this.getOptionStyle();
       var optionNameStyle = this.getOptionNameStyle();
@@ -104,10 +90,8 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-
   return LinkEditorOption;
 }(React.Component);
-
 LinkEditorOption.defaultProps = {
   isShowRemoveIcon: false
 };

package/lib/LinkEditor/mb-link-editor-popover/index.js

@@ -7,25 +7,17 @@ import React from 'react';
 import { getLocale } from '../../lang';
 import MBEditorHeader from '../../MBEditorHeader';
 import './index.css';
-
 var MBLinkEditorPopover = /*#__PURE__*/function (_React$Component) {
   _inherits(MBLinkEditorPopover, _React$Component);
-
   var _super = _createSuper(MBLinkEditorPopover);
-
   function MBLinkEditorPopover(props) {
     var _this;
-
     _classCallCheck(this, MBLinkEditorPopover);
-
     _this = _super.call(this, props);
-
     _this.handleHistaryBack = function (e) {
       e.preventDefault();
-
       _this.props.onClosePopover();
     };
-
     _this.onContainerClick = function (event) {
       if (_this.editorPopover && _this.editorPopover.contains(event.target)) {
         event.stopPropagation();
@@ -33,35 +25,27 @@ var MBLinkEditorPopover = /*#__PURE__*/function (_React$Component) {
         return false;
       }
     };
-
     _this.onChangeSearch = function (event) {
       var searchVal = _this.state.searchVal;
-
       if (searchVal === event.target.value) {
         return;
       }
-
       searchVal = event.target.value;
-
       _this.setState({
         searchVal: searchVal
       });
     };
-
     _this.getSelectedOptions = 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)) {
         return [];
       }
-
       return options.filter(function (option) {
         return value.indexOf(option.email) > -1;
       });
     };
-
     _this.getFilterOptions = function () {
       var options = _this.props.options;
       var searchVal = _this.state.searchVal;
@@ -69,15 +53,12 @@ var MBLinkEditorPopover = /*#__PURE__*/function (_React$Component) {
         return item.name.indexOf(searchVal) > -1;
       }) : options;
     };
-
     _this.onSelectOption = function (option) {
       _this.props.onOptionItemToggle(option);
     };
-
     _this.onRemoveOption = function (option) {
       _this.props.onOptionItemToggle(option);
     };
-
     _this.renderFilteredOptions = function (options) {
       var value = _this.props.value;
       return options.map(function (option, index) {
@@ -98,22 +79,18 @@ var MBLinkEditorPopover = /*#__PURE__*/function (_React$Component) {
         }));
       });
     };
-
     _this.setEditorPopover = function (editorPopover) {
       _this.editorPopover = editorPopover;
     };
-
     _this.state = {
       searchVal: ''
     };
     return _this;
   }
-
   _createClass(MBLinkEditorPopover, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       history.pushState(null, null, '#'); // eslint-disable-line
-
       window.addEventListener('popstate', this.handleHistaryBack, false);
     }
   }, {
@@ -161,10 +138,8 @@ var MBLinkEditorPopover = /*#__PURE__*/function (_React$Component) {
       }, getLocale('No_options_available')), filterOptions.length > 0 && this.renderFilteredOptions(filterOptions)))));
     }
   }]);
-
   return MBLinkEditorPopover;
 }(React.Component);
-
 MBLinkEditorPopover.defaultProps = {
   isReadOnly: false,
   value: []

package/lib/LinkEditor/pc-link-editor-popover/index.js

@@ -6,65 +6,49 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { getLocale } from '../../lang';
 import './index.css';
-
 var PCLinkEditorPopover = /*#__PURE__*/function (_React$Component) {
   _inherits(PCLinkEditorPopover, _React$Component);
-
   var _super = _createSuper(PCLinkEditorPopover);
-
   function PCLinkEditorPopover(props) {
     var _this;
-
     _classCallCheck(this, PCLinkEditorPopover);
-
     _this = _super.call(this, props);
-
     _this.onValueChanged = function (event) {
       var value = event.target.value;
-
       _this.setState({
         searchValue: value
       });
     };
-
     _this.onInputClick = function (event) {
       event.nativeEvent.stopImmediatePropagation();
       event.stopPropagation();
     };
-
     _this.onOptionItemToggle = function (item) {
       _this.props.onOptionItemToggle(item);
     };
-
     _this.getFilterOptions = function () {
       var options = _this.props.options;
-
       var filter = _this.state.searchValue.toLowerCase();
-
       if (!filter) {
         return options;
       }
-
       return options.filter(function (option) {
         return option.name.toString().toLowerCase().indexOf(filter) > -1;
       });
     };
-
     _this.state = {
       searchValue: ''
     };
     return _this;
   }
-
   _createClass(PCLinkEditorPopover, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var options = this.getFilterOptions();
       var _this$props = this.props,
-          popoverPosition = _this$props.popoverPosition,
-          selectedOptions = _this$props.selectedOptions;
+        popoverPosition = _this$props.popoverPosition,
+        selectedOptions = _this$props.selectedOptions;
       var searchValue = this.state.searchValue;
       var popoverStyle = Object.assign({}, _objectSpread({}, popoverPosition), {
         position: 'absolute'
@@ -105,10 +89,8 @@ var PCLinkEditorPopover = /*#__PURE__*/function (_React$Component) {
       }, getLocale('No_options_available'))));
     }
   }]);
-
   return PCLinkEditorPopover;
 }(React.Component);
-
 PCLinkEditorPopover.defaultProps = {
   popoverPosition: {},
   options: []

package/lib/LinkFormatter/index.js

@@ -6,62 +6,48 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
 import { CellType, getNumberDisplayString, getDateDisplayString } from 'dtable-utils';
-
 // link value is  get form parant's interface
 var LinkFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(LinkFormatter, _React$Component);
-
   var _super = _createSuper(LinkFormatter);
-
   function LinkFormatter(props) {
     var _this;
-
     _classCallCheck(this, LinkFormatter);
-
     _this = _super.call(this, props);
-
     _this.getLinkedCellValue = function (row) {
       if (!row) return [];
       var _this$props = _this.props,
-          column = _this$props.column,
-          currentTableId = _this$props.currentTableId,
-          linkMetaData = _this$props.linkMetaData;
-
+        column = _this$props.column,
+        currentTableId = _this$props.currentTableId,
+        linkMetaData = _this$props.linkMetaData;
       var _ref = column.data || {},
-          link_id = _ref.link_id,
-          table_id = _ref.table_id,
-          other_table_id = _ref.other_table_id;
-
+        link_id = _ref.link_id,
+        table_id = _ref.table_id,
+        other_table_id = _ref.other_table_id;
       _this.linkID = link_id;
       _this.tableID = currentTableId === table_id ? table_id : other_table_id;
       _this.otherTableID = _this.tableID === table_id ? other_table_id : table_id;
       return linkMetaData.getLinkedCellValue(_this.linkID, _this.tableID, _this.otherTableID, row._id);
     };
-
     _this.expandLinkedTableRow = function (row) {
       var _this$props2 = _this.props,
-          enableOpenLinkedRow = _this$props2.enableOpenLinkedRow,
-          linkMetaData = _this$props2.linkMetaData;
-
+        enableOpenLinkedRow = _this$props2.enableOpenLinkedRow,
+        linkMetaData = _this$props2.linkMetaData;
       if (enableOpenLinkedRow) {
         linkMetaData.expandLinkedTableRow(row, _this.otherTableID);
       }
     };
-
     _this.getDisplayValues = function () {
       var _this$props3 = _this.props,
-          column = _this$props3.column,
-          linkMetaData = _this$props3.linkMetaData;
+        column = _this$props3.column,
+        linkMetaData = _this$props3.linkMetaData;
       var rowIds = _this.state.value;
-
       if (rowIds && Array.isArray(rowIds) && rowIds.length > 0) {
         var linkedTable = linkMetaData.getLinkedTable(_this.otherTableID);
         var linkedRows = linkMetaData.getLinkedRows(_this.otherTableID, rowIds);
         var result = linkedRows.map(function (row, index) {
           var displayColumnKey = column.data.display_column_key;
-
           var displayValue = _this.getDisplayValue(linkedTable, row, displayColumnKey);
-
           return /*#__PURE__*/React.createElement("div", {
             key: index,
             className: "link-item",
@@ -73,35 +59,30 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
         });
         return result;
       }
-
       return null;
     };
-
     _this.getDisplayValue = function (linkedTable, row, displayColumnKey) {
       var value = row[displayColumnKey];
       var linkedColumn = linkedTable.columns.find(function (column) {
         return column.key === displayColumnKey;
       });
       var type = linkedColumn.type,
-          data = linkedColumn.data; // todo: improve
-
+        data = linkedColumn.data;
+      // todo: improve
       switch (type) {
         case CellType.NUMBER:
           {
             return getNumberDisplayString(value, data);
           }
-
         case CellType.DATE:
           {
             var format = data.format;
             return getDateDisplayString(value, format);
           }
-
         default:
           return value;
       }
     };
-
     _this.linkID = '';
     _this.tableID = '';
     _this.otherTableID = '';
@@ -110,12 +91,10 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass(LinkFormatter, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var nextRow = nextProps.row;
-
       if (nextRow._id !== this.props.row._id) {
         this.setState({
           value: this.getLinkedCellValue(nextRow)
@@ -133,10 +112,8 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
       }, displayValues);
     }
   }]);
-
   return LinkFormatter;
 }(React.Component);
-
 LinkFormatter.defaultProps = {
   enableOpenLinkedRow: false,
   currentTableId: '',

package/lib/LongTextFormatter/index.js

@@ -1,25 +1,21 @@
 import React from 'react';
 import HtmlLongTextFormatter from '../HtmlLongTextFormatter';
 import SimpleLongTextFormatter from '../SimpleLongTextFormatter';
-
 function LongTextFormatter(props) {
   var isSample = props.isSample,
-      value = props.value,
-      containerClassName = props.containerClassName;
-
+    value = props.value,
+    containerClassName = props.containerClassName;
   if (isSample) {
     return /*#__PURE__*/React.createElement(SimpleLongTextFormatter, {
       value: value,
       containerClassName: containerClassName
     });
   }
-
   return /*#__PURE__*/React.createElement(HtmlLongTextFormatter, {
     value: value,
     containerClassName: containerClassName
   });
 }
-
 LongTextFormatter.defaultProps = {
   isSample: true
 };

package/lib/MBEditorHeader/index.js

@@ -3,28 +3,23 @@ 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 MBEditorHeader = /*#__PURE__*/function (_React$Component) {
   _inherits(MBEditorHeader, _React$Component);
-
   var _super = _createSuper(MBEditorHeader);
-
   function MBEditorHeader() {
     _classCallCheck(this, MBEditorHeader);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(MBEditorHeader, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          title = _this$props.title,
-          titleClass = _this$props.titleClass,
-          leftContent = _this$props.leftContent,
-          rightContent = _this$props.rightContent,
-          onLeftClick = _this$props.onLeftClick,
-          onRightClick = _this$props.onRightClick;
+        title = _this$props.title,
+        titleClass = _this$props.titleClass,
+        leftContent = _this$props.leftContent,
+        rightContent = _this$props.rightContent,
+        onLeftClick = _this$props.onLeftClick,
+        onRightClick = _this$props.onRightClick;
       return /*#__PURE__*/React.createElement("div", {
         className: "dtable-ui-mb-editor-header ".concat(titleClass ? titleClass : '')
       }, /*#__PURE__*/React.createElement("span", {
@@ -41,8 +36,6 @@ var MBEditorHeader = /*#__PURE__*/function (_React$Component) {
       }, rightContent));
     }
   }]);
-
   return MBEditorHeader;
 }(React.Component);
-
 export default MBEditorHeader;

package/lib/MTimeFormatter/index.js

@@ -6,51 +6,38 @@ import React from 'react';
 import classnames from 'classnames';
 import dayjs from 'dayjs';
 import './index.css';
-
 var MTimeFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(MTimeFormatter, _React$Component);
-
   var _super = _createSuper(MTimeFormatter);
-
   function MTimeFormatter() {
     var _this;
-
     _classCallCheck(this, MTimeFormatter);
-
     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) {
       return dayjs(date).format('YYYY-MM-DD HH:mm:ss');
     };
-
     return _this;
   }
-
   _createClass(MTimeFormatter, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          date = _this$props.value,
-          containerClassName = _this$props.containerClassName;
+        date = _this$props.value,
+        containerClassName = _this$props.containerClassName;
       var classname = classnames('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
-
       if (date !== '') {
         date = this.formatDate(date);
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: classname
       }, date);
     }
   }]);
-
   return MTimeFormatter;
 }(React.Component);
-
 MTimeFormatter.defaultProps = {
   value: '',
   containerClassName: ''

package/lib/ModalPortal/index.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 default ModalPortal;