dtable-ui-component 6.0.49 → 6.0.50

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

@@ -13,6 +13,7 @@ var _SingleSelectEditor = _interopRequireDefault(require("../../../SingleSelectE
 var _lang = require("../../../lang");
 var _objectUtils = _interopRequireDefault(require("../../../utils/object-utils"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCSingleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
@@ -106,7 +107,7 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
         backgroundColor: _constants.DELETED_OPTION_BACKGROUND_COLOR
       };
       const optionName = option ? option.name : (0, _lang.getLocale)(_constants.DELETED_OPTION_TIPS);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         tabIndex: 0,
         onFocus: this.onFocus,
         onClick: this.onToggleSelect,
@@ -114,23 +115,29 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
         className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor custom-select', {
           'focus': isEditorFocus,
           ["".concat(classNamePrefix, "-select-editor")]: classNamePrefix
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _classnames.default)('dtable-ui-row-expand-select-editor-inner', {
+            ["".concat(classNamePrefix, "-select-editor-inner")]: classNamePrefix
+          }),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: (0, _classnames.default)('', {
+              ["".concat(classNamePrefix, "-select-editor-inner-container")]: classNamePrefix
+            }),
+            children: [value && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dtable-ui-select-option",
+              style: optionStyle,
+              title: optionName,
+              children: optionName
+            }), !value && placeholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              children: placeholder
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            "aria-hidden": "true",
+            className: "dtable-font dtable-icon-down3"
+          })]
         })
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)('dtable-ui-row-expand-select-editor-inner', {
-          ["".concat(classNamePrefix, "-select-editor-inner")]: classNamePrefix
-        })
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)('', {
-          ["".concat(classNamePrefix, "-select-editor-inner-container")]: classNamePrefix
-        })
-      }, value && /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-select-option",
-        style: optionStyle,
-        title: optionName
-      }, optionName), !value && placeholder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeholder)), /*#__PURE__*/_react.default.createElement("i", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-down3"
-      })));
+      });
     };
     this.state = {
       value: _props.value,
@@ -183,24 +190,25 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
       isShowEditor,
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "position-relative w-100",
-      ref: ref => this.ref = ref
-    }, this.renderOption(), /*#__PURE__*/_react.default.createElement("span", {
-      ref: ref => this.targetRef = ref
-    }), isShowEditor && /*#__PURE__*/_react.default.createElement(_SingleSelectEditor.default, {
-      isInModal: true,
-      options: this.options,
-      column: column,
-      value: value,
-      valueKey: this.key,
-      target: this.targetRef,
-      classNamePrefix: classNamePrefix,
-      onCommit: this.onChange,
-      isSupportNewOption: isSupportNewOption,
-      onAddNewOption: onAddNewOption,
-      onClose: this.closeEditor
-    }));
+      ref: ref => this.ref = ref,
+      children: [this.renderOption(), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        ref: ref => this.targetRef = ref
+      }), isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SingleSelectEditor.default, {
+        isInModal: true,
+        options: this.options,
+        column: column,
+        value: value,
+        valueKey: this.key,
+        target: this.targetRef,
+        classNamePrefix: classNamePrefix,
+        onCommit: this.onChange,
+        isSupportNewOption: isSupportNewOption,
+        onAddNewOption: onAddNewOption,
+        onClose: this.closeEditor
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCSingleSelectEditor;

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

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 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
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandTextEditor;

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

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _TextEditor = _interopRequireDefault(require("../../../TextEditor"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBTextEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -23,15 +24,16 @@ class RowExpandMBTextEditor extends _react.default.Component {
       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
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "dtable-ui-mobile-row-expand-input-editor-container",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditor.default, {
+        ref: ref => this.editor = ref,
+        readOnly: readOnly,
+        column: column,
+        value: value,
+        onCommit: this.onCommit
+      })
+    });
   }
 }
 var _default = exports.default = RowExpandMBTextEditor;

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

