dtable-ui-component 6.0.29-beta9 → 6.0.29

package/lib/RowExpandEditor/geolocation-editor/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _pcEditor = _interopRequireDefault(require("./pc-editor"));
-var _mbEditor = _interopRequireDefault(require("./mb-editor"));
-const RowExpandGeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
-});
-var _default = exports.default = RowExpandGeolocationEditor;

package/lib/RowExpandEditor/geolocation-editor/mb-editor/index.js

@@ -1,100 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _addBtn = _interopRequireDefault(require("../../add-btn"));
-var _lang = require("../../../lang");
-var _GeolocationEditor = _interopRequireDefault(require("../../../GeolocationEditor"));
-class RowExpandMBGeolocationEditor extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.openEditor = () => {
-      this.setState({
-        isShowEditor: true
-      });
-    };
-    this.closeEditor = () => {
-      this.setState({
-        isShowEditor: false
-      });
-    };
-    this.onCommit = value => {
-      this.setState({
-        value
-      });
-      this.props.onCommit(value);
-    };
-    this.getLocationInfo = value => {
-      const {
-        column,
-        config
-      } = this.props;
-      const {
-        dtableBaiduMapKey,
-        dtableMineMapKey
-      } = config;
-      const isBaiduMap = !!(dtableBaiduMapKey || dtableMineMapKey);
-      return (0, _dtableUtils.getGeolocationDisplayString)(value, column.data, {
-        isBaiduMap,
-        hyphen: ' '
-      });
-    };
-    this.renderGeoLocation = () => {
-      const {
-        value
-      } = this.state;
-      const text = (0, _dtableUtils.isEmptyObject)(value) ? (0, _lang.getLocale)('Edit_Location') : this.getLocationInfo(value);
-      return /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-        onClick: this.openEditor,
-        text: text,
-        className: "py-4"
-      });
-    };
-    const {
-      row,
-      column: _column,
-      valueKey
-    } = props;
-    this.state = {
-      isShowEditor: false,
-      value: row[_column[valueKey]] || {}
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
-    if (row._id !== this.props.row._id) {
-      this.setState({
-        value: row[column[valueKey]] || {},
-        isShowEditor: false
-      });
-    }
-  }
-  render() {
-    const {
-      column,
-      row,
-      config
-    } = this.props;
-    const {
-      value
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderGeoLocation(), this.state.isShowEditor && /*#__PURE__*/_react.default.createElement(_GeolocationEditor.default, {
-      column: column,
-      row: row,
-      value: value,
-      config: config,
-      onCommit: this.onCommit,
-      onToggle: this.closeEditor
-    }));
-  }
-}
-var _default = exports.default = RowExpandMBGeolocationEditor;

package/lib/RowExpandEditor/image-editor/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _pcEditor = _interopRequireDefault(require("./pc-editor"));
-var _mbEditor = _interopRequireDefault(require("./mb-editor"));
-const RowExpandImageEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
-});
-var _default = exports.default = RowExpandImageEditor;

package/lib/RowExpandEditor/image-editor/mb-editor/index.css

@@ -1,30 +0,0 @@
-.dtable-ui-mobile-row-expand-image {
-  margin: 0;
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  min-height: 50px;
-}
-
-.dtable-ui-mobile-row-expand-image .dtable-ui-mobile-row-expand-add-btn {
-  height: 100%;
-  line-height: 50px;
-}
-
-.dtable-ui-mobile-row-expand-image .dtable-ui-mobile-row-expand-img-item {
-  height: auto;
-  max-height: 150px;
-  width: calc(50% - 10px);
-  margin-left: 0px;
-  margin-right: 0px;
-}
-
-.dtable-ui-mobile-row-expand-image .dtable-ui-mobile-row-expand-img-item img {
-  max-width: 100%;
-  max-height: 100%;
-}
-
-.dtable-ui-mobile-row-expand-image .dtable-ui-mobile-row-expand-img-item:nth-child(even) {
-  margin-left: 20px;
-}

package/lib/RowExpandEditor/image-editor/mb-editor/index.js

