dtable-ui-component 6.0.49 → 6.0.50

package/lib/InputItem/custom-keyboard.js

@@ -10,12 +10,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
 var _exenv = require("../utils/exenv");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * determines whether an array includes a certain value among its entries, returning true or false as appropriate.
  * @param {array} arr The array to search in
  * @param {any} item  The value to search for
- */
-function includes(arr, item) {
+ */function includes(arr, item) {
   if (!arr || !arr.length || !item) {
     return false;
   }
@@ -51,20 +51,24 @@ class KeyboardItem extends React.Component {
       ["".concat(prefixCls, "-item-disabled")]: disabled
     };
     const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, extraCls);
-    return /*#__PURE__*/React.createElement(_rmcFeedback.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
       disabled: disabled,
-      activeClassName: "".concat(prefixCls, "-item-active")
-    }, /*#__PURE__*/React.createElement("td", Object.assign({
-      ref: tdRef
-      // tslint:disable-next-line:jsx-no-multiline-js
-      ,
-      onTouchEnd: e => {
-        onClick(e, value);
-      },
-      className: wrapCls
-    }, restProps), children, iconOnly && /*#__PURE__*/React.createElement("i", {
-      className: "sr-only"
-    }, label)));
+      activeClassName: "".concat(prefixCls, "-item-active"),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("td", {
+        ref: tdRef
+        // tslint:disable-next-line:jsx-no-multiline-js
+        ,
+        onTouchEnd: e => {
+          onClick(e, value);
+        },
+        className: wrapCls,
+        ...restProps,
+        children: [children, iconOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: "sr-only",
+          children: label
+        })]
+      })
+    });
   }
 }
 exports.KeyboardItem = KeyboardItem;
@@ -97,11 +101,11 @@ class CustomKeyboard extends React.Component {
       if (this.props.disabledKeys && includes(this.props.disabledKeys, item)) {
         disabled = true;
       }
-      return /*#__PURE__*/React.createElement(KeyboardItem, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, {
         onClick: this.onKeyboardClick,
-        key: "item-".concat(item, "-").concat(index),
-        disabled: disabled
-      }, item);
+        disabled: disabled,
+        children: item
+      }, "item-".concat(item, "-").concat(index));
     };
   }
   render() {
@@ -114,32 +118,49 @@ class CustomKeyboard extends React.Component {
       header
     } = this.props;
     const wrapperCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), "".concat(prefixCls, "-wrapper-hide"));
