dtable-ui-component 6.0.29-beta9 → 6.0.29

package/lib/RowExpandEditor/number-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 RowExpandNumberEditor = /*#__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 = RowExpandNumberEditor;

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

@@ -1,3 +0,0 @@
-.dtable-ui-mobile-row-expand-number-editor-container .form-control {
-  width: 100% !important;
-}

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

@@ -1,76 +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 _NumberEditor = _interopRequireDefault(require("../../../NumberEditor"));
-require("./index.css");
-class RowExpandMBNumberEditor extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.toggleEditor = () => {
-      if (this.props.readOnly) return;
-      this.setState({
-        isShowEditor: !this.state.isShowEditor
-      });
-    };
-    this.onCommit = value => {
-      console.log(value);
-      this.props.onCommit(value);
-      this.setState({
-        value
-      }, () => {
-        this.setState({
-          isShowEditor: false
-        });
-      });
-    };
-    this.onBlur = () => {
-      this.setState({
-        isShowEditor: false
-      });
-    };
-    const {
-      column,
-      row
-    } = props;
-    this.state = {
-      isShowEditor: false,
-      value: row[column.key]
-    };
-  }
-  render() {
-    const {
-      column
-    } = this.props;
-    const {
-      value,
-      isShowEditor
-    } = this.state;
-    let formatValue = '';
-    if (!isShowEditor && (0, _dtableUtils.isNumber)(value)) {
-      const {
-        data = {}
-      } = column;
-      formatValue = (0, _dtableUtils.getNumberDisplayString)(value, data);
-    }
-    const dom = isShowEditor ? /*#__PURE__*/_react.default.createElement(_NumberEditor.default, {
-      isInModal: true,
-      column: column,
-      value: value,
-      onBlur: this.onBlur,
-      onCommit: this.onCommit
-    }) : /*#__PURE__*/_react.default.createElement("div", {
-      className: "w-100 h-100",
-      onClick: this.toggleEditor
-    }, formatValue);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-input-editor-container dtable-ui-mobile-row-expand-number-editor-container"
-    }, dom);
-  }
-}
-var _default = exports.default = RowExpandMBNumberEditor;

package/lib/RowExpandEditor/rate-editor/index.css

@@ -1,34 +0,0 @@
-.dtable-ui.dtable-ui-row-expand-rate-editor {
-  display: flex;
-}
-
-.dtable-ui.dtable-ui-row-expand-rate-editor > div {
-  padding-right: 5px;
-  cursor: pointer;
-  line-height: 1.5;
-}
-
-.dtable-ui.dtable-ui-row-expand-rate-editor .rate-item-active {
-  opacity: 1 !important;
-}
-
-.dtable-ui-mobile-row-expand-rate-editor {
-  min-height: 50px;
-  align-items: center;
-  flex-wrap: wrap;
-  padding: 10px 0;
-}
-
-.dtable-ui-mobile-row-expand-rate-editor .dtable-ui-mobile-row-expand-rate-item {
-  height: 24px;
-  width: 24px;
-  margin-top: 3px;
-  margin-bottom: 3px;
-  margin-right: 0.25rem;
-  padding-right: 0 !important;
-}
-
-.dtable-ui-mobile-row-expand-rate-editor .dtable-ui-mobile-row-expand-rate-item .dtable-font {
-  font-size: 24px;
-  line-height: 1;
-}

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