@@ -13,6 +13,7 @@ var _cell = require("../../../utils/cell");
 var _constants = require("../../../constants");
 var _lang = require("../../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCTextEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -118,19 +119,22 @@ class RowExpandPCTextEditor extends _react.default.Component {
     const {
       inconformityFormat
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-row-expand-simple-text-editor-container",
-      ref: this.setEditorRef
-    }, /*#__PURE__*/_react.default.createElement(_TextEditor.default, {
-      ref: ref => this.editor = ref,
-      className: inconformityFormat ? 'is-invalid' : '',
-      readOnly: readOnly,
-      column: column,
-      value: value,
-      onKeyDown: this.onKeyDown,
-      onInputClick: this.onInputClick,
-      onCommit: this.onCommit
-    }), inconformityFormat && /*#__PURE__*/_react.default.createElement(_reactstrap.FormFeedback, null, _lang.getLocale.get('Input_does_not_meet_specifications')));
+      ref: this.setEditorRef,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditor.default, {
+        ref: ref => this.editor = ref,
+        className: inconformityFormat ? 'is-invalid' : '',
+        readOnly: readOnly,
+        column: column,
+        value: value,
+        onKeyDown: this.onKeyDown,
+        onInputClick: this.onInputClick,
+        onCommit: this.onCommit
+      }), inconformityFormat && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.FormFeedback, {
+        children: _lang.getLocale.get('Input_does_not_meet_specifications')
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCTextEditor;

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

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 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
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandUrlEditor;

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

@@ -10,6 +10,7 @@ var _toaster = _interopRequireDefault(require("../../../toaster"));
 var _utils = require("../../../utils/utils");
 var _lang = require("../../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBUrlEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -65,23 +66,24 @@ class RowExpandMBUrlEditor extends _react.default.Component {
     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
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-mobile-row-expand-input-editor-container position-relative dtable-ui-mobile-row-expand-url-editor-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("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__*/(0, _jsxRuntime.jsx)("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;

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

@@ -11,6 +11,7 @@ var _utils = require("../../../utils/utils");
 var _constants = require("../../../constants");
 var _lang = require("../../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCUrlEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -107,24 +108,25 @@ class RowExpandPCUrlEditor extends _react.default.Component {
     let {
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-url-editor"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      ref: ref => this.urlInputRef = ref,
-      type: "text",
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      onCut: this.onCut,
-      onPaste: this.onPaste,
-      onChange: this.onChange,
-      className: "form-control dtable-ui-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-row-expand-jump-link",
-      onClick: this.onOpenUrlLink
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-row-expand-url-editor",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        ref: ref => this.urlInputRef = ref,
+        type: "text",
+        onFocus: this.onFocus,
+        onBlur: this.onBlur,
+        onCut: this.onCut,
+        onPaste: this.onPaste,
+        onChange: this.onChange,
+        className: "form-control dtable-ui-row-expand-url-input",
+        value: value || '',
+        onKeyDown: this.onKeyDown
+      }), value && value.trim() && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-url dtable-ui-row-expand-jump-link",
+        onClick: this.onOpenUrlLink
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCUrlEditor;

package/lib/RowExpandFormatter/department-formatter/index.js

@@ -9,11 +9,20 @@ var _react = _interopRequireDefault(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcFormatter = _interopRequireDefault(require("./pc-formatter"));
 var _mbFormatter = _interopRequireDefault(require("./mb-formatter"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandDepartmentFormatter = props => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: '(min-width: 768px)'
-  }, /*#__PURE__*/_react.default.createElement(_pcFormatter.default, props)), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: '(max-width: 768px)'
-  }, /*#__PURE__*/_react.default.createElement(_mbFormatter.default, props)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: '(min-width: 768px)',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcFormatter.default, {
+        ...props
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: '(max-width: 768px)',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbFormatter.default, {
+        ...props
+      })
+    })]
+  });
 };
 var _default = exports.default = RowExpandDepartmentFormatter;

package/lib/RowExpandFormatter/department-formatter/mb-formatter.js

@@ -7,12 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
+var _jsxRuntime = require("react/jsx-runtime");
 function RowExpandMBDepartmentFormatter(_ref) {
   let {
     value,
     departments
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectFormatter.default, {
     value: value,
     departments: departments
   });

package/lib/RowExpandFormatter/department-formatter/pc-formatter.js

@@ -7,21 +7,25 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
+var _jsxRuntime = require("react/jsx-runtime");
 function RowExpandPCDepartmentFormatter(_ref) {
   let {
     value,
     departments
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "position-relative w-100"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    tabIndex: 0,
-    className: "dtable-ui-row-expand-select-formatter custom-select"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-row-expand-select-formatter-inner"
-  }, /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter.default, {
-    value: value,
-    departments: departments
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "position-relative w-100",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      tabIndex: 0,
+      className: "dtable-ui-row-expand-select-formatter custom-select",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-row-expand-select-formatter-inner",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectFormatter.default, {
+          value: value,
+          departments: departments
+        })
+      })
+    })
+  });
 }
 var _default = exports.default = RowExpandPCDepartmentFormatter;

