dtable-ui-component 6.0.49 → 6.0.50

package/lib/SimpleLongTextFormatter/widgets/LongTextPreview.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableMarkdownViewer = _interopRequireDefault(require("./dtable-markdown-viewer"));
 require("./longTextEditor.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class LongTextPreview extends _react.default.PureComponent {
   constructor(props) {
     super(props);
@@ -74,18 +75,20 @@ class LongTextPreview extends _react.default.PureComponent {
       value
     } = this.props;
     const markdownContent = value ? value.text : '';
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)('longtext-modal-dialog longtext-preview', className),
       style: this.getStyle(),
       ref: ref => this.ref = ref,
       onMouseEnter: this.onMouseEnter,
-      onMouseLeave: this.onMouseLeave
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "longtext-container longtext-container-scroll"
-    }, /*#__PURE__*/_react.default.createElement(_dtableMarkdownViewer.default, {
-      markdownContent: markdownContent,
-      showTOC: false
-    })));
+      onMouseLeave: this.onMouseLeave,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "longtext-container longtext-container-scroll",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dtableMarkdownViewer.default, {
+          markdownContent: markdownContent,
+          showTOC: false
+        })
+      })
+    });
   }
 }
 var _default = exports.default = LongTextPreview;

package/lib/SimpleLongTextFormatter/widgets/dtable-markdown-viewer.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _seafileEditor = require("@seafile/seafile-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 // Windows old Wechat (3.0 or earlier) inner core is chrome 53 and don't support ECMA6, can't use seafile-editor markdownViewer
 // Windows new Wechat (lastest version 3.3.5) support seafile-editor markdownViewer
 // so use dangerouslySetInnerHTML to preview
@@ -43,7 +44,7 @@ class DtableMarkdownViewer extends _react.default.PureComponent {
   }
   render() {
     if (this.isWindowsWechat) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "long-text-container article",
         dangerouslySetInnerHTML: {
           __html: this.state.innerHtml
@@ -54,7 +55,7 @@ class DtableMarkdownViewer extends _react.default.PureComponent {
       showTOC,
       markdownContent
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_seafileEditor.MarkdownViewer, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seafileEditor.MarkdownViewer, {
       value: markdownContent,
       isShowOutline: showTOC
     });

package/lib/SingleSelectEditor/index.js

@@ -8,15 +8,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _selectEditor = _interopRequireDefault(require("../select-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const SingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     value: oldValue,
     ...props
   } = _ref;
   const value = oldValue ? [oldValue] : [];
-  return /*#__PURE__*/_react.default.createElement(_selectEditor.default, Object.assign({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectEditor.default, {
+    ...props,
     value: value,
     ref: ref
-  }));
+  });
 });
 var _default = exports.default = SingleSelectEditor;

package/lib/SingleSelectFormatter/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _SelectItem = _interopRequireDefault(require("../SelectItem"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class SingleSelectFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
@@ -20,7 +21,7 @@ class SingleSelectFormatter extends _react.default.PureComponent {
       } = this.props;
       let option = options.find(item => item.id === value || item.name === value);
       if (option) {
-        return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItem.default, {
           option: option,
           fontSize: fontSize
         });
@@ -33,9 +34,10 @@ class SingleSelectFormatter extends _react.default.PureComponent {
       value
     } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container single-select-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, value ? this.getOption() : '');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classname,
+      children: value ? this.getOption() : ''
+    });
   }
 }
 var _default = exports.default = SingleSelectFormatter;

package/lib/SvgIcon/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const iconComponents = {};
 const requireContext = require.context('../assets/icons', false, /\.svg$/);
 requireContext.keys().forEach(path => {
@@ -30,6 +31,8 @@ const SvgIcon = _ref => {
   };
   const IconComponent = iconComponents[symbol];
   if (!IconComponent) return null;
-  return /*#__PURE__*/_react.default.createElement(IconComponent, props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+    ...props
+  });
 };
 var _default = exports.default = SvgIcon;