-    return /*#__PURE__*/React.createElement("div", Object.assign({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: wrapperCls,
-      ref: el => this.antmKeyboard = el
-    }, wrapProps), header && /*#__PURE__*/React.cloneElement(header, {
-      onClick: this.onKeyboardClick
-    }), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, ['1', '2', '3'].map((item, index) =>
-    // tslint:disable-next-line:jsx-no-multiline-js
-    this.renderKeyboardItem(item, index)), /*#__PURE__*/React.createElement(KeyboardItem, Object.assign({
-      className: "keyboard-delete",
-      rowSpan: 2,
-      onClick: this.onKeyboardClick
-    }, this.getAriaAttr(backspaceLabel)))), /*#__PURE__*/React.createElement("tr", null, ['4', '5', '6'].map((item, index) =>
-    // tslint:disable-next-line:jsx-no-multiline-js
-    this.renderKeyboardItem(item, index))), /*#__PURE__*/React.createElement("tr", null, ['7', '8', '9'].map((item, index) =>
-    // tslint:disable-next-line:jsx-no-multiline-js
-    this.renderKeyboardItem(item, index)), /*#__PURE__*/React.createElement(KeyboardItem, {
-      className: "keyboard-confirm",
-      rowSpan: 2,
-      onClick: this.onKeyboardClick,
-      tdRef: el => this.confirmKeyboardItem = el
-    }, confirmLabel)), /*#__PURE__*/React.createElement("tr", null, ['.', '0'].map((item, index) =>
-    // tslint:disable-next-line:jsx-no-multiline-js
-    this.renderKeyboardItem(item, index)), /*#__PURE__*/React.createElement(KeyboardItem, Object.assign({
-      className: "keyboard-hide",
-      onClick: this.onKeyboardClick
-    }, this.getAriaAttr(cancelKeyboardLabel)))))));
+      ref: el => this.antmKeyboard = el,
+      ...wrapProps,
+      children: [header && /*#__PURE__*/React.cloneElement(header, {
+        onClick: this.onKeyboardClick
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("tbody", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+            children: [['1', '2', '3'].map((item, index) =>
+            // tslint:disable-next-line:jsx-no-multiline-js
+            this.renderKeyboardItem(item, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, {
+              className: "keyboard-delete",
+              rowSpan: 2,
+              onClick: this.onKeyboardClick,
+              ...this.getAriaAttr(backspaceLabel)
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+            children: ['4', '5', '6'].map((item, index) =>
+            // tslint:disable-next-line:jsx-no-multiline-js
+            this.renderKeyboardItem(item, index))
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+            children: [['7', '8', '9'].map((item, index) =>
+            // tslint:disable-next-line:jsx-no-multiline-js
+            this.renderKeyboardItem(item, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, {
+              className: "keyboard-confirm",
+              rowSpan: 2,
+              onClick: this.onKeyboardClick,
+              tdRef: el => this.confirmKeyboardItem = el,
+              children: confirmLabel
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+            children: [['.', '0'].map((item, index) =>
+            // tslint:disable-next-line:jsx-no-multiline-js
+            this.renderKeyboardItem(item, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, {
+              className: "keyboard-hide",
+              onClick: this.onKeyboardClick,
+              ...this.getAriaAttr(cancelKeyboardLabel)
+            })]
+          })]
+        })
+      })]
+    });
   }
   getAriaAttr(label) {
     if (_exenv.IS_IOS) {

package/lib/InputItem/index.js

@@ -14,6 +14,7 @@ var _getLocale = require("../utils/getLocale");
 var _customInput = _interopRequireDefault(require("./custom-input"));
 var _input = _interopRequireDefault(require("./input"));
 require("./style/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 /* tslint:disable:jsx-no-multiline-js */
 
 function noop() {}
@@ -302,62 +303,71 @@ class InputItem extends React.Component {
         className: 'h5numInput' // the name is bad! todos rename.
       };
     }
-    return /*#__PURE__*/React.createElement("div", {
-      className: wrapCls
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixListCls, "-line")
-    }, children ? /*#__PURE__*/React.createElement("div", {
-      className: labelCls
-    }, children) : null, /*#__PURE__*/React.createElement("div", {
-      className: controlCls
-    }, type === 'money' ? /*#__PURE__*/React.createElement(_customInput.default, {
-      value: normalizeValue(value),
-      type: type,
-      ref: el => this.inputRef = el,
-      maxLength: maxLength,
-      placeholder: placeholder,
-      onChange: this.onInputChange,
-      onFocus: this.onInputFocus,
-      onBlur: this.onInputBlur,
-      onVirtualKeyboardConfirm: onVirtualKeyboardConfirm,
-      disabled: disabled,
-      editable: editable,
-      prefixCls: prefixCls,
-      style: style,
-      confirmLabel: confirmLabel,
-      backspaceLabel: backspaceLabel,
-      cancelKeyboardLabel: cancelKeyboardLabel,
-      moneyKeyboardAlign: moneyKeyboardAlign,
-      moneyKeyboardWrapProps: moneyKeyboardWrapProps,
-      moneyKeyboardHeader: moneyKeyboardHeader,
-      autoAdjustHeight: autoAdjustHeight,
-      disabledKeys: disabledKeys
-    }) : /*#__PURE__*/React.createElement(_input.default, Object.assign({}, patternProps, restProps, classNameProps, {
-      value: normalizeValue(value),
-      defaultValue: undefined,
-      ref: el => this.inputRef = el,
-      style: style,
-      type: inputType,
-      maxLength: maxLength,
-      name: name,
-      placeholder: placeholder,
-      onChange: this.onInputChange,
-      onFocus: this.onInputFocus,
-      onBlur: this.onInputBlur,
-      readOnly: !editable,
-      disabled: disabled
-    }))), clear && editable && !disabled && value && "".concat(value).length > 0 ? /*#__PURE__*/React.createElement(_rmcFeedback.default, {
-      activeClassName: "".concat(prefixCls, "-clear-active")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-clear"),
-      onClick: this.clearInput
-    })) : null, error ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-error-extra"),
-      onClick: onErrorClick
-    }) : null, extra !== '' ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-extra"),
-      onClick: onExtraClick
-    }, extra) : null));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: wrapCls,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "".concat(prefixListCls, "-line"),
+        children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: labelCls,
+          children: children
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: controlCls,
+          children: type === 'money' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_customInput.default, {
+            value: normalizeValue(value),
+            type: type,
+            ref: el => this.inputRef = el,
+            maxLength: maxLength,
+            placeholder: placeholder,
+            onChange: this.onInputChange,
+            onFocus: this.onInputFocus,
+            onBlur: this.onInputBlur,
+            onVirtualKeyboardConfirm: onVirtualKeyboardConfirm,
+            disabled: disabled,
+            editable: editable,
+            prefixCls: prefixCls,
+            style: style,
+            confirmLabel: confirmLabel,
+            backspaceLabel: backspaceLabel,
+            cancelKeyboardLabel: cancelKeyboardLabel,
+            moneyKeyboardAlign: moneyKeyboardAlign,
+            moneyKeyboardWrapProps: moneyKeyboardWrapProps,
+            moneyKeyboardHeader: moneyKeyboardHeader,
+            autoAdjustHeight: autoAdjustHeight,
+            disabledKeys: disabledKeys
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
+            ...patternProps,
+            ...restProps,
+            ...classNameProps,
+            value: normalizeValue(value),
+            defaultValue: undefined,
+            ref: el => this.inputRef = el,
+            style: style,
+            type: inputType,
+            maxLength: maxLength,
+            name: name,
+            placeholder: placeholder,
+            onChange: this.onInputChange,
+            onFocus: this.onInputFocus,
+            onBlur: this.onInputBlur,
+            readOnly: !editable,
+            disabled: disabled
+          })
+        }), clear && editable && !disabled && value && "".concat(value).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
+          activeClassName: "".concat(prefixCls, "-clear-active"),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "".concat(prefixCls, "-clear"),
+            onClick: this.clearInput
+          })
+        }) : null, error ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(prefixCls, "-error-extra"),
+          onClick: onErrorClick
+        }) : null, extra !== '' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(prefixCls, "-extra"),
+          onClick: onExtraClick,
+          children: extra
+        }) : null]
+      })
+    });
   }
 }
 InputItem.defaultProps = {

package/lib/InputItem/input.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 require("./style/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class Input extends React.Component {
   constructor() {
     super(...arguments);
@@ -35,11 +36,12 @@ class Input extends React.Component {
       onFocus,
       ...restProps
     } = this.props;
-    return /*#__PURE__*/React.createElement("input", Object.assign({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       ref: el => this.inputRef = el,
       onBlur: this.onInputBlur,
-      onFocus: this.onInputFocus
-    }, restProps));
+      onFocus: this.onInputFocus,
+      ...restProps
+    });
   }
 }
 var _default = exports.default = Input;