package/lib/RowExpandFormatter/email-formatter/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _editorUtils = require("../../utils/editor-utils");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandEmailFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -26,14 +27,16 @@ class RowExpandEmailFormatter extends _react.default.Component {
       value
     } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "email-formatter-value text-truncate"
-    }, value), (0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/_react.default.createElement("span", {
-      className: "dtable-font dtable-icon-email row-expand-jump-link",
-      onClick: this.onOpenEmailLink
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classname,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "email-formatter-value text-truncate",
+        children: value
+      }), (0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "dtable-font dtable-icon-email row-expand-jump-link",
+        onClick: this.onOpenEmailLink
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandEmailFormatter;

package/lib/RowExpandFormatter/file-formatter/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _rowExpandFileItemFormatter = _interopRequireDefault(require("./row-expand-file-item-formatter"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandFileFormatter extends _react.default.PureComponent {
   render() {
     let {
@@ -23,20 +24,20 @@ class RowExpandFileFormatter extends _react.default.PureComponent {
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui cell-formatter-container row-expand-file-formatter', containerClassName)
-    }, value.map((item, index) => {
-      return /*#__PURE__*/_react.default.createElement(_rowExpandFileItemFormatter.default, {
-        file: item,
-        key: index,
-        index: index,
-        column: column,
-        config: config,
-        downloadFile: downloadFile,
-        deleteFile: deleteFile,
-        readOnly: readOnly
-      });
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)('dtable-ui cell-formatter-container row-expand-file-formatter', containerClassName),
+      children: value.map((item, index) => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rowExpandFileItemFormatter.default, {
+          file: item,
+          index: index,
+          column: column,
+          config: config,
+          downloadFile: downloadFile,
+          deleteFile: deleteFile,
+          readOnly: readOnly
+        }, index);
+      })
+    });
   }
 }
 exports.default = RowExpandFileFormatter;

package/lib/RowExpandFormatter/file-formatter/row-expand-file-item-formatter.js

@@ -11,6 +11,7 @@ var _reactstrap = require("reactstrap");
 var _lang = require("../../lang");
 var _url = require("../../utils/url");
 var _DeleteTip = _interopRequireDefault(require("../../DeleteTip"));
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandFileItemFormatter extends _react.Component {
   constructor(props) {
     super(props);
@@ -58,42 +59,48 @@ class RowExpandFileItemFormatter extends _react.Component {
     const {
       fileIconUrl
     } = (0, _url.getFileThumbnailInfo)(file, config);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      key: "file-".concat(index),
-      className: "row-expand-item-file",
-      id: id
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: fileIconUrl,
-      id: "item-file-".concat(index),
-      alt: file.name
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-icons-choice"
-    }, downloadFile && /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-icon",
-      onClick: e => this.props.downloadFile(file, e)
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-download"
-    })), !readOnly && deleteFile && /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-icon",
-      onClick: this.onClickDelete
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-fork-number"
-    })))), this.state.isDeleteTipOpen && /*#__PURE__*/_react.default.createElement(_DeleteTip.default, {
-      position: this.position,
-      toggle: this.closeDeleteTip,
-      handleDelete: this.onDelete,
-      deleteTip: (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_file')
-    }), /*#__PURE__*/_react.default.createElement(_reactstrap.Tooltip, {
-      placement: "bottom",
-      isOpen: this.state.isTooltipOpen,
-      toggle: this.toggleTooltip,
-      target: id,
-      delay: {
-        show: 0,
-        hide: 0
-      },
-      fade: false
-    }, file.name));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "row-expand-item-file",
+        id: id,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: fileIconUrl,
+          id: "item-file-".concat(index),
+          alt: file.name
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-file-icons-choice",
+          children: [downloadFile && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "file-icon",
+            onClick: e => this.props.downloadFile(file, e),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              className: "dtable-font dtable-icon-download"
+            })
+          }), !readOnly && deleteFile && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "file-icon",
+            onClick: this.onClickDelete,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              className: "dtable-font dtable-icon-fork-number"
+            })
+          })]
+        })]
+      }, "file-".concat(index)), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
+        position: this.position,
+        toggle: this.closeDeleteTip,
+        handleDelete: this.onDelete,
+        deleteTip: (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_file')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Tooltip, {
+        placement: "bottom",
+        isOpen: this.state.isTooltipOpen,
+        toggle: this.toggleTooltip,
+        target: id,
+        delay: {
+          show: 0,
+          hide: 0
+        },
+        fade: false,
+        children: file.name
+      })]
+    });
   }
 }
 exports.default = RowExpandFileItemFormatter;