package/lib/TabBar/Tab.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Badge = _interopRequireDefault(require("../Badge"));
+var _jsxRuntime = require("react/jsx-runtime");
 class Tab extends React.PureComponent {
   constructor() {
     super(...arguments);
@@ -22,22 +23,24 @@ class Tab extends React.PureComponent {
         prefixCls
       } = this.props;
       const iconRes = selected ? selectedIcon : icon;
-      const iconDom = /*#__PURE__*/React.isValidElement(iconRes) ? iconRes : /*#__PURE__*/React.createElement("img", {
+      const iconDom = /*#__PURE__*/React.isValidElement(iconRes) ? iconRes : /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         className: "".concat(prefixCls, "-image"),
         src: iconRes ? iconRes.uri : iconRes,
         alt: title
       });
       if (badge) {
-        return /*#__PURE__*/React.createElement(_Badge.default, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Badge.default, {
           text: badge,
-          className: "".concat(prefixCls, "-badge tab-badge")
-        }, ' ', iconDom, ' ');
+          className: "".concat(prefixCls, "-badge tab-badge"),
+          children: [' ', iconDom, ' ']
+        });
       }
       if (dot) {
-        return /*#__PURE__*/React.createElement(_Badge.default, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
           dot: true,
-          className: "".concat(prefixCls, "-badge tab-dot")
-        }, iconDom);
+          className: "".concat(prefixCls, "-badge tab-dot"),
+          children: iconDom
+        });
       }
       return iconDom;
     };
@@ -57,20 +60,24 @@ class Tab extends React.PureComponent {
       tintColor
     } = this.props;
     const iconColor = selected ? tintColor : unselectedTintColor;
-    return /*#__PURE__*/React.createElement("div", Object.assign({}, this.props.dataAttrs, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ...this.props.dataAttrs,
       onClick: this.onClick,
-      className: "".concat(prefixCls)
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-icon"),
-      style: {
-        color: iconColor
-      }
-    }, this.renderIcon()), /*#__PURE__*/React.createElement("p", {
-      className: "".concat(prefixCls, "-title"),
-      style: {
-        color: selected ? tintColor : unselectedTintColor
-      }
-    }, title));
+      className: "".concat(prefixCls),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(prefixCls, "-icon"),
+        style: {
+          color: iconColor
+        },
+        children: this.renderIcon()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "".concat(prefixCls, "-title"),
+        style: {
+          color: selected ? tintColor : unselectedTintColor
+        },
+        children: title
+      })]
+    });
   }
 }
 var _default = exports.default = Tab;

package/lib/TabBar/index.js

@@ -11,16 +11,18 @@ var _getDataAttr = _interopRequireDefault(require("../utils/getDataAttr"));
 var _Tabs = _interopRequireDefault(require("../Tabs"));
 var _Tab = _interopRequireDefault(require("./Tab"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class Item extends React.Component {
   render() {
     const {
       prefixCls,
       style
     } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: prefixCls,
-      style: style
-    }, this.props.children);
+      style: style,
+      children: this.props.children
+    });
   }
 }
 exports.Item = Item;
@@ -53,8 +55,7 @@ class AntTabBar extends React.Component {
       } = this.props;
       const tabsData = this.getTabs();
       const content = Array.isArray(tabsData) ? tabsData.map((cProps, index) => {
-        return /*#__PURE__*/React.createElement(_Tab.default, {
-          key: index,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
           prefixCls: "".concat(this.props.prefixCls, "-tab"),
           badge: cProps.badge,
           dot: cProps.dot,
@@ -66,18 +67,19 @@ class AntTabBar extends React.Component {
           unselectedTintColor: unselectedTintColor,
           dataAttrs: (0, _getDataAttr.default)(cProps),
           onClick: () => cProps.onPress && cProps.onPress()
-        });
+        }, index);
       }) : null;
       let cls = "".concat(prefixCls, "-bar");
       if (hidden) {
         cls += " ".concat(prefixCls, "-bar-hidden-").concat(tabBarPosition);
       }
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: cls,
         style: {
           backgroundColor: barTintColor
-        }
-      }, content);
+        },
+        children: content
+      });
     };
   }
   render() {
@@ -99,18 +101,20 @@ class AntTabBar extends React.Component {
         }
       });
     }