package/lib/LastModifierFormatter/index.js

@@ -10,6 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _CollaboratorItem = _interopRequireDefault(require("../CollaboratorItem"));
 var _default_avatar = _interopRequireDefault(require("../assets/images/avatar/default_avatar.png"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 // there will be there conditions
 // 1 value is not exist, typeof value is array, but it's length is 0
 // 2 value is exist, but can't find in collaborators
@@ -35,10 +36,9 @@ class LastModifierFormatter extends _react.default.PureComponent {
             avatar_url: _default_avatar.default
           };
         }
-        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
-          key: index,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
           collaborator: collaborator
-        });
+        }, index);
       });
     };
   }
@@ -49,14 +49,15 @@ class LastModifierFormatter extends _react.default.PureComponent {
     } = this.props;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container last-modified-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: classname
       });
     }
     const collaborators = this.getCollaborators();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, collaborators);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classname,
+      children: collaborators
+    });
   }
 }
 LastModifierFormatter.defaultProps = {

package/lib/LinkEditor/index.js

@@ -15,6 +15,7 @@ var _linkEditorOption = _interopRequireDefault(require("./link-editor-option"));
 var _pcPopover = _interopRequireDefault(require("./pc-popover"));
 var _mbPopover = _interopRequireDefault(require("./mb-popover"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class LinkEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -220,39 +221,44 @@ class LinkEditor extends _react.default.Component {
     let options = this.getAvailableLinkedOptions();
     let selectedOptions = this.formatLinkedValuesToOptions();
     let isShowRemoveIcon = !isReadOnly;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: this.setEditorContainerRef,
-      className: "dtable-ui-link-editor"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: this.setEditorRef,
-      className: "dtable-ui-link-editor-container",
-      onClick: this.onAddOptionToggle
-    }, selectedOptions.length === 0 && /*#__PURE__*/_react.default.createElement(_EditEditorButton.default, {
-      text: (0, _lang.getLocale)('Add_an_option')
-    }), selectedOptions.length !== 0 && selectedOptions.map(option => {
-      return /*#__PURE__*/_react.default.createElement(_linkEditorOption.default, {
-        key: option.id,
-        option: option,
-        isShowRemoveIcon: isShowRemoveIcon,
-        onDeleteLinkOption: this.onDeleteOption
-      });
-    })), isPopoverShow && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-      query: "(min-width: 768px)"
-    }, /*#__PURE__*/_react.default.createElement(_pcPopover.default, {
-      popoverPosition: popoverPosition,
-      options: options,
-      selectedOptions: selectedOptions,
-      onOptionItemToggle: this.onOptionItemToggle
-    })), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-      query: "(max-width: 768px)"
-    }, /*#__PURE__*/_react.default.createElement(_mbPopover.default, {
-      isReadOnly: this.props.isReadOnly,
-      value: this.state.newValue,
-      column: this.props.column,
-      options: options,
-      onOptionItemToggle: this.onOptionItemToggle,
-      onClosePopover: this.onClosePopover
-    }))));
+      className: "dtable-ui-link-editor",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        ref: this.setEditorRef,
+        className: "dtable-ui-link-editor-container",
+        onClick: this.onAddOptionToggle,
+        children: [selectedOptions.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditEditorButton.default, {
+          text: (0, _lang.getLocale)('Add_an_option')
+        }), selectedOptions.length !== 0 && selectedOptions.map(option => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkEditorOption.default, {
+            option: option,
+            isShowRemoveIcon: isShowRemoveIcon,
+            onDeleteLinkOption: this.onDeleteOption
+          }, option.id);
+        })]
+      }), isPopoverShow && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+          query: "(min-width: 768px)",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcPopover.default, {
+            popoverPosition: popoverPosition,
+            options: options,
+            selectedOptions: selectedOptions,
+            onOptionItemToggle: this.onOptionItemToggle
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+          query: "(max-width: 768px)",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbPopover.default, {
+            isReadOnly: this.props.isReadOnly,
+            value: this.state.newValue,
+            column: this.props.column,
+            options: options,
+            onOptionItemToggle: this.onOptionItemToggle,
+            onClosePopover: this.onClosePopover
+          })
+        })]
+      })]
+    });
   }
 }
 LinkEditor.defaultProps = {

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 class LinkEditorOption extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -61,27 +62,31 @@ class LinkEditorOption extends _react.default.Component {
     let optionStyle = this.getOptionStyle();
     let optionNameStyle = this.getOptionNameStyle();
     let operationStyle = this.getOperationStyle();
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui link-option-item",
-      style: containerStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "option-info",
-      style: optionStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "option-name",
-      style: optionNameStyle,
-      title: option.name
-    }, option.name)), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("div", {
-      className: "option-remove",
-      style: operationStyle,
-      onClick: this.onDeleteOption
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-fork-number",
-      style: {
-        fontSize: '12px',
-        lineHeight: '20px'
-      }
-    })));
+      style: containerStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "option-info",
+        style: optionStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "option-name",
+          style: optionNameStyle,
+          title: option.name,
+          children: option.name
+        })
+      }), isShowRemoveIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "option-remove",
+        style: operationStyle,
+        onClick: this.onDeleteOption,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: "dtable-font dtable-icon-fork-number",
+          style: {
+            fontSize: '12px',
+            lineHeight: '20px'
+          }
+        })
+      })]
+    });
   }
 }
 LinkEditorOption.defaultProps = {

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

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _lang = require("../../lang");
 var _MBEditorHeader = _interopRequireDefault(require("../../MBEditorHeader"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class MBLinkEditorPopover extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -68,18 +69,20 @@ class MBLinkEditorPopover extends _react.default.Component {
       } = this.props;
       return options.map((option, index) => {
         let isSelect = value.some(item => item === option.id);
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "mb-link-option-item",
-          key: index,
-          onMouseDown: this.onSelectOption.bind(this, option)
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "mb-option-info"
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "option-name",
-          title: option.name
-        }, option.name)), isSelect && /*#__PURE__*/_react.default.createElement("i", {
-          className: "mb-option-checked dtable-font dtable-icon-check-mark"
-        }));
+          onMouseDown: this.onSelectOption.bind(this, option),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "mb-option-info",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "option-name",
+              title: option.name,
+              children: option.name
+            })
+          }), isSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            className: "mb-option-checked dtable-font dtable-icon-check-mark"
+          })]
+        }, index);
       });
     };
     this.setEditorPopover = editorPopover => {
@@ -104,38 +107,47 @@ class MBLinkEditorPopover extends _react.default.Component {
       searchVal
     } = this.state;
     let filterOptions = this.getFilterOptions();
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: this.setEditorPopover,
       className: "dtable-ui-mb-editor-popover mb-link-editor-popover",
-      onClick: this.onContainerClick
-    }, /*#__PURE__*/_react.default.createElement(_MBEditorHeader.default, {
-      title: column.name,
-      leftContent: /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-return"
-      }),
-      rightContent: /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Done')),
-      onLeftClick: this.props.onClosePopover,
-      onRightClick: this.props.onClosePopover
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mb-editor-body dtable-ui-mb-link-editor-body"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "mb-search-link-items"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      className: "form-control",
-      type: "text",
-      placeholder: (0, _lang.getLocale)('Search_option'),
-      value: searchVal,
-      onChange: this.onChangeSearch,
-      onClick: this.onInputClick
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "mb-link-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "title"
-    }, (0, _lang.getLocale)('Choose_an_option')), /*#__PURE__*/_react.default.createElement("div", {
-      className: "content"
-    }, filterOptions.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-      className: "search-result-none"
-    }, (0, _lang.getLocale)('No_options_available')), filterOptions.length > 0 && this.renderFilteredOptions(filterOptions)))));
+      onClick: this.onContainerClick,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MBEditorHeader.default, {
+        title: column.name,
+        leftContent: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: "dtable-font dtable-icon-return"
+        }),
+        rightContent: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('Done')
+        }),
+        onLeftClick: this.props.onClosePopover,
+        onRightClick: this.props.onClosePopover
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-mb-editor-body dtable-ui-mb-link-editor-body",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "mb-search-link-items",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+            className: "form-control",
+            type: "text",
+            placeholder: (0, _lang.getLocale)('Search_option'),
+            value: searchVal,
+            onChange: this.onChangeSearch,
+            onClick: this.onInputClick
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "mb-link-container",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "title",
+            children: (0, _lang.getLocale)('Choose_an_option')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "content",
+            children: [filterOptions.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "search-result-none",
+              children: (0, _lang.getLocale)('No_options_available')
+            }), filterOptions.length > 0 && this.renderFilteredOptions(filterOptions)]
+          })]
+        })]
+      })]
+    });
   }
 }
 MBLinkEditorPopover.defaultProps = {