@@ -1,109 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _addBtn = _interopRequireDefault(require("../../add-btn"));
-var _lang = require("../../../lang");
-var _ImageThumbnail = _interopRequireDefault(require("../../../ImageThumbnail"));
-var _ImageEditor = _interopRequireDefault(require("../../../ImageEditor"));
-require("./index.css");
-class RowExpandMBImageEditor extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.toggleEditor = () => {
-      this.setState({
-        isShowEditor: !this.state.isShowEditor
-      });
-    };
-    this.closeEditor = () => {
-      this.setState({
-        isShowEditor: false
-      });
-    };
-    this.onCommit = value => {
-      this.setState({
-        value: value
-      });
-      this.props.onCommit(value);
-    };
-    this.deleteImage = index => {
-      let value = this.state.value;
-      let updatedValue = value.slice(0);
-      updatedValue.splice(index, 1);
-      this.setState({
-        value: updatedValue
-      });
-      this.props.onCommit(updatedValue);
-    };
-    this.renderImages = () => {
-      const {
-        value
-      } = this.state;
-      const {
-        config
-      } = this.props;
-      return value.map((src, index) => {
-        return /*#__PURE__*/_react.default.createElement(_ImageThumbnail.default, {
-          key: "image-".concat(index),
-          index: index,
-          src: src,
-          className: "dtable-ui-mobile-row-expand-img-item",
-          config: config,
-          onClick: this.toggleEditor,
-          deleteImage: this.deleteImage
-        });
-      });
-    };
-    const {
-      column,
-      row,
-      valueKey
-    } = props;
-    this.state = {
-      isShowEditor: false,
-      value: row[column[valueKey]] || []
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
-    if (row._id !== this.props.row._id) {
-      this.setState({
-        value: row[column[valueKey]] || [],
-        isShowEditor: false
-      });
-    }
-  }
-  render() {
-    const {
-      column,
-      config,
-      uploadFile
-    } = this.props;
-    const {
-      isShowEditor,
-      value
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-image position-relative"
-    }, value.length === 0 ? /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-      onClick: this.toggleEditor,
-      text: (0, _lang.getLocale)('Add_images')
-    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderImages())), isShowEditor && /*#__PURE__*/_react.default.createElement(_ImageEditor.default, {
-      value: value,
-      column: column,
-      config: config,
-      onToggle: this.closeEditor,
-      onCommit: this.onCommit,
-      uploadFile: uploadFile
-    }));
-  }
-}
-var _default = exports.default = RowExpandMBImageEditor;

package/lib/RowExpandEditor/long-text-editor/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _pcEditor = _interopRequireDefault(require("./pc-editor"));
-var _mbEditor = _interopRequireDefault(require("./mb-editor"));
-const RowExpandLongTextEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
-});
-var _default = exports.default = RowExpandLongTextEditor;

package/lib/RowExpandEditor/long-text-editor/mb-editor/editor/index.css

@@ -1,10 +0,0 @@
-.dtable-ui-mobile-long-text-editor .dtable-ui-mobile-long-text-editor-container {
-  margin-top: 20px;
-  border-top: 1px solid #e9e9e9;
-}
-
-.dtable-ui-mobile-long-text-editor .dtable-ui-mobile-long-text-editor-container .am-textarea-item {
-  padding: 0 1rem;
-  border-bottom: 1px solid #e9e9e9;
-  height: unset;
-}

package/lib/RowExpandEditor/long-text-editor/mb-editor/editor/index.js

@@ -1,80 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _textareaItem = _interopRequireDefault(require("antd-mobile/lib/textarea-item"));
-var _react = _interopRequireWildcard(require("react"));
-var _seafileEditor = require("@seafile/seafile-editor");
-var _MobileFullScreenPage = _interopRequireDefault(require("../../../../MobileFullScreenPage"));
-var _lang = require("../../../../lang");
-require("./index.css");
-const Editor = _ref => {
-  let {
-    value: oldValue,
-    title,
-    onToggle,
-    onChange
-  } = _ref;
-  const [value, setValue] = (0, _react.useState)(oldValue || '');
-  const hasUnSaved = (0, _react.useRef)(false);
-  const timer = (0, _react.useRef)(null);
-  const rowCounts = (0, _react.useMemo)(() => document.body.offsetWidth < 768 ? 10 : 20, []);
-  const handleTextChange = (0, _react.useCallback)(newValue => {
-    if (value === newValue) return;
-    setValue(newValue);
-    hasUnSaved.current = true;
-  }, [value]);
-  const onSave = (0, _react.useCallback)(() => {
-    if (!hasUnSaved.current) return;
-    const {
-      previewText,
-      images,
-      links,
-      checklist
-    } = (0, _seafileEditor.getPreviewContent)(value);
-    const newValue = Object.assign({}, {
-      text: value,
-      preview: previewText,
-      images: images,
-      links: links,
-      checklist
-    });
-    onChange && onChange(newValue);
-    hasUnSaved.current = false;
-  }, [value, onChange]);
-  const handleSave = (0, _react.useCallback)(() => {
-    onSave();
-    onToggle();
-  }, [onSave, onToggle]);
-  (0, _react.useEffect)(() => {
-    timer.current = setInterval(() => {
-      onSave();
-    }, 60000);
-    return () => {
-      onSave();
-      clearInterval(timer.current);
-      timer.current = null;
-    };
-  }, [onSave]);
-  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
-    className: "dtable-ui-mobile-long-text-editor",
-    onLeftClick: onToggle,
-    onClose: onToggle,
-    onRightClick: handleSave
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title), /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      color: '#f09f3f'
-    }
-  }, (0, _lang.getLocale)('Submit')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-long-text-editor-container"
-  }, /*#__PURE__*/_react.default.createElement(_textareaItem.default, {
-    rows: rowCounts,
-    value: value,
-    onChange: handleTextChange
-  }))));
-};
-var _default = exports.default = Editor;