@@ -1,25 +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"));
-require("./index.css");
-const RowExpandRateEditor = /*#__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 = RowExpandRateEditor;

package/lib/RowExpandEditor/rate-editor/mb-editor.js

@@ -1,92 +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 _classnames = _interopRequireDefault(require("classnames"));
-class RowExpandMBRateEditor extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.onChangeRateNumber = index => {
-      if (!this.canEdit) return;
-      const {
-        value
-      } = this.state;
-      const newValue = value === index ? '' : index;
-      this.setState({
-        value: newValue
-      });
-      this.props.onCommit(newValue);
-    };
-    this.getRateMaxStar = () => {
-      const {
-        value
-      } = this.state;
-      const {
-        column
-      } = this.props;
-      const {
-        rate_max_number,
-        rate_style_color,
-        rate_style_type
-      } = column.data || {};
-      const rateShowType = rate_style_type ? rate_style_type : 'dtable-icon-rate';
-      let rateList = [];
-      for (let i = 0; i < rate_max_number; i++) {
-        const rateItemIndex = i + 1;
-        const style = {
-          color: value >= rateItemIndex ? rate_style_color : '#e5e5e5',
-          opacity: 0.4
-        };
-        const rateItem = /*#__PURE__*/_react.default.createElement("div", {
-          key: i,
-          onClick: this.onChangeRateNumber.bind(this, rateItemIndex),
-          style: style,
-          className: (0, _classnames.default)('dtable-ui-mobile-row-expand-rate-item', {
-            'rate-item-active': value >= rateItemIndex
-          })
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "dtable-font ".concat(rateShowType)
-        }));
-        rateList.push(rateItem);
-      }
-      return rateList;
-    };
-    this.state = {
-      value: props.value || ''
-    };
-    let {
-      column: _column
-    } = this.props;
-    const {
-      editable
-    } = _column;
-    this.canEdit = editable;
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
-    if (row._id !== this.props.row._id) {
-      this.setState({
-        value: row[column[valueKey]] || ''
-      });
-    } else if (nextProps.value !== this.props.value) {
-      this.setState({
-        value: nextProps.value || ''
-      });
-    }
-  }
-  render() {
-    const rateList = this.getRateMaxStar();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-rate-editor dtable-ui dtable-ui-row-expand-rate-editor"
-    }, rateList);
-  }
-}
-var _default = exports.default = RowExpandMBRateEditor;

package/lib/RowExpandEditor/right-angle/index.css

@@ -1,6 +0,0 @@
-.dtable-ui-mobile-row-expand-angle-right {
-  color: #999;
-  position: absolute;
-  right: 0;
-  top: calc(50% - 12px);
-}

package/lib/RowExpandEditor/right-angle/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = RightAngle;
-var _react = _interopRequireDefault(require("react"));
-require("./index.css");
-function RightAngle() {
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-ui-mobile-row-expand-angle-right"
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    "aria-hidden": "true",
-    className: "dtable-font dtable-icon-right"
-  }));
-}

package/lib/RowExpandEditor/single-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 RowExpandSingleSelectEditor = /*#__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 = RowExpandSingleSelectEditor;

package/lib/RowExpandEditor/single-select-editor/mb-editor/index.css

@@ -1,8 +0,0 @@
-.dtable-ui-mobile-row-expand-options-editor {
-  min-height: 50px;
-}
-
-.dtable-ui-mobile-row-expand-options-editor .dtable-ui-mobile-row-expand-add-btn {
-  height: 100%;
-  line-height: 50px;
-}

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

@@ -1,134 +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 _SingleSelectEditor = _interopRequireDefault(require("../../../SingleSelectEditor"));
-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"));
-require("./index.css");
-class RowExpandMBSingleSelectEditor extends _react.default.Component {
-  constructor(_props) {
-    super(_props);
-    this.getOptions = props => {
-      const {
-        column,
-        row,
-        columns
-      } = props;
-      const options = (0, _dtableUtils.getColumnOptions)(column);
-      const {
-        data
-      } = column;
-      const {
-        cascade_column_key,
-        cascade_settings
-      } = data || {};
-      if (cascade_column_key && Array.isArray(columns)) {
-        const cascadeColumn = columns.find(c => c.key === cascade_column_key);
-        if (cascadeColumn) {
-          const cascadeColumnValue = row[cascade_column_key];
-          if (!cascadeColumnValue) return [];
-          const cascadeSetting = cascade_settings[cascadeColumnValue];
-          if (!cascadeSetting || !Array.isArray(cascadeSetting) || cascadeSetting.length === 0) return [];
-          return options.filter(option => cascadeSetting.includes(option.id));
-        }
-      }
-      return options;
-    };
-    this.toggleEditor = value => {
-      this.setState({
-        showEditor: value
-      });
-    };
-    this.openEditor = event => {
-      event.stopPropagation();
-      this.toggleEditor(true);
-    };
-    this.closeEditor = () => {
-      this.toggleEditor(false);
-    };
-    this.onChange = option => {
-      let newValue = option[this.key];
-      if (this.state.value === newValue) newValue = null;
-      this.setState({
-        value: newValue
-      });
-      this.props.onCommit(newValue);
-      this.toggleEditor(false);
-    };
-    this.renderOption = () => {
-      const {
-        value
-      } = this.state;
-      let option = this.options.find(o => o[this.key] === value);
-      option = {
-        name: (0, _lang.getLocale)(_constants.DELETED_OPTION_TIPS),
-        color: _constants.DELETED_OPTION_BACKGROUND_COLOR,
-        ...option
-      };
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value ? /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          height: 50,
-          padding: '10px 0'
-        }
-      }, /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
-        option: option
-      })) : /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-        text: (0, _lang.getLocale)('Select_an_option')
-      }));
-    };
-    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.renderOption(), /*#__PURE__*/_react.default.createElement(_rightAngle.default, null)), showEditor && /*#__PURE__*/_react.default.createElement(_SingleSelectEditor.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 = RowExpandMBSingleSelectEditor;

package/lib/RowExpandEditor/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 RowExpandTextEditor = /*#__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 = RowExpandTextEditor;

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

@@ -1,14 +0,0 @@
-.dtable-ui-mobile-row-expand-input-editor-container {
-  height: 50px;
-  line-height: 50px;
-}
-
-.dtable-ui-mobile-row-expand-input-editor-container .form-control {
-  border: none;
-  padding: 0;
-  height: 50px;
-}
-
-.dtable-ui-mobile-row-expand-input-editor-container .form-control:focus {
-  box-shadow: none;
-}

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

@@ -1,37 +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 _TextEditor = _interopRequireDefault(require("../../../TextEditor"));
-require("./index.css");
-class RowExpandMBTextEditor extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.onCommit = () => {
-      const value = this.editor.getValue();
-      this.props.onCommit(value);
-    };
-    this.editor = null;
-  }
-  render() {
-    const {
-      readOnly,
-      column,
-      value
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-input-editor-container"
-    }, /*#__PURE__*/_react.default.createElement(_TextEditor.default, {
-      ref: ref => this.editor = ref,
-      readOnly: readOnly,
-      column: column,
-      value: value,
-      onCommit: this.onCommit
-    }));
-  }
-}
-var _default = exports.default = RowExpandMBTextEditor;