-    return /*#__PURE__*/React.createElement("div", {
-      className: prefixCls
-    }, /*#__PURE__*/React.createElement(_Tabs.default, {
-      tabs: tabs,
-      renderTabBar: this.renderTabBar,
-      tabBarPosition: tabBarPosition,
-      page: activeIndex < 0 ? undefined : activeIndex,
-      animated: animated,
-      swipeable: swipeable,
-      noRenderContent: noRenderContent,
-      prerenderingSiblingsNumber: prerenderingSiblingsNumber
-    }, children));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: prefixCls,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
+        tabs: tabs,
+        renderTabBar: this.renderTabBar,
+        tabBarPosition: tabBarPosition,
+        page: activeIndex < 0 ? undefined : activeIndex,
+        animated: animated,
+        swipeable: swipeable,
+        noRenderContent: noRenderContent,
+        prerenderingSiblingsNumber: prerenderingSiblingsNumber,
+        children: children
+      })
+    });
   }
 }
 AntTabBar.defaultProps = {

package/lib/Tabs/index.js

@@ -8,6 +8,7 @@ exports.default = exports.DefaultTabBar = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _rmcTabs = require("rmc-tabs");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class DefaultTabBar extends _rmcTabs.DefaultTabBar {}
 exports.DefaultTabBar = DefaultTabBar;
 DefaultTabBar.defaultProps = {
@@ -21,15 +22,17 @@ class Tabs extends React.PureComponent {
       const {
         renderTab
       } = this.props;
-      return /*#__PURE__*/React.createElement(DefaultTabBar, Object.assign({}, props, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultTabBar, {
+        ...props,
         renderTab: renderTab
-      }));
+      });
     };
   }
   render() {
-    return /*#__PURE__*/React.createElement(_rmcTabs.Tabs, Object.assign({
-      renderTabBar: this.renderTabBar
-    }, this.props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcTabs.Tabs, {
+      renderTabBar: this.renderTabBar,
+      ...this.props
+    });
   }
 }
 exports.default = Tabs;

package/lib/TextEditor/index.js

@@ -11,6 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../utils/utils");
 var _constants = require("../constants");
 var _cellComparer = require("../utils/cell-comparer");
+var _jsxRuntime = require("react/jsx-runtime");
 class TextEditor extends _react.Component {
   constructor(props) {
     super(props);
@@ -128,24 +129,26 @@ class TextEditor extends _react.Component {
     const {
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      className: (0, _classnames.default)('form-control', className),
-      ref: this.setInputRef,
-      placeholder: placeholder || '',
-      onBlur: this.onBlur,
-      onCut: this.onCut,
-      onPaste: this.onPaste,
-      value: value,
-      name: column.name,
-      title: column.name,
-      "aria-label": column.name,
-      onChange: this.onChange,
-      onKeyDown: this.onInputKeyDown,
-      onClick: this.onClick,
-      onCompositionStart: this.onCompositionStart,
-      onCompositionEnd: this.onCompositionEnd
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "text",
+        className: (0, _classnames.default)('form-control', className),
+        ref: this.setInputRef,
+        placeholder: placeholder || '',
+        onBlur: this.onBlur,
+        onCut: this.onCut,
+        onPaste: this.onPaste,
+        value: value,
+        name: column.name,
+        title: column.name,
+        "aria-label": column.name,
+        onChange: this.onChange,
+        onKeyDown: this.onInputKeyDown,
+        onClick: this.onClick,
+        onCompositionStart: this.onCompositionStart,
+        onCompositionEnd: this.onCompositionEnd
+      })
+    });
   }
 }
 var _default = exports.default = TextEditor;

package/lib/TextFormatter/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class TextFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -28,10 +29,11 @@ class TextFormatter extends _react.default.Component {
     } = this.props;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container text-formatter', containerClassName);
     const formattedValue = this.getFormattedValue(value);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classname,
-      title: formattedValue
-    }, formattedValue);
+      title: formattedValue,
+      children: formattedValue
+    });
   }
 }
 var _default = exports.default = TextFormatter;

package/lib/TextareaItem/index.js

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
 var _exenv = require("../utils/exenv");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 /* tslint:disable:jsx-no-multiline-js */
 
 function noop() {}
@@ -184,32 +185,40 @@ class TextareaItem extends React.Component {
         lengthCtrlProps.maxLength = count - characterLength + (value ? value.length : 0);
       }
     }