package/lib/RowExpandEditor/long-text-editor/mb-editor/index.css

@@ -1,3 +0,0 @@
-.dtable-ui-mobile-long-text-formatter {
-  min-height: 38px;
-}

package/lib/RowExpandEditor/long-text-editor/mb-editor/index.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _seafileEditor = require("@seafile/seafile-editor");
-var _lang = require("../../../lang");
-var _addBtn = _interopRequireDefault(require("../../add-btn"));
-var _editor = _interopRequireDefault(require("./editor"));
-require("./index.css");
-class RowExpandMBLongTextEditor extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.convertMarkdown = value => {
-      const newValue = value && typeof value === 'object' ? value.text : value;
-      _seafileEditor.processor.process(newValue).then(result => {
-        const innerHtml = String(result).replace(/<a /ig, '<a target="_blank" ');
-        this.setState({
-          innerHtml
-        });
-      });
-    };
-    this.onCommit = value => {
-      this.convertMarkdown(value.text);
-      this.props.onCommit(value);
-    };
-    this.openEditor = () => {
-      this.setState({
-        isShowEditor: true
-      });
-    };
-    this.closeEditor = () => {
-      this.setState({
-        isShowEditor: false
-      });
-    };
-    this.state = {
-      innerHtml: null,
-      isShowEditor: false
-    };
-  }
-  componentDidMount() {
-    this.convertMarkdown(this.props.value);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    var _this$editorRef, _this$editorRef$curre;
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
-    const {
-      column: currentColumn,
-      row: currentRow
-    } = this.props;
-    const value = row[column[valueKey]];
-    const currentValue = currentRow[currentColumn[valueKey]];
-    if (value !== currentValue && !((_this$editorRef = this.editorRef) !== null && _this$editorRef !== void 0 && (_this$editorRef$curre = _this$editorRef.current) !== null && _this$editorRef$curre !== void 0 && _this$editorRef$curre.enableEdit)) {
-      this.convertMarkdown(value);
-    }
-  }
-  render() {
-    const {
-      column
-    } = this.props;
-    const {
-      innerHtml,
-      isShowEditor
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, innerHtml ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-long-text-formatter article py-2",
-      onClick: this.openEditor.bind(this),
-      dangerouslySetInnerHTML: {
-        __html: this.state.innerHtml
-      }
-    }) : /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-      className: "py-4",
-      onClick: this.openEditor,
-      text: (0, _lang.getLocale)('Edit_long_text')
-    }), isShowEditor && /*#__PURE__*/_react.default.createElement(_editor.default, {
-      onChange: this.onCommit,
-      value: innerHtml,
-      onToggle: this.closeEditor,
-      title: column.name
-    }));
-  }
-}
-var _default = exports.default = RowExpandMBLongTextEditor;

package/lib/RowExpandEditor/multiple-select-editor/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _pcEditor = _interopRequireDefault(require("./pc-editor"));
-var _mbEditor = _interopRequireDefault(require("./mb-editor"));
-const RowExpandMultipleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
-});
-var _default = exports.default = RowExpandMultipleSelectEditor;

package/lib/RowExpandEditor/multiple-select-editor/mb-editor/index.js