package/lib/RowExpandEditor/url-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 RowExpandUrlEditor = /*#__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 = RowExpandUrlEditor;

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

@@ -1,17 +0,0 @@
-.dtable-ui-mobile-row-expand-url-editor-container .dtable-ui-mobile-row-expand-url-input {
-  text-decoration: underline;
-  padding-right: 40px;
-}
-
-.dtable-ui-mobile-row-expand-url-editor-container .dtable-ui-mobile-row-expand-jump-link {
-  height: 22px;
-  line-height: 22px;
-  position: absolute;
-  right: 0;
-  top: 14px;
-  background: #fff;
-  color: #999;
-  border: 1px solid #eee;
-  box-shadow: 0 0 1px;
-  padding: 0 3px;
-}

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

@@ -1,87 +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 _toaster = _interopRequireDefault(require("../../../toaster"));
-var _utils = require("../../../utils/utils");
-var _lang = require("../../../lang");
-require("./index.css");
-class RowExpandMBUrlEditor extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.onBlur = () => {
-      const {
-        onCommit
-      } = this.props;
-      onCommit(this.state.value.trim());
-    };
-    this.onChange = e => {
-      let value = e.target.value;
-      if (value === this.state.value) return;
-      this.setState({
-        value
-      });
-    };
-    this.onCut = e => {
-      e.stopPropagation();
-    };
-    this.onPaste = e => {
-      e.stopPropagation();
-    };
-    this.onOpenUrlLink = () => {
-      const {
-        value
-      } = this.state;
-      let newValue = value.trim();
-      if (!(0, _utils.isValidUrl)(newValue)) {
-        newValue = "http://".concat(newValue);
-      }
-      try {
-        (0, _utils.openUrlLink)(newValue);
-      } catch {
-        _toaster.default.danger((0, _lang.getLocale)('URL_is_invalid'));
-      }
-    };
-    this.state = {
-      value: props.value || ''
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row
-    } = nextProps;
-    if (row._id !== this.props.row._id) {
-      this.setState({
-        value: row[column[this.props.valueKey]] || ''
-      });
-    }
-  }
-  render() {
-    const {
-      value
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-input-editor-container position-relative dtable-ui-mobile-row-expand-url-editor-container"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      onCut: this.onCut,
-      onPaste: this.onPaste,
-      onChange: this.onChange,
-      className: "form-control dtable-ui-mobile-row-expand-url-input",
-      value: value || '',
-      onKeyDown: this.onKeyDown
-    }), value && value.trim() && /*#__PURE__*/_react.default.createElement("span", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-url dtable-ui-mobile-row-expand-jump-link",
-      onClick: this.onOpenUrlLink
-    }));
-  }
-}
-var _default = exports.default = RowExpandMBUrlEditor;