-    return /*#__PURE__*/React.createElement("div", {
-      className: wrapCls
-    }, title && /*#__PURE__*/React.createElement("div", {
-      className: labelCls
-    }, title), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-control")
-    }, /*#__PURE__*/React.createElement("textarea", Object.assign({
-      ref: el => this.textareaRef = el
-    }, lengthCtrlProps, otherProps, {
-      value: value,
-      onChange: this.onChange,
-      onBlur: this.onBlur,
-      onFocus: this.onFocus,
-      readOnly: !editable,
-      style: style
-    }))), clear && editable && value && characterLength > 0 && /*#__PURE__*/React.createElement(_rmcFeedback.default, {
-      activeClassName: "".concat(prefixCls, "-clear-active")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-clear"),
-      onClick: this.clearInput
-    })), error && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-error-extra"),
-      onClick: this.onErrorClick
-    }), hasCount && /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-count")
-    }, /*#__PURE__*/React.createElement("span", null, value ? characterLength : 0), "/", count));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: wrapCls,
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: labelCls,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(prefixCls, "-control"),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
+          ref: el => this.textareaRef = el,
+          ...lengthCtrlProps,
+          ...otherProps,
+          value: value,
+          onChange: this.onChange,
+          onBlur: this.onBlur,
+          onFocus: this.onFocus,
+          readOnly: !editable,
+          style: style
+        })
+      }), clear && editable && value && characterLength > 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
+        })
+      }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(prefixCls, "-error-extra"),
+        onClick: this.onErrorClick
+      }), hasCount && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: "".concat(prefixCls, "-count"),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: value ? characterLength : 0
+        }), "/", count]
+      })]
+    });
   }
 }
 exports.default = TextareaItem;

package/lib/Toast/index.js

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _rmcNotification = _interopRequireDefault(require("rmc-notification"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const SHORT = 3;
 const config = {
   duration: SHORT,
@@ -61,20 +62,25 @@ function notice(content, type) {
     notification.notice({
       duration,
       style: {},
-      content: iconType ? /*#__PURE__*/React.createElement("div", {
+      content: iconType ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "".concat(prefixCls, "-text ").concat(prefixCls, "-text-icon"),
         role: "alert",
-        "aria-live": "assertive"
-      }, /*#__PURE__*/React.createElement(_Icon.default, {
-        type: iconType,
-        size: "lg"
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-text-info")
-      }, content)) : /*#__PURE__*/React.createElement("div", {
+        "aria-live": "assertive",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          type: iconType,
+          size: "lg"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(prefixCls, "-text-info"),
+          children: content
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "".concat(prefixCls, "-text"),
         role: "alert",
-        "aria-live": "assertive"
-      }, /*#__PURE__*/React.createElement("div", null, content)),
+        "aria-live": "assertive",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: content
+        })
+      }),
       closable: true,
       onClose() {
         if (onClose) {

package/lib/UploadProgress/index.js

@@ -8,8 +8,9 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactSweetProgress = require("react-sweet-progress");
 require("react-sweet-progress/lib/style.css");
+var _jsxRuntime = require("react/jsx-runtime");
 function UploadProgress(props) {
-  return /*#__PURE__*/_react.default.createElement(_reactSweetProgress.Progress, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSweetProgress.Progress, {
     type: "circle",
     percent: props.uploadPercent,
     width: props.width || 30,

package/lib/UrlEditor/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _editorBase = _interopRequireDefault(require("../common/editor-base"));
 var _constants = require("../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 class UrlEditor extends _editorBase.default {
   constructor() {
     super(...arguments);
@@ -46,7 +47,7 @@ class UrlEditor extends _editorBase.default {
     return this.input.querySelector('input:not([type=hidden])');
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement("input", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       type: "text",
       ref: this.setInputRef,
       className: "form-control",

package/lib/UrlFormatter/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class UrlFormatter extends _react.default.Component {
   render() {
     const {
@@ -15,10 +16,11 @@ class UrlFormatter extends _react.default.Component {
       value
     } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container url-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       title: value,
-      className: classname
-    }, value);
+      className: classname,
+      children: value
+    });
   }
 }
 var _default = exports.default = UrlFormatter;