@@ -1,154 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _MultipleSelectEditor = _interopRequireDefault(require("../../../MultipleSelectEditor"));
-var _SelectItem = _interopRequireDefault(require("../../../SelectItem"));
-var _lang = require("../../../lang");
-var _rightAngle = _interopRequireDefault(require("../../right-angle"));
-var _objectUtils = _interopRequireDefault(require("../../../utils/object-utils"));
-var _constants = require("../../../constants");
-var _addBtn = _interopRequireDefault(require("../../add-btn"));
-class RowExpandMBMultipleSelectEditor extends _react.default.Component {
-  constructor(_props) {
-    super(_props);
-    this.getOptions = props => {
-      const {
-        column
-      } = props;
-      return (0, _dtableUtils.getColumnOptions)(column);
-    };
-    this.toggleEditor = value => {
-      this.setState({
-        showEditor: value
-      });
-    };
-    this.openEditor = event => {
-      event.stopPropagation();
-      this.toggleEditor(true);
-    };
-    this.closeEditor = () => {
-      this.toggleEditor(false);
-    };
-    this.onChange = option => {
-      const optionKey = option[this.key];
-      let newValue = this.state.value.slice(0);
-      const optionKeyIndex = newValue.findIndex(o => o === optionKey);
-      if (optionKeyIndex === -1) {
-        newValue.push(optionKey);
-      } else {
-        newValue.splice(optionKeyIndex, 1);
-      }
-      this.setState({
-        value: newValue
-      });
-      this.props.onCommit(newValue);
-    };
-    this.removeOption = (option, event) => {
-      event.stopPropagation();
-      event && event.nativeEvent.stopImmediatePropagation();
-      const optionKey = option[this.key];
-      let newValue = this.state.value.slice(0);
-      const optionKeyIndex = newValue.findIndex(o => o === optionKey);
-      if (optionKeyIndex !== -1) {
-        newValue.splice(optionKeyIndex, 1);
-      }
-      this.setState({
-        value: newValue
-      });
-      this.props.onCommit(newValue);
-    };
-    this.renderOptions = () => {
-      const {
-        value
-      } = this.state;
-      let displayOptions = [];
-      if (Array.isArray(value)) {
-        const selectedOptions = this.options.filter(option => value.includes(option[this.key]));
-        const selectedOptionIds = selectedOptions.map(option => option[this.key]);
-        const invalidOptionIds = value.filter(optionId => !selectedOptionIds.includes(optionId));
-        displayOptions = selectedOptions.map((option, optionIdx) => {
-          return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
-            option: option,
-            key: optionIdx,
-            isShowRemove: true,
-            onRemove: this.removeOption.bind(this, option)
-          });
-        }).concat(invalidOptionIds.map((optionId, index) => {
-          const option = {
-            name: (0, _lang.getLocale)(_constants.DELETED_OPTION_TIPS),
-            color: _constants.DELETED_OPTION_BACKGROUND_COLOR
-          };
-          return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
-            option: option,
-            key: "deleted-".concat(index),
-            isShowRemove: true,
-            onRemove: this.removeOption.bind(this, {
-              [this.key]: optionId
-            })
-          });
-        }));
-      }
-      if (displayOptions.length === 0) return /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-        text: (0, _lang.getLocale)('Select_option(s)')
-      });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          minHeight: 50,
-          padding: '10px 0',
-          display: 'flex',
-          flexWrap: 'wrap'
-        }
-      }, displayOptions);
-    };
-    this.state = {
-      value: _props.value || [],
-      isShowEditor: false
-    };
-    this.key = _props.valueKey === 'name' ? 'name' : 'id';
-    this.options = this.getOptions(_props);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      value,
-      column
-    } = nextProps;
-    if (value !== this.props.value || !_objectUtils.default.isSameObject(column, this.props.column)) {
-      this.options = this.getOptions(nextProps);
-      this.setState({
-        value,
-        isShowEditor: false
-      });
-    }
-  }
-  render() {
-    const {
-      column,
-      isSupportNewOption,
-      onAddNewOption
-    } = this.props;
-    const {
-      showEditor,
-      value
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui dtable-ui-mobile-row-expand-options-editor position-relative",
-      onClick: this.openEditor
-    }, this.renderOptions(), /*#__PURE__*/_react.default.createElement(_rightAngle.default, null)), showEditor && /*#__PURE__*/_react.default.createElement(_MultipleSelectEditor.default, {
-      value: value,
-      column: column,
-      valueKey: this.key,
-      options: this.options,
-      onCommit: this.onChange,
-      onClose: this.closeEditor,
-      isSupportNewOption: isSupportNewOption,
-      onAddNewOption: onAddNewOption
-    }));
-  }
-}
-var _default = exports.default = RowExpandMBMultipleSelectEditor;